/* Shared public-page hero palette and viewport spacing. */
#home .home-section,
#courses .learning-experience,
#career.opportunity-page .hero,
#career.jobs-page .openings .sec-head,
.pricing-hero,
.your-work {
    background: linear-gradient(135deg, #001f3f 0%, #002952 55%, #003d66 100%);
    color: #fff;
}

#home .home-section {
    min-height: calc(100svh - 76px);
    padding: 36px 0;
    box-sizing: border-box;
}
#home .home-container { padding-top: 0; padding-bottom: 0; }
#home .stats-grid { margin-top: clamp(24px, 4vh, 48px); }
#courses .learning-experience {
    padding: clamp(48px, 7vh, 72px) 20px;
    min-height: 0;
}
#courses .learning-experience::before,
#courses .learning-experience::after { opacity: .2; }
#courses .le-stats-container { margin-top: clamp(24px, 4vh, 40px); }
#career.opportunity-page .hero { padding: clamp(48px, 7vh, 72px) 0; }
#career.jobs-page .openings .sec-head { padding: clamp(32px, 5vh, 52px); }
.pricing-hero { padding-top: clamp(48px, 7vh, 72px); padding-bottom: clamp(48px, 7vh, 72px); }

@media (max-width: 700px), (max-height: 650px) {
    #home .home-section { min-height: 0; padding: 48px 0; }
    #courses .learning-experience, #career.opportunity-page .hero { padding: 48px 20px; }
}