:root{--bg:#faf7f2;--card:#fff;--ink:#2b2a28;--mut:#6b675f;--pri:#2f5d50;--acc:#c98b3c;--bd:#e7e0d3}
@media(prefers-color-scheme:dark){:root{--bg:#1c1d1b;--card:#262723;--ink:#eee9df;--mut:#a9a597;--pri:#7fb8a6;--bd:#3a3b36}}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--bg);color:var(--ink);line-height:1.65}
header{background:var(--card);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:9}
.bar{max-width:1100px;margin:auto;padding:.7rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:700;color:var(--pri);text-decoration:none}
.brand img{height:40px}
nav{display:flex;flex-wrap:wrap;gap:.2rem;font-family:system-ui,sans-serif;font-size:.92rem}
nav a{color:var(--ink);text-decoration:none;padding:.4rem .6rem;border-radius:6px;display:block}
nav a:hover,nav a.on{background:var(--pri);color:#fff}
.dd{position:relative}.dd>div{display:none;position:absolute;left:0;top:100%;background:var(--card);border:1px solid var(--bd);border-radius:8px;min-width:260px;padding:.3rem;box-shadow:0 8px 24px #0002}
.dd:hover>div,.dd:focus-within>div{display:block}
main{max-width:900px;margin:auto;padding:2rem 1rem}
.hero{text-align:center;padding:1.5rem 0 1rem}.hero img{max-height:140px;max-width:80%;object-fit:contain}
h1{color:var(--pri);margin:.6rem 0 .3rem;font-size:2rem}h2{color:var(--pri);margin-top:0}
.lead{color:var(--mut);max-width:680px;margin:auto}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:1.3rem 1.5rem;margin:1.2rem 0}
.card ul{padding-left:1.2rem}.btn{display:inline-block;background:var(--acc);color:#fff;padding:.6rem 1.1rem;border-radius:8px;text-decoration:none;font-family:system-ui,sans-serif}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.grid a{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:1rem;text-decoration:none;color:var(--ink)}.grid b{color:var(--pri)}
footer{text-align:center;color:var(--mut);padding:2rem 1rem;font-size:.9rem;font-family:system-ui,sans-serif}