:root{--bg:#f7f7f2;--paper:#fffef9;--ink:#17201a;--muted:#66736b;--line:#dedbd0;--accent:#245c45;--accent2:#7c4d18;}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;line-height:1.58}.site-header{padding:28px clamp(18px,4vw,48px);border-bottom:1px solid var(--line);background:#f0efe7}.brand{font-weight:800;color:var(--accent);font-size:clamp(24px,4vw,38px);text-decoration:none}.subtitle{color:var(--muted);margin-top:4px}.container{max-width:980px;margin:0 auto;padding:28px 18px 60px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;margin:0 0 18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.meta{color:var(--muted);font-size:.92rem}.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 9px;margin:2px 4px 2px 0;background:#faf8ef;color:var(--muted);font-size:.82rem}a{color:var(--accent);font-weight:650}.actions a{margin-right:14px}.content{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,4vw,38px)}h1,h2,h3{line-height:1.2;color:#16251d}h1{font-size:clamp(28px,5vw,44px);margin:.1em 0 .3em}h2{margin-top:1.6em;border-top:1px solid var(--line);padding-top:1em}h3{margin-top:1.2em}li{margin:.35em 0}code{background:#efeee5;padding:.1em .35em;border-radius:5px}pre{overflow:auto;background:#1e241f;color:#f5f1e9;padding:16px;border-radius:12px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.86rem;padding:18px clamp(18px,4vw,48px)}.back{display:inline-block;margin-bottom:18px}.source-note{border-left:4px solid var(--accent2);padding-left:12px;color:var(--muted)}