:root { color-scheme: light; --ink:#17324d; --green:#1d5b49; --gold:#d8a83e; --paper:#fffdf8; --muted:#5d6975; }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--ink); background:var(--paper); line-height:1.6; }
header,main,footer { width:min(760px,calc(100% - 36px)); margin:auto; }
header { padding:56px 0 24px; }
.brand { display:flex; align-items:center; gap:12px; font-weight:800; font-size:1.25rem; }
.mark { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:white; background:var(--green); }
h1 { font-size:clamp(2rem,7vw,3.5rem); line-height:1.08; margin:28px 0 12px; }
h2 { margin-top:32px; line-height:1.25; }
p,li { color:#273b4d; }
.lede { color:var(--muted); font-size:1.15rem; }
.card { padding:22px; margin:20px 0; background:white; border:1px solid #e4e8e5; border-radius:18px; box-shadow:0 8px 28px #17324d12; }
a { color:var(--green); font-weight:650; }
.button { display:inline-block; padding:12px 18px; border-radius:12px; color:white; background:var(--green); text-decoration:none; }
.notice { border-left:5px solid var(--gold); padding:14px 18px; background:#fff8e6; }
footer { margin-top:48px; padding:28px 0 56px; border-top:1px solid #dde3df; color:var(--muted); font-size:.9rem; }
nav a { margin-right:16px; }