:root { --ink:#1b1410; --paper:#f3e6d4; --amber:#e8b86d; --soft:rgba(243,230,212,.82); }
body { margin:0; font-family:"IBM Plex Sans",system-ui,sans-serif; background:#120d0a; color:var(--paper); line-height:1.65; }
main { max-width:680px; margin:0 auto; padding:48px 22px 80px; }
a { color:var(--amber); }
h1,h2 { font-family:"Source Serif 4",Georgia,serif; font-weight:600; line-height:1.2; }
h1 { font-size:40px; margin:12px 0 16px; }
h2 { font-size:24px; margin:36px 0 8px; }
.kicker { letter-spacing:.18em; text-transform:uppercase; font-size:12px; color:var(--amber); }
.page-links { display:flex; flex-wrap:wrap; gap:14px; margin:0 0 8px; padding:0; list-style:none; }
.page-links a { font-size:13px; color:var(--amber); text-decoration:none; }
.page-links a:hover { text-decoration:underline; }
p, li { color:var(--soft); }
code { font-size: .92em; }
a:focus-visible { outline:2px solid var(--amber); outline-offset:5px; border-radius:2px; }
.page-links a[aria-current="page"] { color:var(--paper); text-decoration:underline; text-underline-offset:4px; }
.skip-link { position:absolute; top:12px; left:12px; padding:8px 12px; background:var(--paper); color:var(--ink); transform:translateY(-160%); }
.skip-link:focus { transform:translateY(0); }
.guide-header { margin:32px 0 40px; padding-bottom:32px; border-bottom:1px solid rgba(243,230,212,.16); }
.guide-header h1 { max-width:600px; }
.guide-intro { font-size:18px; }
.room-link { display:inline-block; margin-top:8px; padding:10px 18px; border:1px solid var(--amber); border-radius:8px; color:var(--paper); font-size:14px; font-weight:500; text-decoration:none; }
.room-link:hover { background:rgba(232,184,109,.1); }
.guide-note { margin-top:40px; padding:4px 0 4px 20px; border-left:2px solid var(--amber); }
.guide-note h2 { margin:0 0 8px; font-size:22px; }
.guide-note p { margin:0; }
.guide-footer { margin-top:40px; padding-top:24px; border-top:1px solid rgba(243,230,212,.16); }
.guide-footer p { font-size:14px; }
@media (max-width:540px) {
  .guide-page { padding-top:28px; }
  .guide-header { margin-top:28px; }
  .guide-header h1 { font-size:32px; }
  .guide-intro { font-size:17px; }
}