*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Georgia,"Iowan Old Style",serif;background:#10141c;color:#e8e4dc;line-height:1.8;font-size:17.5px}
a{color:#e2b15a}
.room{max-width:840px;margin:0 auto;min-height:100vh;padding-bottom:88px}
.top{padding:18px 22px 8px;display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #2a3142}
.brand{color:#e2b15a;text-decoration:none;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-family:"Segoe UI",sans-serif}
.rec{font-family:Consolas,monospace;font-size:.75rem;color:#d46a6a}
.page{padding:26px 26px 20px}
.k{font-family:"Segoe UI",sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#e2b15a;margin-bottom:8px}
h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.15;margin:0 0 12px;font-weight:600}
h2{font-size:1.2rem;margin:22px 0 8px}
p,li{color:#c8c2b6;margin:0 0 12px}
ul{margin:0 0 14px 1.2em}
.lead{color:#9a9488;font-size:1.06rem;margin-bottom:14px}
.pic{display:block;width:100%;height:auto;margin:12px 0 6px}
.cap{font-size:.84rem;color:#8a8478;margin:0 0 16px;font-style:italic}
.note{margin-top:18px;padding-top:12px;border-top:1px solid #e2b15a;font-size:.9rem;color:#8a8478}
.film{position:fixed;left:0;right:0;bottom:0;background:#0a0d14;border-top:1px solid #2a3142;display:flex;justify-content:center;gap:6px;padding:10px;z-index:5}
.film a{font-family:"Segoe UI",sans-serif;text-decoration:none;color:#e8e4dc;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px;border:1px solid #2a3142}
.film a.active{background:#e2b15a;color:#10141c;border-color:#e2b15a}
.burger{display:none;background:#e2b15a;color:#10141c;border:0;padding:8px 12px;font-weight:700;cursor:pointer}
@media(max-width:760px){
  .film{display:none;flex-wrap:wrap}
  .film.open{display:flex}
  .burger{display:inline-block}
  .page{padding:18px 16px 24px}
  .room{padding-bottom:24px}
}