:root { --cream:#fbf7ed; --ink:#173b2b; --leaf:#3c7a4c; --sage:#dfeadb; --line:#c8d8c3; }
* { box-sizing:border-box; }
body { margin:0; background:var(--cream); color:var(--ink); font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:#1e6339; text-underline-offset:3px; } a:focus-visible { outline:3px solid #9acb72; outline-offset:3px; }
.site-header { border-bottom:1px solid var(--line); background:#fffdf7; }.bar { max-width:960px; margin:auto; padding:1.15rem 1.5rem; display:flex; gap:1rem; align-items:center; justify-content:space-between; }.brand { color:var(--ink); font-weight:800; font-size:1.2rem; text-decoration:none; } nav { display:flex; flex-wrap:wrap; gap:1rem; }
main { max-width:800px; margin:0 auto; padding:3.5rem 1.5rem 4rem; }.eyebrow { color:#31663f; font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:.8rem; }h1,h2 { line-height:1.2; color:#123623; } h1 { font-size:clamp(2rem,6vw,3.2rem); margin:.25rem 0 1rem; } h2 { margin-top:2.6rem; font-size:1.38rem; }.intro { font-size:1.12rem; max-width:68ch; }.notice { background:var(--sage); border-left:5px solid var(--leaf); border-radius:0 .85rem .85rem 0; padding:1rem 1.2rem; margin:1.6rem 0; }.card { background:#fffdf7; border:1px solid var(--line); border-radius:1rem; padding:1.25rem; margin:1.25rem 0; }li { margin:.4rem 0; } footer { border-top:1px solid var(--line); padding:1.5rem; text-align:center; color:#466252; font-size:.9rem; }@media (max-width:540px) { .bar { align-items:flex-start; flex-direction:column; } main { padding-top:2.25rem; } }