:root{--brand:#0b3d2e;--brand2:#156c50;--light:#e9f7f1;--ink:#0f1412;--muted:#5c6f68}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.6;background:#fff}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
header{background:#0b3d2e url('../img/header.svg') center/cover no-repeat;color:#fff}
header .bar{display:flex;align-items:center;gap:16px;padding:14px 0}
header img{height:52px}
nav a{color:#d6f2e9;margin-right:18px;font-weight:700}
.hero{padding:34px 0 22px}
.hero h1{margin:0 0 8px 0;font-size:34px}
.hero p{margin:0;color:#cfeee4}
.main{padding:26px 0}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.card{background:#fff;border:1px solid #e6eeea;border-radius:14px;padding:16px;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.sidebar .card{position:sticky;top:14px}
footer{background:#f5faf7;border-top:1px solid #e6eeea;margin-top:36px}
footer .inner{padding:16px;color:#3a5c52}
.kicker{display:inline-block;background:#e9f7f1;color:#0b3d2e;padding:6px 10px;border-radius:999px;font-weight:700;font-size:12px}
.post h2,.post h3{margin-top:1.1em}
blockquote{margin:12px 0;padding:12px 14px;border-left:4px solid var(--brand2);background:#f6fbf8;color:#3c5e54}
ul.clean{padding-left:18px}
@media (max-width:900px){.grid{grid-template-columns:1fr} nav{display:flex;flex-wrap:wrap;gap:8px}}