/* Content selectors unfold across the top of their own panel, not the site rail. */
.focus-viewer .focus-rail.panel-strip,
.project-route-rail.panel-strip,
.portfolio-route-rail.panel-strip {
  --strip-box: 56px;
  position: relative;
  inset: auto;
  z-index: 2;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 10px;
  width: min(var(--content), 100%);
  max-height: none;
  margin: 12px auto 18px;
  padding: 52px 0 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  clip-path: none;
  overflow: visible;
  scroll-margin-top: calc(var(--header-h) + 12px);
}
.panel-strip .panel-strip-viewport { min-width: 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; scrollbar-color: #aaa transparent; overscroll-behavior-x: contain; }
.panel-strip .focus-rail-list { position: relative; display: flex; flex-wrap: nowrap; gap: 14px; width: max-content; min-width: 100%; justify-content: center; padding: 7px 3px 9px; }
.panel-strip .focus-rail-list .focus-rail-control { flex: 0 0 var(--strip-box); display: block; width: var(--strip-box); height: var(--strip-box); min-height: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; overflow: visible; backdrop-filter: none; }
.panel-strip .focus-rail-control .service-rail-name { display: none; }
.panel-strip .focus-rail-control .service-rail-label { grid-template-columns: minmax(0, 1fr); }
.panel-strip .focus-rail-control .service-rail-number { border-radius: 8px; font-size: 74cqw; min-width: 0; height: var(--strip-box); }
.focus-collection--team .panel-strip .focus-rail-control .service-rail-number { font-size: min(74cqw, calc(88cqw / var(--initial-count, 2))); }
.panel-strip .focus-rail-control.is-empty-slot { pointer-events: none; }
.panel-strip .focus-rail-control.is-empty-slot .service-rail-number { color: transparent; background: transparent; border: 1px solid var(--red); box-shadow: none; }
.panel-strip .focus-rail-control.is-empty-slot.is-number-ready .service-rail-number { color: #111; background: #e9e8e4; border-color: #ccc; }
.panel-number-pending { opacity: 0 !important; }
.panel-number-flight { position: fixed; z-index: 105; display: grid; place-items: center; box-sizing: border-box; padding: 0; border: 0; margin: 0; line-height: 1; text-align: center; font-variant-numeric: tabular-nums; text-transform: uppercase; transform-origin: top left; pointer-events: none; }
.panel-strip .focus-rail-control:hover,
.panel-strip .focus-rail-control:focus-visible { transform: translateY(-3px); }
.panel-strip .focus-rail-control:focus-visible { outline-offset: 3px; }
.panel-strip-arrow { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; color: var(--red); border: 1px solid transparent; border-radius: 50%; background: transparent; font-size: 28px; line-height: 1; cursor: pointer; }
.panel-strip-arrow:hover:not(:disabled), .panel-strip-arrow:focus-visible { border-color: var(--red); background: #efeeea; }
.panel-strip-arrow:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
.panel-strip-arrow:disabled { color: #aaa; opacity: .35; cursor: default; }
.panel-strip:not(.has-strip-overflow) .panel-strip-arrow { visibility: hidden; }
.panel-strip-title { position: absolute; bottom: calc(var(--strip-box) + 24px); transform: translateX(-50%); color: var(--ink); background: transparent; padding: 2px 6px; text-align: center; font-size: 14px; font-weight: 700; line-height: 1.3; text-transform: none; letter-spacing: 0; pointer-events: none; z-index: 3; }
.panel-strip-title[hidden] { display: none; }
.focus-viewer:has(.panel-strip) .focus-stage { padding-top: 0; }
.focus-collection--catalogue .focus-viewer .panel-strip { max-width: 1050px; margin-left: 0; }
.portfolio-route-rail.panel-strip { padding-left: clamp(18px, 5vw, 72px); }
.portfolio-entry-section:not(.is-departing) .portfolio-route-rail.panel-strip { visibility: visible; pointer-events: auto; }
html body main .project-overview-grid[id], [data-portfolio-route-section] > .section-inner { scroll-margin-top: calc(var(--header-h) + 150px); }
@media (max-width: 650px) {
  .focus-viewer .focus-rail.panel-strip, .project-route-rail.panel-strip, .portfolio-route-rail.panel-strip { --strip-box: 48px; grid-template-columns: 36px minmax(0, 1fr) 36px; gap: 4px; padding-left: 0; }
  .panel-strip .focus-rail-list { gap: 12px; }
  .panel-strip-arrow { width: 36px; height: 44px; }
  .panel-strip-title { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .panel-strip .focus-rail-control { transition: none; }
  .panel-strip .focus-rail-control:hover, .panel-strip .focus-rail-control:focus-visible { transform: none; }
}