:root{color-scheme:light;--ink:#32275f;--muted:#686278;--accent:#595fba;--paper:#fcfaf7;--line:#e4dfed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:900px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:38px;font-weight:750;color:#bc527f;text-decoration:none;letter-spacing:-2px}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}a{color:var(--accent);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}main{padding-top:48px;padding-bottom:56px}h1{font-size:clamp(32px,6vw,48px);line-height:1.15;letter-spacing:-1px}h2{font-size:23px;margin-top:36px}p,li{max-width:74ch}.intro{font-size:21px;color:var(--muted)}.panel{background:#f0ecf8;padding:24px;border-radius:18px;margin:28px 0}.panel h2{margin-top:0}.small,footer{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600}li{margin-bottom:10px}.skip{position:absolute;top:-80px}.skip:focus{top:0;background:white;padding:10px}a{overflow-wrap:anywhere}@media(max-width:500px){header{align-items:flex-start;flex-direction:column;gap:8px}main{padding-top:28px}}
