/* Hero banner now holds only a visually-hidden (sr-only) H1 — its heading
   and date/venue text both moved out, so it no longer needs room for
   anything but clearing the fixed navbar. #mi-glance's own top padding
   (.as-section-spaced) supplies the visual gap below. */
.policy-page-intro {
    padding-top: var(--nav-height);
    padding-bottom: 0;
}

/* Date/venue pill, relocated here from the (now text-less) hero banner —
   sits right under the section intro paragraph. #mi-glance .section-header p
   (common.css) is a higher-specificity ID rule that zeroes out margin-top,
   so this needs the extra .policy-intro-meta class to win the cascade. */
#mi-glance .section-header p.policy-intro-meta {
    margin-top: 20px;
    font-size: 0.76rem;
    padding: 8px 18px;
    gap: 6px;
}

#mi-segments .section-header {
    text-align: center;
    max-width: none;
    margin-inline: auto;
}

#mi-segments .section-header h2 {
    text-align: center;
}

#mi-segments .section-header p {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}

#mi-growth .section-header {
    text-align: center;
    max-width: none;
    margin-inline: auto;
}

#mi-growth .section-header h2 {
    text-align: center;
}

#mi-growth .section-header p {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
}