/* Responsive corrections verified against the 320–1440 px QA matrix. */
@media (max-width: 900px) {
  #about .section-inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  #about .about-side,
  #about .about-body,
  #about .about-header {
    min-width: 0;
    max-width: 100%;
  }
  .section-inner > * { min-width: 0; max-width: 100%; }
  .mod-stepper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
}

@media (max-width: 600px) {
  .promo-ribbon {
    overflow: hidden;
    max-width: 100%;
  }
}