*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#1a140f;color:#f3eadf;font-family:"Segoe UI",sans-serif;line-height:1.7}
.room{display:grid;grid-template-columns:210px 1fr;min-height:100vh}
.stalls{background:#3a2a1c;padding:18px 12px;position:sticky;top:0;height:100vh}
.stalls a{display:block;text-decoration:none;color:#f3eadf;background:#2a1d14;margin:0 0 10px;padding:12px;border-left:6px solid #e0b15a}
.stalls a.on{background:#e0b15a;color:#1a140f}
.stalls b{display:block;font-size:1.4rem;line-height:1}
.stalls span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.sheet{padding:28px 32px 56px;max-width:760px}
h1{font-size:clamp(1.6rem,3.5vw,2.3rem);line-height:1.12;margin:0 0 12px}
h2{color:#e0b15a;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;margin:22px 0 8px}
p,li{margin:0 0 12px}
ul{margin:0 0 12px 1.1em}
img.peg{width:100%;height:auto;display:block;margin:12px 0}
.cap{color:#cbbba8;font-size:.84rem;margin:-4px 0 14px}
.tag{display:inline-block;background:#e0b15a;color:#1a140f;font-weight:800;padding:4px 8px;margin-bottom:10px}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:.92rem}
td{border-bottom:1px solid #4a3828;padding:7px 4px}
td:first-child{color:#e0b15a;width:4.5em}
.end{color:#cbbba8;font-size:.88rem}
@media(max-width:760px){
  .room{grid-template-columns:1fr}
  .stalls{position:sticky;height:auto;display:flex;gap:8px;overflow:auto}
  .stalls a{min-width:120px}
  .sheet{padding:16px 14px 36px}
}