:root{
  --cream:#f7f2e8; --cream-dark:#efe6d4; --ink:#3b3228; --ink-soft:#6b5f4f;
  --board:#2e4a3a; --board-dark:#243b2e; --chalk:#f2efe4; --chalk-dim:#c9d4c5;
  --wood:#8a5f3c; --wood-dark:#6e4a2d; --accent:#c96f3b; --accent-dark:#a85527;
  --gold:#d9a441; --ok:#5a8a5f; --locked:#b8ad9c;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;background:var(--cream);color:var(--ink);line-height:1.7}
.wrap{max-width:1060px;margin:0 auto;padding:0 24px}
nav{background:var(--cream);border-bottom:3px solid var(--wood);position:sticky;top:0;z-index:50}
.nav-inner{max-width:1060px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.25rem;font-weight:bold;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}
.logo .mark{display:inline-block;width:34px;height:34px;background:var(--board);border-radius:6px;color:var(--chalk);font-size:.95rem;text-align:center;line-height:34px;font-style:italic;border:2px solid var(--wood)}
.btn{font-family:inherit;font-size:1rem;padding:10px 22px;border-radius:8px;border:none;cursor:pointer;text-decoration:none;display:inline-block}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-dark)}
.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--wood)}
.btn-ghost:hover{background:var(--cream-dark)}

.article-head{padding:56px 0 24px;text-align:center}
.kicker{display:inline-block;background:var(--cream-dark);border:1px solid var(--wood);border-radius:999px;padding:4px 16px;font-size:.85rem;color:var(--wood-dark);margin-bottom:18px;letter-spacing:.04em}
.article-head h1{font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.2;max-width:780px;margin:0 auto 14px}
.article-head p.dek{font-size:1.15rem;color:var(--ink-soft);max-width:640px;margin:0 auto}

article{max-width:720px;margin:0 auto;padding:20px 24px 60px;font-size:1.08rem}
article h2{font-size:1.4rem;margin:34px 0 12px}
article h3{font-size:1.15rem;margin:24px 0 10px}
article p{margin-bottom:16px;color:var(--ink)}
article ul,article ol{margin:0 0 16px 26px}
article li{margin-bottom:8px}
article strong{color:var(--ink)}
article .lead{font-size:1.2rem;color:var(--ink-soft)}
article blockquote{border-left:4px solid var(--gold);background:var(--cream-dark);padding:14px 20px;border-radius:8px;margin:20px 0;color:var(--wood-dark);font-style:italic}
.disclaimer{font-size:.85rem;color:var(--ink-soft);background:var(--cream-dark);border-radius:8px;padding:12px 16px;margin:24px 0}
article .callout{background:var(--cream-dark);border-left:4px solid var(--accent);border-radius:8px;padding:16px 20px;margin:24px 0}
article .callout p{margin-bottom:0}
article .callout p + p{margin-top:12px}

.cta-block{background:var(--board);color:var(--chalk);border-radius:16px;padding:36px;text-align:center;margin:40px 0}
.cta-block h3{color:var(--chalk);margin-bottom:10px;font-size:1.3rem}
.cta-block p{color:var(--chalk-dim);margin-bottom:20px}

.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;padding:20px 0 60px}
.post-card{background:#fff;border:1px solid var(--cream-dark);border-radius:14px;padding:26px;text-decoration:none;color:var(--ink);display:block;box-shadow:0 3px 12px rgba(59,50,40,.06)}
.post-card:hover{transform:translateY(-3px)}
.post-card h2{font-size:1.25rem;margin-bottom:8px;color:var(--ink)}
.post-card p{color:var(--ink-soft);font-size:.98rem;margin:0}
.post-card .tag{font-size:.78rem;color:var(--wood-dark);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;display:block}

footer{background:var(--board-dark);color:var(--chalk-dim);padding:32px 0;text-align:center;font-size:.9rem;margin-top:20px}
footer a{color:var(--chalk-dim)}
.back-link{display:inline-block;margin:24px 24px 0;color:var(--accent);text-decoration:underline;font-size:.95rem}