:root{--terra:#8B5E3C;--sand:#E8D5B5;--ink:#2A1F14;--bronze:#B08D57;--gold:#C8902E;--clay:#D9BE93}
*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--ink);font:18px/1.65 Georgia,"Times New Roman",serif;
background-image:radial-gradient(rgba(139,94,60,.08) 1px,transparent 1px);background-size:6px 6px}
a{color:var(--terra)}a:hover{color:var(--ink)}
.draft{background:var(--ink);color:var(--gold);text-align:center;font:600 13px/1 system-ui,sans-serif;padding:8px;letter-spacing:.08em}
header.top{background:linear-gradient(180deg,#F3E6CF,var(--clay));border-bottom:3px solid var(--bronze)}
.bar{max-width:980px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
.logo{font:700 24px/1 Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.logo span{color:var(--terra)}nav a{margin-left:18px;font:600 14px system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em;text-decoration:none}
.zig{display:block;width:100%;height:90px}
.cune{font-size:22px;letter-spacing:.35em;color:var(--terra);opacity:.75;text-align:center;margin:6px 0}
main{max-width:780px;margin:auto;padding:28px 20px 40px}
.hero{text-align:center;padding:40px 20px 10px}.hero h1{font-size:46px;line-height:1.1;margin:.2em 0;letter-spacing:.02em}
.hero p{font-size:20px;max-width:620px;margin:auto}
.tablet{background:linear-gradient(145deg,#E2C9A0,#CFAE7E);border:1px solid #A9825A;border-radius:14px 18px 12px 16px;padding:26px 30px;margin:26px 0;
box-shadow:inset 0 2px 6px rgba(255,255,255,.4),inset 0 -4px 10px rgba(110,74,46,.25),0 6px 16px rgba(42,31,20,.18)}
.tablet h2,.tablet h3{margin-top:0}
article h1{font-size:38px;line-height:1.15}article h2{font-size:24px;border-top:2px solid var(--bronze);padding-top:18px;margin-top:34px}
article hr{display:none}
blockquote{border-left:4px solid var(--terra);margin:0;padding:4px 16px;background:rgba(139,94,60,.08)}
.btn{display:inline-block;background:var(--terra);color:var(--sand);padding:10px 18px;border-radius:6px;text-decoration:none;font:600 15px system-ui,sans-serif}
.ad-slot{min-height:0}
footer{background:var(--ink);color:var(--clay);text-align:center;padding:26px 20px;font:14px system-ui,sans-serif}
footer .cune{color:var(--gold)}
@media(max-width:600px){.hero h1{font-size:34px}nav a{margin-left:10px}}
.promo nav{display:none}body{background:#1a120c!important;color:#e8d9bc!important}header,footer{background:#2a1f14!important;color:#e8d9bc!important;border-color:#8a5a32!important}a{color:#d08a52!important}h1,h2,h3{color:#f0e2c4!important}.hero p{color:#d9c7a4}.cune{color:#b8743f!important}.tablet{background:#2a1f14!important;color:#e8d9bc!important;border-color:#8a5a32!important;box-shadow:0 4px 18px rgba(0,0,0,.5)!important}.slot,.ad-slot{background:#221810!important;border-color:#5a3d24!important;color:#9c8566!important}.zig{display:none!important;height:0!important;width:0!important;overflow:hidden}header.top{border-bottom:3px solid #8a5a32}.hero-art{max-width:100%;margin:14px auto 0;padding:0}.hero-art img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:2128/912;object-fit:contain;object-position:center;border-radius:14px;border:4px solid #8a5a32;box-shadow:0 6px 24px rgba(60,35,15,.35)}