/* Scoped refinements: keep the intro and all active Mission layouts intact. */
@media (min-width: 1024px) {
  .rl-home-upper .rl-signature-poster { width: 82%; }
}
.rl-home-upper {
  /* A short boundary fade, not another hero section. */
  background: linear-gradient(to bottom,
    var(--rl-shell) 0, #54545c 8px, var(--rl-page) 28px, var(--rl-paper) 40px);
}
#landingPage .lp-how :is(.lp-section-h, .lp-step-title) {
  color: var(--rl-text);
  text-shadow: none;
}
#landingPage .lp-how :is(.lp-section-sub, .lp-step-body, .lp-science-note) {
  color: var(--rl-text-muted);
  text-shadow: none;
}
#landingPage .lp-how :is(.lp-step-num, .lp-step-arrow) {
  color: var(--rl-brand-ink);
  text-shadow: none;
}
#missionContainer .mc-shell:is(.mc-completed-layout, :has(.mc-result)) {
  grid-template-columns: minmax(0, 1fr);
  max-width: 900px;
  gap: var(--space-md);
}
#missionContainer .mc-shell:is(.mc-completed-layout, :has(.mc-result)) > .mc-hero-art {
  position: relative;
  top: auto;
  margin: 0;
  justify-self: center;
  width: min(240px, 70%);
  height: 160px;
  min-height: 0;
}
@media (max-width: 600px) {
  #missionContainer .mc-shell:is(.mc-completed-layout, :has(.mc-result)) > .mc-hero-art {
    width: min(200px, 70%);
    height: 132px;
  }
}