/* Galaxy archive chrome (Juno, 2026-10-19). Post-event: Start here back to 3 product doors; Galaxy band reads as archive, not live. Tokens only + grid; no animation rules. */

/* Start here was 4 columns for the live-event door; OUTLINE is three doors. */
.start-doors {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Soft mid-width: three can still feel tight under ~980; stack earlier than the old 860. */
@media (max-width: 980px) {
  .start-doors { grid-template-columns: 1fr; }
}

/* Archive pill on the Galaxy kicker */
.galaxy-archive-pill {
  display: inline-block;
  margin-right: .45rem;
  padding: .12rem .5rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--gold, #d4a017) 55%, transparent);
  background: color-mix(in srgb, var(--gold, #d4a017) 14%, transparent);
  color: var(--gold, #d4a017);
  font-family: var(--font-sans, system-ui, sans-serif);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  vertical-align: .08em;
}

.sec-galaxy .galaxy-full-coverage a {
  color: var(--gold, #d4a017);
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
.sec-galaxy .galaxy-full-coverage a:hover,
.sec-galaxy .galaxy-full-coverage a:focus-visible {
  color: var(--lit, #f2f3fa);
}

/* Classic / light themes: keep pill readable on the night Galaxy band (band stays dark). */
html[data-theme="classic"] .galaxy-archive-pill,
html[data-theme="pay-day"] .galaxy-archive-pill {
  border-color: color-mix(in srgb, var(--gold, #d4a017) 55%, transparent);
  color: var(--gold, #d4a017);
}