*{box-sizing:border-box}
:root{--bg:#faf6f0;--ink:#2a211c;--muted:#7a6c62;--line:#eadfd3;--a:#f97316;--b:#be123c}
body{margin:0;font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}
header{background:#fff;border-bottom:1px solid var(--line);padding:12px 20px;display:flex;align-items:center;gap:10px}
header b{font-size:22px;letter-spacing:.5px}
.logo{display:inline-flex;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--a),var(--b));color:#fff;font:700 17px monospace;align-items:center;justify-content:center}
article{max-width:820px;margin:32px auto;background:#fff;border-radius:10px;padding:12px 32px 32px;box-shadow:0 1px 4px #0002}
article h1{margin-top:20px}article h2{margin-top:28px}
article a{color:var(--b)}
footer{text-align:center;color:var(--muted);padding:24px;font-size:14px}footer a{color:var(--muted)}
@media(max-width:600px){article{margin:12px;padding:6px 18px 24px}}