:root{color-scheme:light dark;--bg:#fff;--ink:#173923;--muted:#536357;--line:#dae5d4;--soft:#eff6e8;--link:#315d25}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.75 system-ui,-apple-system,"Segoe UI",sans-serif}header,main,footer{width:min(100% - 40px,820px);margin-inline:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:750;text-decoration:none;color:var(--ink)}.brand img{width:38px;height:auto}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:var(--link);text-underline-offset:4px}a:focus-visible{outline:3px solid #8bc34a;outline-offset:5px;border-radius:3px}main{padding-block:36px 60px}h1{font-size:clamp(30px,5vw,44px);line-height:1.2;letter-spacing:-.025em;margin:10px 0 22px}h2{font-size:24px;line-height:1.4;margin:36px 0 12px}p{margin:0 0 18px}li{margin-block:8px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.meta{color:var(--muted);font-size:15px}.notice{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:24px;margin:28px 0}.notice p:last-child{margin:0}.action{display:inline-block;background:#8bc34a;color:#173923;border-radius:12px;padding:12px 20px;font-weight:700;min-height:48px;text-decoration:none;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding-block:24px 40px;font-size:15px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}bdi{unicode-bidi:isolate}a,p,li{overflow-wrap:anywhere}@media(prefers-color-scheme:dark){:root{--bg:#101710;--ink:#edf3e8;--muted:#bacab6;--line:#364634;--soft:#1b261b;--link:#b5dc8c}}@media(max-width:460px){body{font-size:17px}header{align-items:flex-start}nav{font-size:15px;gap:10px}main{padding-top:24px}.notice{padding:20px}}
:root { scroll-behavior: smooth; }
.skip-link { position: absolute; inset-inline-start: 20px; top: 8px; padding: 8px 14px; background: var(--bg); transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }
.notice h2:first-child { margin-top: 0; }
.notice .action + p { margin-top: 16px; }
header nav a { min-height: 44px; display: inline-flex; align-items: center; }
@media (prefers-reduced-motion: reduce) { :root { scroll-behavior: auto; } }