/* ============================================================
   SectionHeader — kicker + h2 + lede rhythm
   ============================================================ */

.section-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.6rem;
  margin-bottom: 1.75rem;
  max-width: 720px;
}

.section-header .kicker { margin-bottom: 0.25rem; }

.section-header-center {
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  text-align: center;
}
.section-header-center .lede { margin-left: auto; margin-right: auto; }

@media (max-width: 600px) {
  .section-header { margin-bottom: 1.25rem; }
  .section-header .display-2 { font-size: 1.5rem; }
  .section-header .lede { font-size: 0.95rem; }
}