.bundle-site-stack {
  display: none;
}

@media (max-width: 760px) {
  html[data-crossroad-phase="prelaunch"] .prediction-zone,
  html[data-crossroad-phase="prelaunch"] .present-marker,
  html[data-crossroad-phase="prelaunch"] .rail-edge-control {
    top: calc(var(--cross-y) + 40px) !important;
  }

  html[data-crossroad-phase="prelaunch"] .future-official-zone {
    bottom: calc(100% - var(--cross-y) + var(--scheduled-axis-gap, 38px)) !important;
  }

  html[data-crossroad-phase="prelaunch"] .future-official-stack {
    height: calc(46px + (var(--future-stack-size, 1) - 1) * 9px);
  }

  html[data-crossroad-phase="prelaunch"] .future-official-chip {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: center;
    min-height: 46px;
    padding: 8px 10px;
    gap: 0;
  }

  html[data-crossroad-phase="prelaunch"] .future-official-status {
    display: none;
  }

  html[data-crossroad-phase="prelaunch"] .future-official-chip > strong {
    margin: 0;
  }

  /* Keep the card tether readable: the day count starts just to its right. */
  html[data-crossroad-phase="prelaunch"] #prediction-rail .prediction-card:not(.add-card) .prediction-days-ahead {
    left: calc(var(--prediction-anchor-x) + 28px) !important;
    translate: 0 0 !important;
  }

  /* Keep the scheduled-official tether and junction on the mobile axis. */
  html[data-crossroad-phase="prelaunch"] #future-official-zone .future-official-card:not(.is-light-hit)::before {
    right: 100% !important;
    width: 32px !important;
  }

  html[data-crossroad-phase="prelaunch"] #future-official-zone .future-official-card::after {
    right: calc(100% + 28px) !important;
  }

  /* The 44px touch target stays large, while the visible date sits by the junction. */
  html[data-crossroad-phase="prelaunch"] .present-marker .origin-today {
    align-items: flex-end;
  }

  html[data-crossroad-phase="prelaunch"] .present-marker .origin-today::before {
    bottom: 22px;
  }

  /* Every Official card keeps one intact headline line at narrow widths. */
  html[data-crossroad-phase="prelaunch"] .latest-official .official-card-copy > h2,
  html[data-crossroad-phase="prelaunch"] .official-event .official-card-copy > h2 {
    flex: 0 0 auto;
    display: block;
    overflow: hidden;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html[data-crossroad-phase="prelaunch"] .latest-official .official-card-copy > p,
  html[data-crossroad-phase="prelaunch"] .official-event .official-card-copy > p {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }

  html[data-crossroad-phase="prelaunch"] .latest-official .official-card-copy > .official-source,
  html[data-crossroad-phase="prelaunch"] .official-event .official-card-copy > .official-source {
    flex: 0 0 auto;
  }

  /* History lives inside a padded section; restore that lost width so every
     Official record matches the latest card's outer size. */
  html[data-crossroad-phase="prelaunch"] .actual-history .official-event {
    width: calc(100% - var(--axis-x) - 25.56px) !important;
  }

  header {
    height: 52px;
    padding-inline: 14px;
    align-items: center;
    gap: 4px;
  }

  /* Keep the header translucent while beginning the timeline spine below it. */
  .actual-spine,
  .underwater-light {
    clip-path: inset(52px 0 0);
  }

  header .brand {
    flex: 0 0 auto;
    align-self: center;
    margin-right: auto;
    font-size: 14px;
    letter-spacing: .28em;
  }

  header .brand-sites {
    display: none;
  }

  header > .lang-toggle,
  header .header-menu-toggle {
    align-self: center;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  header > .lang-toggle {
    margin: 0;
    display: flex;
    width: 64px;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 9px;
    line-height: 1;
  }

  header > .lang-toggle .lang-choice {
    font-size: 12px;
    line-height: 1;
  }

  header > .lang-toggle .lang-choice:not(.is-active) {
    display: none;
  }

  header > .lang-toggle .lang-divider {
    display: none;
  }

  header > .lang-toggle::after {
    content: "";
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    rotate: 45deg;
  }

  header .header-actions {
    flex: 0 0 auto;
    margin: 0;
  }

  header .header-menu-toggle:hover,
  header .header-menu-toggle:focus-visible,
  header .header-actions.is-menu-open .header-menu-toggle {
    border-color: transparent;
    background: transparent;
  }

  header .header-menu-toggle > span,
  header .header-menu-toggle i {
    width: 22px;
  }

  header .header-menu-toggle > span {
    height: 15px;
  }

  header .header-menu-toggle i:nth-child(1) { top: 0; }
  header .header-menu-toggle i:nth-child(2) { top: 7px; }
  header .header-menu-toggle i:nth-child(3) { top: 14px; }
  header .header-actions.is-menu-open .header-menu-toggle i:nth-child(1),
  header .header-actions.is-menu-open .header-menu-toggle i:nth-child(3) { top: 7px; }

  .header-tool-panel {
    top: 52px;
  }

  body > .vfprep-signature,
  body > .wdk-signature {
    display: none;
  }

  .trailer-archive.is-collapsed,
  .trailer-archive.is-collapsed .trailer-archive-inner {
    overflow: visible;
  }

}

@media (min-width: 501px) and (max-width: 760px) {
  html[data-crossroad-phase="prelaunch"] .future-official-zone {
    width: var(--scheduled-width, min(390px, calc(100% - var(--axis-x) - 30px)));
  }
}

@media (max-width: 760px) {
  html[data-crossroad-phase="prelaunch"] #prediction-rail {
    --lod-card-width: 210px;
    gap: 8px;
  }

  html[data-crossroad-phase="prelaunch"] #prediction-rail .prediction-card {
    --prediction-anchor-x: 50px;
  }

  html[data-crossroad-phase="prelaunch"] #prediction-rail .prediction-card.lod-uniform:not(.add-card) {
    top: 103px;
  }

  html[data-crossroad-phase="prelaunch"] #prediction-rail .prediction-card.lod-uniform:not(.add-card)::before {
    top: -58px;
    height: 60px;
  }

  html[data-crossroad-phase="prelaunch"] #prediction-rail .prediction-card:not(.add-card) .prediction-days-ahead {
    bottom: 105px !important;
  }

  html[data-crossroad-phase="prelaunch"] #prediction-rail .prediction-card:not(.add-card) .prediction-days-unit {
    margin: 0 0 5px -3px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: rgba(86, 196, 235, .78);
    -webkit-text-fill-color: currentColor;
    -webkit-text-stroke: 0;
    text-shadow: none;
  }

  html[data-crossroad-phase="prelaunch"] #prediction-rail .prediction-card:not(.add-card) .lod-chip-badge {
    display: none !important;
  }

  html[data-crossroad-phase="prelaunch"] #prediction-rail .prediction-card:not(.add-card) .lod-uniform-head {
    gap: 0;
  }

  html[data-crossroad-phase="prelaunch"] #prediction-rail .prediction-card.lod-uniform:not(.add-card) .prediction-depth-hint {
    display: none;
  }

  /* Use tall-phone space for the latest Official instead of leaving an extra gap before history. */
  html[data-crossroad-phase="prelaunch"] .latest-official {
    top: calc(var(--cross-y) + max(206px, calc(55svh - 194px))) !important;
  }

  html[data-crossroad-phase="prelaunch"] .actual-history {
    margin-top: -51px;
  }

  html[data-crossroad-phase="prelaunch"] .countdown-deck {
    top: 62px !important;
    bottom: auto !important;
  }

  html[data-crossroad-phase="prelaunch"] .countdown-deck .featured-panel {
    min-height: 128px !important;
  }

  html[data-crossroad-phase="prelaunch"] .countdown-deck .launch-adopted-stage {
    inset: -4px 0 auto 0 !important;
    width: 100%;
    height: 190px;
    pointer-events: none !important;
  }

  html[data-crossroad-phase="prelaunch"] .countdown-deck .launch-countdown-button {
    position: absolute !important;
    left: -16px;
    top: 10px;
    display: grid;
    grid-template-columns: max-content max-content;
    grid-template-rows: 28px 84px;
    grid-template-areas:
      "meta meta"
      "number unit";
    column-gap: 2px;
    width: 168px;
    height: 118px;
    translate: none;
    align-items: end;
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html[data-crossroad-phase="prelaunch"] .countdown-deck .launch-count-meta {
    grid-area: meta;
    align-self: start;
    justify-self: start;
    margin: 0 0 0 20px;
  }

  html[data-crossroad-phase="prelaunch"] .countdown-deck .featured-panel > .count-kicker {
    position: absolute;
    left: -16px;
    top: 10px;
    margin: 0;
  }

  html[data-crossroad-phase="prelaunch"] .countdown-deck #featured-days {
    grid-area: number;
    align-self: end;
  }

  html[data-crossroad-phase="prelaunch"] .countdown-deck .launch-countdown-button small {
    grid-area: unit;
    align-self: end;
    margin: 0 0 5px;
  }

  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive {
    --trailer-dock-top: 72px;
  }

  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed {
    right: 14px !important;
    left: auto !important;
  }

  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed,
  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-archive-inner,
  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-archive-toggle {
    width: var(--mobile-trailer-size, 72px) !important;
    min-width: var(--mobile-trailer-size, 72px) !important;
    height: var(--mobile-trailer-size, 72px) !important;
    min-height: var(--mobile-trailer-size, 72px) !important;
  }

  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-archive-toggle {
    display: block !important;
    overflow: visible !important;
  }

  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-collapsed-preview,
  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-preview-stack,
  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-preview-canvas {
    width: var(--mobile-trailer-size, 72px) !important;
    min-width: var(--mobile-trailer-size, 72px) !important;
    height: var(--mobile-trailer-size, 72px) !important;
    min-height: var(--mobile-trailer-size, 72px) !important;
  }

  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-preview-image {
    width: var(--mobile-trailer-preview-size, 64px) !important;
    height: var(--mobile-trailer-preview-size, 64px) !important;
    object-fit: cover !important;
    filter: brightness(.78) saturate(.86) !important;
  }

  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-preview-image.is-depth-0 {
    inset: 0 auto auto 0 !important;
  }

  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-preview-image.is-depth-1 {
    inset: 2px auto auto 4px !important;
  }

  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-preview-image.is-depth-2 {
    inset: 4px auto auto 8px !important;
  }

  html[data-crossroad-phase="prelaunch"] .crossroad-hero > .trailer-archive.is-collapsed .trailer-preview-count {
    right: 2px !important;
    bottom: 2px !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 2px 4px !important;
    font-size: 6px !important;
    line-height: 1 !important;
  }

  html[data-crossroad-phase="prelaunch"] .surface-launch > span {
    letter-spacing: .07em;
  }

  html[data-crossroad-phase="prelaunch"] .surface-launch strong,
  html[data-crossroad-phase="prelaunch"] .present-marker .origin-today {
    letter-spacing: .065em;
  }

  html[data-crossroad-phase="prelaunch"] .present-marker .origin-today::before {
    letter-spacing: .18em;
  }

  html[data-crossroad-phase="prelaunch"] .rail-anchor {
    margin-right: -12px;
  }

}