:root{color-scheme:light;--ink:#173c34;--muted:#526861;--line:#dce6df;--paper:#f7f8f2;--accent:#087457}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid #c07521;outline-offset:5px}header,main,footer{max-width:1080px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:750;text-decoration:none;color:var(--ink)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:var(--accent)}.hero{padding:68px 0 42px;max-width:820px}h1{font-size:clamp(38px,6vw,68px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 26px}h2{font-size:26px;line-height:1.25;margin:0 0 15px}h3{font-size:19px;margin:0 0 10px}p{margin:0 0 18px;color:var(--muted)}.lead{font-size:21px;max-width:670px}.button{display:inline-block;background:var(--accent);color:white;padding:12px 23px;border-radius:100px;text-decoration:none;font-weight:650;margin:8px 0 16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0 48px}.card{padding:28px;background:white;border:1px solid var(--line);border-radius:22px}.number{font-size:13px;color:var(--accent);display:block;margin-bottom:24px}.note{padding:24px;border-left:3px solid var(--accent);background:#eaf0e7;margin:30px 0}.prose{max-width:760px;padding-top:48px;padding-bottom:60px}.prose h1{font-size:46px}.prose h2{margin-top:36px;font-size:23px}.prose li{margin-bottom:10px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{font-weight:650;cursor:pointer}details p{padding-top:15px}footer{border-top:1px solid var(--line);font-size:13px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{margin:0}@media(max-width:640px){header,main,footer{padding:22px}.hero{padding:40px 0 24px}.grid{grid-template-columns:1fr;gap:14px}.card{padding:24px}.number{margin-bottom:12px}nav{gap:14px}.lead{font-size:19px}.prose h1{font-size:38px}h1{overflow-wrap:anywhere}}