/* The update section owns its light-surface palette, independently of its position in the page. */
.mcPage:not(.mcLegacy) .missionChanges {
  --updates-ink: #16202b;
  --updates-muted: #52616d;
  --updates-link: #176b83;
  --updates-rule: #cdd4dc;
  color: var(--updates-ink);
  max-width: 920px;
  margin-block: 36px;
  overflow-wrap: anywhere;
}
.mcPage:not(.mcLegacy) .missionChanges .sectionHead { margin-bottom: 12px; }
.mcPage:not(.mcLegacy) .missionChanges .sectionHead h2 {
  color: var(--updates-ink);
  font: 600 28px/1.25 var(--mc-display);
  letter-spacing: -.025em;
  margin: 8px 0 0;
}
.mcPage:not(.mcLegacy) .missionChanges .eyebrow { color: var(--updates-link); }
.mcPage:not(.mcLegacy) .missionChanges .missionUpdates article {
  padding: 18px 0 10px;
  border-bottom: 1px solid var(--updates-rule);
}
.mcPage:not(.mcLegacy) .missionChanges .missionUpdates p {
  color: var(--updates-ink);
  font-size: 16px;
  line-height: 1.6;
  margin: 6px 0 2px;
}
.mcPage:not(.mcLegacy) .missionChanges .missionUpdates time {
  color: var(--updates-muted);
  font-size: 13px;
  line-height: 1.5;
}
.mcPage:not(.mcLegacy) .missionChanges a {
  color: var(--updates-link);
  font-size: 14px;
  text-underline-offset: 3px;
}
.mcPage:not(.mcLegacy) .missionChanges .missionUpdates article > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}
.mcPage:not(.mcLegacy) .missionChanges .scheduleChange {
  background: #fff;
  color: var(--updates-ink);
  border: 1px solid var(--updates-rule);
  border-radius: 12px;
  padding: 20px;
}
.mcPage:not(.mcLegacy) .missionChanges :is(.changeLabel,.changeTimes span,.scheduleChange p) {
  color: var(--updates-muted);
  font-size: 13px;
}
.mcPage:not(.mcLegacy) .missionChanges .changeTimes time { color: var(--updates-ink); }
.mcPage:not(.mcLegacy) .missionChanges .mcChangeHistory h3 {
  color: var(--updates-ink);
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}
.mcPage:not(.mcLegacy) .missionChanges .mcChangeHistory dt,
.mcPage:not(.mcLegacy) .missionChanges .mcChangeHistory dd span { color: var(--updates-muted); }
.mcPage:not(.mcLegacy) .missionChanges .mcChangeHistory dd { color: var(--updates-ink); margin-inline-start: 0; }
.mcPage:not(.mcLegacy) .missionChanges .mcChangeHistory summary {
  color: var(--updates-link);
  min-height: 44px;
  padding-block: 12px;
  cursor: pointer;
}
@media (max-width: 600px) {
  .mcPage:not(.mcLegacy) .missionChanges .changeTimes { flex-direction: column; align-items: flex-start; gap: 12px; }
  .mcPage:not(.mcLegacy) .missionChanges .changeArrow { transform: rotate(90deg); }
}