/* Shared navigation between the rooms of the museum. Every page includes:
   <link rel="stylesheet" href="assets/rooms.css">
   <nav class="rooms" aria-label="Rooms of the museum">
     <a href="index.html">Cabinet No. 1</a><a href="journeys.html">Cabinet No. 2</a><a href="echoes.html">Cabinet No. 3</a><a href="gallery.html">Long Gallery</a><a href="game.html">Which came first?</a>
   </nav>
   and marks its own link with aria-current="page". Pages define --brass-hi, --cream-soft, --mono. */
.rooms {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0;
  margin: 0; padding-top: 12px; font-family: var(--mono, monospace); font-size: .7rem; letter-spacing: .14em; text-transform: uppercase;
}
.rooms a { color: var(--cream-soft, #b8a689); text-decoration: none; padding: 6px 0; }
.rooms a + a::before { content: "·"; display: inline-block; margin: 0 .9em; color: #6b5640; }
.rooms a:hover, .rooms a:focus-visible { color: var(--brass-hi, #ecc96f); }
.rooms a[aria-current="page"] { color: var(--brass-hi, #ecc96f); text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }