:root { color-scheme: light dark; --paper:#F6F4EC; --card:#FCFBF6; --ink:#2B2E2C; --sub:#58635D; --green:#2F6D5E; --rule:#D7D9CE; }
@media (prefers-color-scheme:dark) { :root { --paper:#121614; --card:#1B211E; --ink:#E9E7DE; --sub:#A4B2A9; --green:#8FD1B8; --rule:#354139; } }
* { box-sizing:border-box; }
body { margin:0; padding:24px 22px 72px; background:var(--paper); color:var(--ink); font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { max-width:700px; margin:auto; }
nav { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; font-size:14px; }
a { color:var(--green); text-underline-offset:3px; }
a:focus-visible { outline:2px solid var(--green); outline-offset:5px; border-radius:2px; }
header { padding:64px 0 24px; }
.stamp { width:60px; height:60px; display:grid; place-items:center; background:var(--green); color:var(--paper); border-radius:12px; font:30px Georgia,serif; }
h1,h2 { font-family:Georgia,"Times New Roman",serif; line-height:1.25; }
h1 { margin:24px 0 12px; font-size:clamp(30px,7vw,42px); letter-spacing:-.025em; }
h2 { margin:40px 0 12px; font-size:24px; }
h3 { font-size:17px; margin:0 0 6px; }
p { margin:12px 0; }
.lead { font-size:20px; color:var(--green); }
.muted { color:var(--sub); }
.cards { display:grid; gap:14px; }
.card { padding:20px 22px; border:1px solid var(--rule); background:var(--card); border-radius:14px; }
.card p { margin:0; color:var(--sub); }
li { margin:8px 0; }
footer { margin-top:48px; padding-top:22px; border-top:1px solid var(--rule); font-size:14px; color:var(--sub); }