:root{--bg:#0f1a12;--card:#17301c;--text:#f3f6f1;--muted:#b7c7b8;--accent:#c9a227;--link:#8fd18b}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,"Times New Roman",serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--link)}header,footer{background:#0a120c;padding:1.2rem 1.5rem}header .wrap,footer .wrap,.wrap{max-width:960px;margin:0 auto}
nav a{margin-right:1rem;text-decoration:none;color:var(--muted)}nav a:hover{color:var(--accent)}
h1,h2,h3{font-weight:normal;letter-spacing:.02em}.hero{padding:2.5rem 1.5rem 1rem;border-bottom:1px solid #2a4631}
.hero h1{margin:0 0 .4rem;font-size:2rem;color:var(--accent)}.hero p{color:var(--muted);max-width:40rem}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:0}
.card{background:var(--card);padding:1rem 1.1rem;border-radius:10px;border:1px solid #2a4631;display:block}
.card h3{margin:.2rem 0 .5rem;font-size:1.15rem}.meta{color:var(--muted);font-size:.9rem}
article{padding:1.5rem;max-width:860px;margin:0 auto}article img,.wrap img{max-width:100%;height:auto;border-radius:6px}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}th,td{border:1px solid #2a4631;padding:.45rem .6rem;text-align:left}
th{background:#1d3a24}.section{padding:0 1.5rem 1.5rem}.muted{color:var(--muted)}