:root{--green:#1b5e20;--green-d:#0f3d14;--orange:#e65100;--cream:#faf7ef;--ink:#14301a;--muted:#566a5a;--line:#e6e0cf}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}
a{color:var(--green)}
img{max-width:100%;display:block}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
header{background:rgba(250,247,239,.95);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.bar img{height:44px;width:auto}
.bar a.back{font-weight:700;text-decoration:none;color:var(--green)}
main{padding:40px 0 64px}
h1{font-size:clamp(30px,5vw,42px);line-height:1.12;margin:0 0 6px;color:var(--green-d);letter-spacing:-.01em}
.meta{color:var(--muted);margin:0 0 28px;font-size:15px}
h2{font-size:21px;margin:34px 0 8px;color:var(--green-d)}
p,li{font-size:16px}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:22px}
li{margin:4px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:18px 0}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.toc a{font-size:14px;font-weight:600;text-decoration:none;background:#f1ecd9;color:var(--green-d);padding:6px 12px;border-radius:999px}
footer{background:var(--green-d);color:#d7e6d4;padding:26px 0;font-size:14px}
footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
footer a{color:#fff}