:root{--bg:#fff;--fg:#1d2b2a;--accent:#0B5C5A;--card:#DDF1EC}
@media (prefers-color-scheme:dark){:root{--bg:#101a19;--fg:#e6f0ee;--accent:#7FC6BE;--card:#182928}}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,system-ui,sans-serif}
main{max-width:42rem;margin:0 auto;padding:2rem 1rem 4rem}
h1{color:var(--accent);margin-bottom:.2rem}h2{color:var(--accent);margin-top:2rem}
a{color:var(--accent)}nav a{margin-right:1rem}footer{margin-top:3rem;font-size:.9rem;opacity:.7}
nav{margin:1rem 0 1.5rem}main>a>picture img{display:block}
.lead{font-size:1.2rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:2rem 0}
.card{background:var(--card);border-radius:14px;padding:1rem 1.2rem}.card h3{margin:.2rem 0;color:var(--accent)}.card p{margin:.3rem 0}
.btn{display:inline-block;background:var(--accent);color:var(--bg);padding:.6rem 1.1rem;border-radius:10px;text-decoration:none;margin-right:1rem}