@layer base{
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
  body{min-height:100dvh;line-height:1.6}
  img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
  button,input,select,textarea{font:inherit;color:inherit}
  a{color:inherit}
  button{cursor:pointer;background:none;border:0}
  h1,h2,h3{line-height:1.06;text-wrap:balance}
  p{max-width:72ch;text-wrap:pretty}
  :focus-visible{outline:2px solid currentColor;outline-offset:4px}
  .skip{position:fixed;left:1rem;top:-5rem;z-index:999;padding:.75rem 1rem;background:#fff;color:#111}
  .skip:focus{top:1rem}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
}