:root{--bg:#fff7e8;--bg2:#ffeccc;--ink:#2b2118;--muted:#6b5a48;--card:#fff;--accent:#e2561f;--accent2:#ffc233;--line:#f0dcb8;--shadow:0 6px 18px rgba(120,70,10,.14)}
@media (prefers-color-scheme: dark){:root{--bg:#17120d;--bg2:#231a11;--ink:#f7ecdb;--muted:#c5b39b;--card:#241b13;--accent:#ff8a57;--line:#3a2d1f;--shadow:0 6px 18px rgba(0,0,0,.5)}}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:radial-gradient(1200px 500px at 50% -120px,var(--bg2),var(--bg));color:var(--ink);font:17px/1.7 ui-rounded,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif}
a{color:var(--accent)}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;flex-wrap:wrap}
.logo{font-weight:900;font-size:1.3rem;text-decoration:none;color:var(--ink);letter-spacing:-.02em}
.logo span{color:var(--accent)}
nav a{margin-left:16px;color:var(--ink);text-decoration:none;font-weight:600}
nav a:hover{color:var(--accent)}
article{background:var(--card);border-radius:20px;box-shadow:var(--shadow);padding:26px 26px 20px;margin:12px 0 28px}
article h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 6px}
article h2{margin:28px 0 6px;font-size:1.35rem;letter-spacing:-.01em}
.meta{color:var(--muted);font-size:.92rem;margin:0 0 18px}
article table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.95rem}
article th,article td{border:1px solid var(--line);padding:8px 10px;text-align:left}
article th{background:var(--bg2)}
article ul,article ol{padding-left:22px}
.more{margin:0 0 40px}
.more h2{font-size:1.3rem}
.more ul{padding-left:20px}
.cta{display:inline-block;background:var(--accent);color:#fff;font-weight:700;padding:11px 20px;border-radius:999px;text-decoration:none;box-shadow:var(--shadow)}
.list{display:grid;gap:14px}
.list a.item{display:block;background:var(--card);border-radius:16px;padding:16px 20px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}
.list a.item b{display:block;font-size:1.1rem;color:var(--accent)}
.list a.item span{color:var(--muted);font-size:.95rem}
footer{margin:40px 0 30px;padding-top:18px;border-top:2px solid var(--line);color:var(--muted);font-size:.92rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a{color:var(--muted);margin-right:14px}
@media (max-width:520px){article{padding:20px 16px}nav a{margin-left:10px}}