*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth}
body{margin:0;background:var(--color-surface);color:var(--color-ink);font:400 var(--step-0)/1.65 var(--font-sans);text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--color-brand);text-underline-offset:.2em;text-decoration-thickness:.08em}
a:hover{text-decoration-thickness:.14em}
:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;border-radius:.15rem}
h1,h2,h3{margin:0 0 var(--space-3);font-family:var(--font-display);line-height:1.08;text-wrap:balance}
h1{font-size:var(--step-3);letter-spacing:-.035em}
h2{font-size:var(--step-2);letter-spacing:-.02em}
h3{font-size:var(--step-1)}
p,ul,ol{margin-block:0 var(--space-3)}
button,input,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(100% - 2rem,var(--container));margin-inline:auto}
.narrow{max-width:48rem}
.prose>*+*{margin-top:var(--space-3)}
.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.7rem 1rem;background:var(--color-surface);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.site-header{position:relative;z-index:20;border-bottom:1px solid var(--color-line);background:rgb(255 253 248 / .96)}
.site-header__inner{min-height:5rem;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:800;text-decoration:none;color:var(--color-brand)}
.primary-nav ul,.site-footer ul{list-style:none;margin:0;padding:0}
.primary-nav a{display:block;padding:.7rem;text-decoration:none;font-weight:650}
.primary-nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.2rem}
.nav-toggle{display:flex;align-items:center;gap:.5rem;border:1px solid var(--color-line);border-radius:999px;padding:.55rem .85rem;background:transparent;color:var(--color-ink)}
.js .primary-nav{display:none;position:absolute;inset:100% 0 auto;background:var(--color-surface);padding:1rem;border-bottom:1px solid var(--color-line);box-shadow:var(--shadow-sm)}
.js .primary-nav[data-open="true"]{display:block}
.no-js-note{font-size:var(--step--1);margin:0}
.site-footer{padding-block:var(--space-5) var(--space-3);background:var(--color-brand-strong);color:white}
.site-footer a{color:white}.site-footer__grid{display:grid;gap:var(--space-4)}
.site-footer__brand,.site-footer__heading{font-weight:800}.site-footer__meta{padding-top:var(--space-4);font-size:var(--step--1);opacity:.85}
@media(min-width:52rem){.nav-toggle{display:none}.js .primary-nav,.primary-nav{display:block;position:static;padding:0;border:0;box-shadow:none;background:transparent}.primary-nav ul{display:flex;align-items:center;gap:.25rem}.site-footer__grid{grid-template-columns:2fr 1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}