:root { color-scheme: light; --ink:#294438; --muted:#617368; --paper:#fffaf0; --sage:#e7efe8; --line:#dbe4dc; --accent:#537b68; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:linear-gradient(145deg,#f6ead4,#e5eee6); font:16px/1.72 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
header,main,footer { width:min(860px,calc(100% - 32px)); margin:auto; }
header { display:flex; align-items:center; justify-content:space-between; padding:24px 0; }
.brand { color:var(--ink); font-weight:800; text-decoration:none; letter-spacing:.02em; }
nav { display:flex; flex-wrap:wrap; gap:14px; }
nav a,footer a { color:var(--accent); }
main { min-height:calc(100vh - 180px); padding:clamp(28px,6vw,62px); border:1px solid rgba(83,123,104,.16); border-radius:28px; background:rgba(255,250,240,.94); box-shadow:0 24px 64px rgba(50,73,59,.12); }
.eyebrow { margin:0 0 8px; color:var(--accent); font-size:.78rem; font-weight:800; letter-spacing:.16em; }
h1 { max-width:720px; margin:0; font-size:clamp(2.1rem,6vw,4rem); line-height:1.08; letter-spacing:-.04em; }
.summary { max-width:680px; margin:18px 0 36px; color:var(--muted); font-size:1.12rem; }
h2 { margin:34px 0 8px; font-size:1.35rem; }
p,li { color:#425b4e; }
li { margin:.35rem 0; }
a { color:#3f705b; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px; margin-top:30px; }
.card { display:block; padding:20px; border:1px solid var(--line); border-radius:18px; background:var(--sage); color:var(--ink); text-decoration:none; }
.card strong { display:block; margin-bottom:4px; }
.meta { margin-top:40px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem; }
footer { padding:28px 0 40px; color:var(--muted); font-size:.9rem; }
@media (max-width:640px) { header { align-items:flex-start; gap:18px; } nav { justify-content:flex-end; } main { padding:28px 22px; border-radius:20px; } }