@layer base,page;
@layer base{
  *,*::before,*::after{box-sizing:border-box}
  *{margin:0;font-family:sans-serif}
  @media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}
  body{line-height:1.5;-webkit-font-smoothing:antialiased}
  img,picture,video,canvas,svg{display:block;max-width:100%}
  input,button,textarea,select{font:inherit;padding:0.25rem;line-height:1.2}
  p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
  p{text-wrap:pretty}
  h1,h2,h3,h4,h5,h6{text-wrap:balance}
  table{border-collapse:collapse}
  header{margin:0 0.5rem 1rem}
  header ul{list-style:none;display:flex;gap:0.5rem;margin-top:0.5rem;padding:0}
}