/* GRAND BRANDS V11 — FLOATING EDITORIAL STORY CARDS */

/* Four newsroom columns: clear space between them */
#network-news .gb-news-grid {
    gap:18px!important;
    align-items:stretch!important;
}

/* Remove the cramped column effect */
#network-news .gb-news-grid > div {
    padding:16px 13px 18px!important;
    border-radius:15px!important;
    box-shadow:0 7px 22px rgba(15,42,65,.12)!important;
}

/* Keep column headings inside their own spacing */
#network-news .gb-news-grid > div > h3 {
    margin:0 0 20px!important;
    padding:0 2px 12px!important;
    font-size:20px!important;
    line-height:1.2!important;
}

/* Every news article becomes an independent card */
#network-news .gb-news-grid article {
    display:block!important;
    position:relative!important;
    box-sizing:border-box!important;
    margin:0 0 20px!important;
    padding:10px 10px 15px!important;
    overflow:hidden!important;
    border:1px solid #cbb783!important;
    border-top:3px solid #4da9d4!important;
    border-radius:12px!important;
    background:linear-gradient(
        150deg,#ffffff 0%,#f5f9fc 100%
    )!important;
    box-shadow:
        0 6px 15px rgba(12,42,65,.12),
        inset 0 1px 0 #fff!important;
    transition:transform .25s,box-shadow .25s;
}

/* Different colored eyebrow accents */
#network-news .gb-news-grid > div:nth-child(2) article {
    border-top-color:#b579e9!important;
}

#network-news .gb-news-grid > div:nth-child(3) article {
    border-top-color:#25bdb5!important;
}

#network-news .gb-news-grid > div:nth-child(4) article {
    border-top-color:#e7ac56!important;
}

/* Clear separation between image and headline */
#network-news .gb-news-grid article img {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    aspect-ratio:2.05/1!important;
    object-fit:cover!important;
    margin:0 0 13px!important;
    border:1px solid #c9b37b!important;
    border-radius:7px!important;
    box-shadow:0 3px 9px rgba(9,36,58,.13)!important;

    /* Remove V9/V10 reflections that overlap headlines */
    -webkit-box-reflect:unset!important;
}

/* Headlines have their own breathing room */
#network-news .gb-news-grid article h4 {
    margin:0 0 9px!important;
    padding:0 2px!important;
    line-height:1.35!important;
    font-size:16px!important;
    color:#102b43!important;
}

/* Sources stay clearly below headlines */
#network-news .gb-news-grid article small,
#network-news .gb-news-grid article .source {
    display:block!important;
    margin-top:9px!important;
    padding:0 2px!important;
    font-size:10px!important;
    letter-spacing:.5px!important;
    color:#617789!important;
}

/* Last article still retains its full card border */
#network-news .gb-news-grid article:last-child {
    border:1px solid #cbb783!important;
    border-top:3px solid #4da9d4!important;
    margin-bottom:0!important;
}

/* Lift on hover */
#network-news .gb-news-grid article:hover {
    transform:translateY(-3px);
    box-shadow:0 11px 23px rgba(12,42,65,.19)!important;
}

/* Tighten outer newsroom panel without crowding stories */
#network-news.gb-newsroom {
    padding:24px 23px 27px!important;
}

@media(max-width:800px) {
    #network-news .gb-news-grid {
        gap:12px!important;
    }

    #network-news .gb-news-grid > div {
        padding:12px 9px!important;
    }

    #network-news .gb-news-grid article {
        padding:8px!important;
        margin-bottom:13px!important;
    }
}

@media(prefers-reduced-motion:reduce) {
    #network-news .gb-news-grid article {
        transition:none!important;
    }
}