/* Era Museum tours and worksheet index (m3). Builds on museum.css; no new colours, only the era tokens. */
.t-pick { margin: 0 0 clamp(36px, 6vw, 64px); }
.t-pick .m-room { min-height: 0; }
.t-pick-h { margin: 0; font: 700 1.45rem/1.1 var(--f-display); }
.t-pick-h a { text-decoration: none; }
.t-pick-h a::after { content: ""; position: absolute; inset: 0; }
.t-pick-h a:focus-visible { outline: none; }
.t-pick .m-room:has(a:focus-visible) { outline: 3px solid var(--gold); outline-offset: 3px; }
.t-tour { scroll-margin-top: 16px; max-width: 52rem; }
.t-stops { margin: 0; padding: 0; list-style: none; border-left: 2px solid var(--rule-2); }
.t-stop { position: relative; display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 0 14px; margin: 0 0 6px; padding: 14px 0 14px 16px; }
.t-stop::before { content: ""; position: absolute; left: -7px; top: 22px; width: 12px; height: 12px; border-radius: 50%; background: var(--room); border: 3px solid var(--c, var(--ink-3)); }
.t-n { font: 700 1.6rem/1 var(--f-display); color: var(--c, var(--ink-3)); padding-top: 4px; }
.t-body { min-width: 0; }
.t-where { margin: 0 0 2px; font: 500 .95rem var(--f-display); letter-spacing: .04em; font-variant-caps: all-small-caps; color: var(--ink-3); }
.t-body h3 { margin: 0 0 6px; font: 700 1.25rem/1.2 var(--f-display); }
.t-body h3 a { text-decoration-color: color-mix(in srgb, var(--c, var(--ink-2)) 70%, transparent); }
.t-body p:last-child { margin: 0; max-width: 62ch; color: var(--ink-2); font-size: 1.05rem; line-height: 1.6; }
@media (max-width: 600px) {
  .t-stop { grid-template-columns: 2.2rem minmax(0, 1fr); gap: 0 10px; padding-left: 12px; }
  .t-n { font-size: 1.25rem; }
}