:root{color-scheme:light;--ink:#281c37;--violet:#592e83;--paper:#faf7fc;--line:#d9cbe5;--soft:#eee6f5}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--violet);text-underline-offset:.23em;overflow-wrap:anywhere}
a:hover{text-decoration-thickness:.15em}
a:focus-visible{outline:3px solid var(--violet);outline-offset:4px;border-radius:2px}
.skip-link{position:absolute;left:1rem;top:-10rem;background:white;padding:1rem;z-index:2}
.skip-link:focus{top:1rem}
.site-header,footer{max-width:76rem;margin:auto;padding:1.5rem clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.site-header{border-bottom:1px solid var(--line)}
.brand{font-size:1.25rem;font-weight:750;text-decoration:none}
nav{display:flex;gap:1rem;flex-wrap:wrap}
nav a{padding:.5rem .2rem;min-height:44px}
[aria-current="page"]{font-weight:750}
main{max-width:54rem;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 4rem}
main:focus{outline:none}
.draft{padding:1rem 1.25rem;border-left:4px solid var(--violet);background:var(--soft);margin-bottom:3rem;font-size:.9375rem}
.draft p{margin:.25rem 0 0}
.eyebrow{color:var(--violet);font-size:.875rem;font-weight:750;letter-spacing:.06em;margin-top:0}
h1{font-size:clamp(2rem,4.5vw,3.75rem);line-height:1.12;letter-spacing:-.025em;max-width:18ch;margin:.5rem 0 1.5rem;overflow-wrap:normal;hyphens:none}
h2{font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:1.3;margin:0 0 1rem}
.lead{font-size:1.1875rem;line-height:1.6}
section{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:2rem}
p{margin:0 0 1rem}
li{margin-bottom:.75rem}
ul{padding-left:1.4rem}
code{font-size:.95em;background:var(--soft);padding:.1rem .35rem}
.text-action{font-weight:750;display:inline-block;padding:.5rem 0}
footer{border-top:1px solid var(--line);font-size:.875rem;align-items:baseline}
footer p{margin:0}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
@media(max-width:360px){.site-header{gap:.5rem}nav{gap:.75rem}.draft{padding:.8rem}main{padding-top:1.25rem}}
@media print{body{background:white;color:black;font-size:11pt}.skip-link{display:none}main{max-width:none;padding:1rem}h1{font-size:24pt}.draft{background:white}}