/* Beacon-specific blocks only: the tour. Layout, color tokens, header, footer, and the shared blocks come from the fleet
   showcase kit (css/kit.css, css/rk-tokens.css); the magenta accent comes from site.yml. */
.tour-nav { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 2rem; padding: 0; list-style: none; }
.tour-nav a { display: inline-flex; align-items: center; padding: 0 0.9rem; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; background: var(--surface); font-weight: 600; font-size: 0.92rem; min-height: 44px; }
.tour-item { margin-bottom: 4rem; scroll-margin-top: 90px; }
.tour-item h2 { font-size: 1.6rem; }