/* Reset, document defaults and shared type utilities */
*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--navy);font-family:var(--font-sans);line-height:1.65;padding:24px;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}button{color:inherit}img,svg{max-width:100%;display:block}section{scroll-margin-top:96px}.skip,.skip-link{position:fixed;left:12px;top:-100px;z-index:1000;background:var(--navy);color:#fff;padding:12px 16px}.skip:focus,.skip-link:focus{top:12px}.mono{font-family:var(--font-mono);font-size:.67rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}
@media(max-width:980px){body{padding:0}}

/* Canonical keyboard focus indicator. Component rules may supplement this, but should not remove it without an equally visible replacement. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--cyan);
  outline-offset:3px;
}
:where(input,select,textarea):focus-visible{
  border-color:var(--navy);
  box-shadow:0 0 0 3px rgba(0,199,232,.22);
}
@media(forced-colors:active){
  :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
    outline:3px solid Highlight;
    outline-offset:3px;
  }
}