:root{--g:#1e4a38;--b:#b8893d;--c:#f4efe6}*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--c);color:#1b2a23}
header{background:var(--g);color:var(--c);padding:.8rem 1.2rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;justify-content:space-between}
header a{color:var(--c);text-decoration:none}.brand{display:flex;gap:.5rem;align-items:center;font-weight:700}.brand span{color:var(--b);font-weight:400;font-size:.85em}
nav a{margin-left:1rem}nav a:hover{color:var(--b)}main{max-width:760px;margin:0 auto;padding:1.5rem 1.2rem}
h1,h2{color:var(--g);line-height:1.2}h2{border-bottom:2px solid var(--b);padding-bottom:.2rem;margin-top:2rem}a{color:var(--g)}
.date{color:var(--b);font-weight:600;font-size:.9em}.card{background:#fff;border-left:4px solid var(--b);padding:.8rem 1rem;margin:1rem 0;border-radius:4px}
.tag{display:inline-block;background:var(--g);color:var(--c);font-size:.75em;padding:0 .5em;border-radius:3px}footer{text-align:center;color:#5a6b62;font-size:.85em;padding:2rem 1rem}
pre{background:#fff;padding:1rem;overflow:auto;border-radius:4px;font-size:.85em}