:root{color-scheme:light;--paper:#fbf9f3;--ink:#1a2e33;--accent:#176b5b;--line:#c1d6cc}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell{max-width:880px;padding:28px 24px 56px;margin:auto}
header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;border-bottom:1px solid var(--line);padding-bottom:24px}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}
a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:2px}
[aria-current="page"]{font-weight:700;text-decoration-thickness:2px}
.brand{font:600 28px/1.2 Georgia,serif;letter-spacing:-.5px;text-decoration:none;color:var(--ink)}
.language{font-size:16px}
.skip{position:absolute;top:0;left:12px;transform:translateY(-160%);background:#fff;padding:12px;z-index:2}
.skip:focus{transform:translateY(0)}
main{padding-top:38px}
h1{font:600 clamp(36px,6.5vw,58px)/1.13 Georgia,serif;letter-spacing:-1px;margin:12px 0 24px;max-width:18ch;overflow-wrap:break-word}
h2{font-size:25px;line-height:1.3;margin:36px 0 12px}
p,ul,ol{max-width:70ch}
p{margin:0 0 20px}
li+li{margin-top:10px}
.lead{font-size:22px;line-height:1.5}
.eyebrow{color:var(--accent);letter-spacing:.1em;font-size:13px;font-weight:700;text-transform:uppercase;margin-bottom:12px}
.panel{background:#f1f6f0;border:1px solid var(--line);border-radius:16px;padding:4px 24px 12px;margin:28px 0}
.panel h2{margin-top:22px}
.muted{font-size:16px}
footer{font-size:15px;border-top:1px solid var(--line);padding-top:24px;margin-top:48px;display:flex;flex-wrap:wrap;gap:12px 24px}
@media(max-width:520px){.shell{padding:24px 20px 40px}header{align-items:flex-start}nav{gap:12px 18px}main{padding-top:28px}.lead{font-size:20px}.panel{padding:2px 18px 8px}h2{font-size:23px}}