/* Press coverage, weather data, and story submissions share one editorial scene.
   The illustration frames the existing opaque cards and forms. */
.med-page {
    position: relative;
    isolation: isolate;
    min-height: 780px;
    padding-bottom: 210px;
    background-color: #f2f7fb;
    background-image:
        linear-gradient(to bottom, #f4f7fb 0%, rgba(244, 247, 251, 0.92) 25%, rgba(244, 247, 251, 0.3) 70%, transparent 100%),
        url('/images/media/weather-newsroom.webp?v=1');
    background-position: center, center bottom;
    background-size: 100% 100%, max(1440px, 100%) auto;
    background-repeat: no-repeat;
}

/* Frame the heading independently of the bottom scene, even on long tabs. */
.med-page::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 360px;
    z-index: -1;
    pointer-events: none;
    background: url('/images/media/newsroom-top-frame.webp?v=1') center top / 100% auto no-repeat;
    opacity: 0.65;
    mask-image: linear-gradient(to bottom, #000 65%, transparent);
}

@media (max-width: 767px) {
    .med-page {
        min-height: 700px;
        padding-bottom: 180px;
        background-size: 100% 100%, 1000px auto;
        background-position: center, 25% bottom;
    }

    .med-page::before {
        height: 180px;
        opacity: 0.45;
    }
}

.dj-q > span:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
}

.med-tab {
    min-width: 0;
    white-space: normal;
}

@media (max-width: 575.98px) {
    .med-tab {
        gap: 6px;
        padding: 10px 8px;
    }
}