/*
==============================================================================
SavvyGreat M3 newsroom v5
- Keep the title-only marquee in normal flow immediately above the hero.
- Keep carousel headlines compact and limited to two lines.
- Use compact More stories rows with a thumbnail on the left.
==============================================================================
*/

body[data-sgcv-controller="News"][data-sgcv-action="NationalNews"] .sgcv-m3-main,
body[data-sgcv-controller="News"][data-sgcv-action="InternationalNews"] .sgcv-m3-main {
    min-height: 0;
    padding-top: clamp(12px, 1.5vw, 20px) !important;
    overflow: visible;
}

body[data-sgcv-controller="News"][data-sgcv-action="NationalNews"] .sgcv-m3-main > .sgcv-m3-page,
body[data-sgcv-controller="News"][data-sgcv-action="InternationalNews"] .sgcv-m3-main > .sgcv-m3-page {
    padding-top: 0;
    overflow: visible;
}

.sgnews-m3-v4-breaking-shell {
    position: relative;
    z-index: 2;
    display: block !important;
    width: min(100%, var(--sgnews-content-max, 1480px));
    margin: 0 auto clamp(12px, 1.6vw, 20px);
    padding: 0 clamp(8px, 2.5vw, 30px);
    overflow: visible;
}

.sgnews-m3-v4-breaking-shell:empty {
    display: none !important;
}

.sgnews-m3-breaking-v4 {
    position: relative;
    display: block !important;
    width: 100%;
    min-height: 48px;
    margin: 0;
    overflow: hidden;
}

.sgnews-m3-breaking-v4 .sgnews-m3-breaking-window,
.sgnews-m3-breaking-v4 .sgnews-m3-breaking-track,
.sgnews-m3-breaking-v4 .sgnews-m3-breaking-group {
    min-height: 40px;
}

.sgnews-m3-breaking-v4 .sgnews-m3-breaking-group a {
    min-height: 40px;
}

.sgnews-m3-featured-v3 .sgnews-m3-carousel-content h3 {
    display: -webkit-box;
    max-width: 30ch;
    margin: 0;
    overflow: hidden;
    font: 600 clamp(22px, 2.4vw, 34px)/1.13 var(--m3-font-brand, "Segoe UI", sans-serif);
    letter-spacing: -.02em;
    text-wrap: balance;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sgnews-m3-featured-v3 .sgnews-m3-carousel-preview-title {
    display: -webkit-box;
    overflow: hidden;
    font-size: clamp(11px, .95vw, 14px);
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sgnews-m3-more-v4-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.sgnews-m3-more-v4-row {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    grid-template-areas: "media copy";
    min-width: 0;
    min-height: 112px;
}

.sgnews-m3-more-v4-media {
    grid-area: media;
    width: 118px;
    min-height: 112px;
    height: 100%;
}

.sgnews-m3-more-v4-copy {
    grid-area: copy;
    min-width: 0;
    padding: 15px 17px;
}

.sgnews-m3-more-v4-copy h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (max-width: 839px) {
    body[data-sgcv-controller="News"][data-sgcv-action="NationalNews"] .sgcv-m3-main,
    body[data-sgcv-controller="News"][data-sgcv-action="InternationalNews"] .sgcv-m3-main {
        padding-top: 12px !important;
    }

    .sgnews-m3-more-v4-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 599px) {
    .sgnews-m3-v4-breaking-shell {
        padding-inline: 8px;
    }

    .sgnews-m3-featured-v3 .sgnews-m3-carousel-content h3 {
        max-width: 25ch;
        font-size: clamp(20px, 6.4vw, 28px);
    }

    .sgnews-m3-more-v4-row {
        grid-template-columns: 92px minmax(0, 1fr);
        min-height: 94px;
    }

    .sgnews-m3-more-v4-media {
        width: 92px;
        min-height: 94px;
    }

    .sgnews-m3-more-v4-copy {
        padding: 12px 14px;
    }
}