/*
 * assets/css/components/section-heading.css
 * Component layer: the genuinely shared `.ad-page-overline` +
 * `.ad-page-section-heading` families only. Selectors, declarations, and
 * @media values are byte-identical to the originals (moved, not rewritten).
 *
 * Page-scoped overrides/pairings (e.g. `.ad-careers-hero .ad-page-overline`,
 * `.ad-page-page--airway-dentistry .ad-airway-basics .ad-page-section-heading`,
 * `.ad-page-page--diagnostics .ad-page-overline--accent`) are different,
 * higher-specificity selectors and are intentionally left in their page
 * bundles — they still load later and win regardless, so the cascade is
 * unchanged.
 *
 * Loads immediately after tokens.css (deps: airways-dentist-tokens), i.e.
 * BEFORE every page bundle.
 */

/* from: airway-pages.css */
.ad-page-overline {
    margin: 0 0 18px;
    color: var(--ad-color-blue);
    font-size: var(--ad-type-size-sm);
    font-weight: var(--ad-font-weight-bold);
    line-height: var(--ad-line-height-body);
    text-transform: uppercase;
}

.ad-page-section-heading {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
}

.ad-page-section-heading p {
    max-width: 680px;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 640px) {
    .ad-page-section-heading {
        margin-bottom: 32px;
        text-align: left;
    }
}