:root { --deep:#173b2b; --ink:#20251f; --muted:#687168; --paper:#fbfaf6; --line:#dfe3da; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif; }
header,main,footer { width:min(920px,calc(100% - 40px)); margin-inline:auto; }
header { display:flex; align-items:center; justify-content:space-between; padding:28px 0; }
header a { color:var(--deep); text-decoration:none; font-weight:800; }
main { padding:38px 0 80px; }
h1,h2 { color:var(--deep); font-family:Georgia,serif; line-height:1.15; }
h1 { margin:0 0 12px; font-size:clamp(42px,7vw,68px); }
h2 { margin-top:42px; font-size:28px; }
.updated,.note { color:var(--muted); }
.note { margin:28px 0; padding:18px 20px; border-left:4px solid #7b9264; border-radius:8px; background:#eef2e8; }
li { margin-bottom:8px; }
a { color:#315f45; }
footer { display:flex; flex-wrap:wrap; gap:16px; padding:24px 0 40px; border-top:1px solid var(--line); color:var(--muted); }
footer a { font-weight:600; }