*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--dirt:#3a2a1a;--grass:#3d6b32;--stone:#2a2e32;--paper:#efe6d4;--ink:#1c1612;--gold:#d4a84b}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Times New Roman",serif;background:#1a1612;color:var(--ink);line-height:1.78;font-size:17.5px}
a{color:#6a4a18}
a:hover{color:#8a6a20}
.world{max-width:880px;margin:0 auto;background:var(--paper);min-height:100vh}
.bar{background:var(--dirt);color:#efe6d4;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}
.brand{color:#efe6d4;text-decoration:none;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-family:"Segoe UI",Tahoma,sans-serif}
.hot{display:grid;grid-template-columns:repeat(5,1fr);background:#1c1612;border-top:4px solid var(--grass);border-bottom:4px solid #1c1612}
.hot a{display:block;padding:12px 6px;text-align:center;color:#d8d0c0;text-decoration:none;font-family:"Segoe UI",Tahoma,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-right:1px solid #3a342c}
.hot a:last-child{border-right:0}
.hot a.active{background:#2a2418;color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}
.burger{display:none;margin:8px 16px;background:var(--grass);color:#fff;border:0;padding:8px 12px;cursor:pointer}
.sheet{padding:28px 32px 48px}
.k{font-family:"Segoe UI",Tahoma,sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grass);margin-bottom:8px}
h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.15;margin:0 0 12px}
h2{font-size:1.25rem;margin:26px 0 10px}
h3{font-size:1.05rem;margin:16px 0 8px}
.lead{color:#5a5044;font-size:1.1rem;margin-bottom:16px}
p,li{color:#3a3228;margin:0 0 12px}
ul,ol{margin:0 0 14px 1.2em}
.pic{display:block;width:100%;height:auto;margin:10px 0 6px;border:3px solid #3a2a1a}
.cap{font-size:.84rem;color:#6a6258;margin:0 0 20px;font-style:italic}
.note{margin-top:22px;padding-top:14px;border-top:2px solid #3a2a1a;font-size:.92rem;color:#5a5044}
.foot{padding:0 32px 24px;font-size:.78rem;color:#6a6258;font-family:"Segoe UI",Tahoma,sans-serif}
@media(max-width:760px){
  .hot{display:none}
  .hot.open{display:grid;grid-template-columns:1fr 1fr}
  .burger{display:inline-block}
  .sheet{padding:20px 16px 36px}
}