:root{--bg:#f7f4ea;--ink:#2f3a22;--acc:#5b6b2a;--soft:#e3dec4}
*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:var(--bg);color:var(--ink);line-height:1.65}
.w{max-width:900px;margin:0 auto;padding:0 20px}header{background:var(--acc);color:#fff;padding:22px 0}
header h1{margin:0;font-weight:normal;font-size:1.8rem;letter-spacing:.03em}header p{margin:4px 0 0;opacity:.85}
nav{margin-top:10px}nav a{color:#fff;text-decoration:none;margin-right:18px;border-bottom:1px solid transparent}nav a:hover{border-color:#fff}
main{padding:34px 0 50px}h2{color:var(--acc);font-weight:normal;border-bottom:2px solid var(--soft);padding-bottom:4px}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.c{background:#fff;border:1px solid var(--soft);padding:18px;border-radius:4px}
.c b{color:var(--acc)}footer{border-top:1px solid var(--soft);padding:18px 0;text-align:center;font-size:.85rem;opacity:.75}