:root{color-scheme:light dark;--bg:#f6faf8;--fg:#1a1f1d;--muted:#5a6663;--brand:#2e6f5e;--card:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#0f1513;--fg:#e8efec;--muted:#9bb0aa;--card:#18211e}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
main{max-width:560px;margin:0 auto;padding:48px 20px}
h1{font-size:2rem;margin:0 0 .25rem}.tag{color:var(--muted);margin:0 0 2rem}
.card{background:var(--card);border-radius:16px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:12px 20px;border-radius:999px;font-weight:600;margin:8px 8px 0 0}
.btn.secondary{background:transparent;color:var(--brand);border:1.5px solid var(--brand)}
code{background:rgba(127,127,127,.15);padding:2px 6px;border-radius:6px;word-break:break-all}
.muted{color:var(--muted);font-size:.9rem}footer{margin-top:3rem;color:var(--muted);font-size:.85rem}