/* About page content-section rhythm. Content and component styling remain unchanged. */
.about-page main > .about-content-section {
  position: relative;
  transition: background-color .2s ease;
}

.about-page main > .about-content-section.about-section-odd {
  background: #fffaf5 !important;
}

.about-page main > .about-content-section.about-section-even {
  background: #f1f5f7 !important;
}

.about-page main > .about-content-section + .about-content-section {
  border-top: 1px solid rgba(20, 43, 60, .06);
}

/* Keep the About page's content readable and consistent across all panels. */
.about-page main p,
.about-page main li,
.about-page main .fact-text,
.about-page main .dot-list li,
.about-page main .check-list li,
.about-page main .step-label,
.about-page main .icon-tile .label {
  font-size: 1rem;
  line-height: 1.6;
}

.about-page main .section-eyebrow {
  font-size: .95rem;
  line-height: 1.4;
}

.about-page main .section-title,
.about-page main h2,
.about-page main h3,
.about-page main .h4,
.about-page main .h5 {
  line-height: 1.25;
}

@media (max-width: 575.98px) {
  .about-page main p,
  .about-page main li,
  .about-page main .fact-text,
  .about-page main .dot-list li,
  .about-page main .check-list li,
  .about-page main .step-label,
  .about-page main .icon-tile .label {
    font-size: .95rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .about-page main > .about-content-section { transition: none; }
}