:root{color-scheme:light;--ink:#30231f;--muted:#765e56;--primary:#ad452b;--paper:#fffaf5;--line:#ead8cc;--accent:#fff0df}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(160deg,#fff7ed 0%,#fffdf9 55%,#ffe9d0 100%);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{width:min(820px,calc(100% - 32px));margin:40px auto;padding:clamp(24px,5vw,56px);background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:28px;box-shadow:0 22px 70px rgba(107,53,31,.12)}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--primary);font-weight:800;text-decoration:none}
.brand img{width:44px;height:44px;border-radius:12px}
h1{margin:.9em 0 .2em;font-size:clamp(2rem,7vw,3.4rem);line-height:1.05;letter-spacing:-.045em}
h2{margin:1.7em 0 .35em;font-size:1.35rem}
p,li{color:var(--muted)}
.updated{display:inline-block;padding:7px 12px;border-radius:999px;background:var(--accent);color:var(--primary);font-weight:700;font-size:.86rem}
a{color:var(--primary)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.button{display:inline-block;padding:12px 18px;border-radius:14px;background:var(--primary);color:white;text-decoration:none;font-weight:800}
.button.secondary{background:var(--accent);color:var(--primary)}
@media(max-width:560px){main{margin:16px auto;border-radius:20px;padding:24px 20px}}