*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:6rem}
body{min-height:100dvh;line-height:1.65;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}
img,svg{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
h1,h2,h3{line-height:1.08;font-weight:400;text-wrap:balance}
p{max-width:72ch;text-wrap:pretty}
a{color:inherit;text-decoration:none}
a,button{transition:color 180ms ease,background 180ms ease,opacity 180ms ease}
a:active,button:active{opacity:.75}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:5px}
::selection{background:var(--color-primary);color:var(--color-bg)}
.skip{position:absolute;left:1rem;top:-6rem;z-index:100;background:var(--color-bg);padding:1rem}
.skip:focus{top:1rem}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}