:root{
  --bg:#0b0f10;          /* near-black background */
  --card:#101618;        /* dark card */
  --text:#dfe7e5;        /* light text */
  --muted:#99a7a3;
  --accent:#103f2e;      /* deep green (brand) */
  --accent-2:#2ca24a;    /* light green */
  --link:#a5ffcf;
  --maxw: 920px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#0d1b16;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;line-height:1.65}
a{color:#0b5c3c;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.header{border-bottom:1px solid #e8efe9;background:#fff;position:sticky;top:0;z-index:10}
.nav{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:24px;padding:12px 16px}
.nav img{height:40px;width:auto}
.brand{font-size:1.5rem;font-weight:700;color:#0d3528}
.nav a{color:#0d3528;font-weight:600}
.container{max-width:var(--maxw);margin:24px auto;padding:0 16px}
.footer{border-top:1px solid #e8efe9;color:#33584a;margin-top:48px}
.footer-inner{max-width:var(--maxw);margin:0 auto;padding:24px 16px;font-size:0.95rem}
.post-card{padding:20px;border:1px solid #e8efe9;border-radius:16px;margin:16px 0;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,0.04)}
.post-card h2{margin:0 0 8px 0}
.meta{color:#557a6a;font-size:0.9rem;margin-bottom:8px}
.post-content{font-size:1.06rem}
code{background:#f2f7f4;padding:2px 6px;border-radius:6px}
pre code{display:block;padding:14px;overflow:auto}
blockquote{border-left:4px solid #0b5c3c;padding-left:14px;color:#295744;background:#f5fbf8;border-radius:6px}
.tag{background:#e6f5ee;border:1px solid #ccebdd;color:#0b5c3c;padding:2px 10px;border-radius:999px;margin-right:6px;font-size:0.85rem}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #e3ece6;padding:8px;text-align:left}
hr{border:none;border-top:1px solid #e3ece6;margin:24px 0}
button, .btn{display:inline-block;border:1px solid #0b5c3c;color:#fff;background:#0b5c3c;border-radius:999px;padding:10px 16px;font-weight:700}
.btn-outline{background:#fff;color:#0b5c3c}
@media (max-width:720px){.nav{gap:12px}.brand{font-size:1.25rem}}