:root{color-scheme:light;--ink:#17352e;--green:#285d4b;--paper:#f8f5ec;--line:#d5ded4}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.55 system-ui,sans-serif}
main{max-width:1050px;margin:auto;padding:clamp(24px,6vw,72px) 22px}
nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:24px}
a{color:var(--green);font-weight:650}a[aria-current]{text-decoration-thickness:2px;text-underline-offset:5px}
a:focus-visible{outline:3px solid #a55524;outline-offset:3px}
header{max-width:700px;margin-bottom:28px}.brand{font-weight:750;color:var(--green)}
h1{font:700 clamp(2.6rem,7vw,4.5rem)/1.02 Georgia,serif;letter-spacing:-.045em;margin:14px 0}
h2{font-size:1.2rem;margin:0 0 10px}p{margin:0 0 12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:16px}
article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
article p:last-child{margin-bottom:0}footer{margin-top:24px}