*,*::before,*::after{box-sizing:border-box}*{margin:0}
@view-transition{navigation:auto}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%;hanging-punctuation:first}
body{font:400 var(--s0)/1.65 var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img{display:block;max-width:100%;height:auto}a{color:inherit}button{font:inherit;color:inherit}
h1,h2,h3{line-height:1.1;letter-spacing:-.025em;text-wrap:balance;font-weight:700}p,li{text-wrap:pretty}
h1{font-size:clamp(2.2rem,1.4rem + 4.2vw,4.1rem)}h2{font-size:var(--s4)}h3{font-size:var(--s1)}
.wrap{width:var(--w);margin-inline:auto}.i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.i.f{fill:currentColor;stroke:none}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px}
::selection{background:color-mix(in oklab,var(--teal) 30%,white)}
.progress{position:fixed;inset:0 0 auto 0;height:2px;background:var(--teal);transform-origin:0 50%;transform:scaleX(0);z-index:90}
@supports (animation-timeline:scroll()){.progress{animation:grow linear both;animation-timeline:scroll(root)}@keyframes grow{to{transform:scaleX(1)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}