*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:2rem}
body{min-height:100dvh;line-height:1.65;font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background:var(--bg)}
svg,img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3{line-height:1.12;text-wrap:balance;font-weight:500}
p,li{text-wrap:pretty}
a{color:inherit;text-decoration:none}
a,button{transition:color .18s,background .18s,border-color .18s,transform .18s}
::selection{background:var(--accent);color:var(--on-accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.skip{position:absolute;top:-80px;left:16px;padding:16px;background:var(--ink);color:var(--bg);z-index:20}.skip:focus{top:16px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}