/* The Liminal Road, look "Mix": option C's map and rooms on top (rooms.css), option A's sections below (courses.css).
   Written Sat 31 Oct 2026 by Claude (course looks). Loaded last; only settles where the two stylesheets meet. */

/* the map */
.hub { padding-top: calc(var(--top) + 92px); }
.hub-actions { display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; margin-top: 18px; }
.hub .btn.primary { min-height: 46px; padding: 0 22px; }
.hub .hint .h-down { color: inherit; text-underline-offset: 4px; }
.hub .hint .h-down:hover { opacity: 1; }
.hub .eyebrow a { color: inherit; }

/* the room: the story sections' generic rules must not reach in */
section.room { padding: 0; }
.room .status { border: 0; padding: 0; border-radius: 0; font-size: inherit; color: inherit; margin: 0; }
.room .status::before { box-shadow: none; }
.room h2 { margin-bottom: 10px; }
.room .and { color: var(--cream); }
.room .status-row .btn { min-height: 40px; font-size: 13px; }

/* in a room the page underneath stays still */
html.in-room { overflow: hidden; }
.in-room .after-map, .in-room .k-draft { visibility: hidden; }

/* the course sections sit on the night ground; the sand rests while the map is out of view */
.after-map { position: relative; z-index: 1; background: var(--night); }
.hub-away #sand { visibility: hidden; }

@media (max-width: 760px) {
  .hub { padding-top: calc(var(--top) + 74px); }
  .hub-actions { margin-top: 12px; }
  .hub .hint .h-down { display: none; }
}