/* Foundations from the deployed detail styles, scoped to shared navigation. */
@font-face{font-family:Poppins;src:url('/tools/assets/fonts/poppins-latin-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/tools/assets/fonts/poppins-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/tools/assets/fonts/poppins-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Poppins;src:url('/tools/assets/fonts/poppins-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
.shared-header,.shared-footer,.skip-link{font-family:Poppins,Arial,sans-serif;font-size:16px;font-weight:400;line-height:normal;color-scheme:light;--violet:#6a46e8}
.shared-header,.shared-header *,.shared-header *::before,.shared-header *::after,.shared-footer,.shared-footer *,.shared-footer *::before,.shared-footer *::after,.skip-link{box-sizing:border-box}
:where(.shared-header,.shared-footer) a{color:inherit;text-decoration:none}
:where(.shared-header,.shared-footer) button{font:inherit}
:where(.shared-header,.shared-footer) img{display:block;max-width:100%}
:where(.shared-header,.shared-footer) :is(h1,h2,h3,p){margin-top:0}
.shared-header .shell,.shared-footer .shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.skip-link{position:fixed;top:-60px;left:16px;z-index:100;padding:12px 20px;background:#fff;color:#17213b;text-decoration:none;border:2px solid var(--violet);border-radius:8px}
.skip-link:focus{top:8px}
@media(max-width:900px){.shared-header .shell,.shared-footer .shell{width:calc(100% - 48px)}}
@media(max-width:640px){.shared-header .shell,.shared-footer .shell{width:calc(100% - 36px)}}