*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font:var(--fw-regular) var(--fs-md)/var(--lh-body) var(--font);color:var(--c-ink);background:var(--c-surface);text-wrap:pretty}
h1,h2,h3,h4{margin:0 0 var(--s-3);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);text-wrap:balance}
h1{font-size:var(--fs-4xl)} h2{font-size:var(--fs-3xl)} h3{font-size:var(--fs-lg);line-height:var(--lh-snug)}
p{margin:0 0 var(--s-4);color:var(--c-muted);max-width:var(--measure)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:var(--focus-w) solid var(--c-accent);outline-offset:var(--s-1)}
ul{padding-left:var(--s-5)}