/* One component, three presentation skins. No change to navigation behaviour. */
.menu-ad.menu-partner {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    align-self: start;
    padding: 20px;
    border: 1px solid #d5e6ed;
    border-radius: 10px;
    background: #edf6fa;
    color: #102936;
    text-align: left;
    box-shadow: none
}

.menu-ad .menu-ad-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.menu-ad .menu-ad-label {
    font: 11px/1.4 Arial,sans-serif;
    letter-spacing: .2px;
    color: #526975
}

.menu-ad .menu-ad-mark {
    font: 28px/1 Georgia,serif;
    color: #388db2
}

.menu-ad .menu-ad-sponsor {
    display: block;
    margin: 0 0 20px;
    font: 700 14px/1.4 Arial,sans-serif;
    color: #167199
}

.menu-ad .menu-ad-kicker {
    display: block;
    margin-bottom: 9px;
    font: 11px/1.5 Arial,sans-serif;
    color: #526975;
    letter-spacing: .7px;
    text-transform: uppercase
}

.menu-ad h3 {
    margin: 0 0 12px;
    font: 700 23px/1.17 Arial,sans-serif;
    letter-spacing: -.5px;
    color: #102936
}

.menu-ad p {
    margin: 0 0 19px;
    font: 14px/1.5 Arial,sans-serif;
    color: #526975
}

.menu-ad a.menu-ad-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 44px;
    padding: 11px 12px;
    border: 1px solid #c3dfe9;
    border-radius: 5px;
    font: 600 13px/1.4 Arial,sans-serif;
    color: #125d7e;
    text-decoration: none;
    background: #fff;
    box-shadow: none
}

.menu-ad a.menu-ad-link:hover {
    background: #d9eef8;
    color: #102936;
    text-decoration: none
}

.menu-ad a.menu-ad-link:focus-visible {
    outline: 3px solid #167199;
    outline-offset: 3px
}

/* Original unblurred winter gradient, slightly deeper blue; editorial text CTA. */
.menu-ad[data-ad-variant="winter"] {
    display: flex;
    flex-direction: column;
    align-self: start;
    min-height: 0;
    padding: 14px 20px 18px;
    background: linear-gradient(140deg,#eaf5fa,#cfe7f1)
}

.menu-ad[data-ad-variant="winter"] .menu-ad-meta {
    justify-content: flex-end;
    margin: 0 -6px 20px 0
}

.menu-ad[data-ad-variant="winter"] .menu-ad-label {
    font-size: 10px;
    line-height: 1.4;
    color: #617783;
    letter-spacing: 0
}

.menu-ad[data-ad-variant="winter"] .menu-ad-mark,.menu-ad[data-ad-variant="winter"] .menu-ad-sponsor {
    display: none
}

.menu-ad[data-ad-variant="winter"] h3 {
    font: italic 28px/1.12 Georgia,serif;
    letter-spacing: -.6px;
    color: #167199
}

.menu-ad[data-ad-variant="winter"] h3,.menu-ad[data-ad-variant="winter"] p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex-shrink: 0
}

.menu-ad[data-ad-variant="winter"] .menu-ad-kicker {
    margin-bottom: 12px
}

.menu-ad[data-ad-variant="winter"] h3 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-wrap: balance;
    margin-bottom: 16px
}

.menu-ad[data-ad-variant="winter"] p {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    margin-bottom: 10px
}

.menu-ad[data-ad-variant="winter"] a.menu-ad-link {
    margin-top: 0;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px 0;
    border: 0;
    border-top: 1px solid #bfd4df;
    border-radius: 0;
    background: transparent
}

.menu-ad[data-ad-variant="winter"] a.menu-ad-link:hover {
    background: transparent;
    color: #125d7e;
    text-decoration: underline;
    text-underline-offset: 4px
}

.menu-ad[data-ad-variant="editorial"] {
    background: #fff;
    border: 1px solid #dce6eb;
    border-top: 4px solid #388db2;
    border-radius: 3px;
    padding-top: 17px
}

.menu-ad[data-ad-variant="editorial"] .menu-ad-mark {
    font-size: 20px
}

.menu-ad[data-ad-variant="editorial"] .menu-ad-sponsor {
    padding-bottom: 15px;
    border-bottom: 1px solid #dce6eb
}

.menu-ad[data-ad-variant="editorial"] h3 {
    font: italic 28px/1.12 Georgia,serif;
    letter-spacing: -.6px;
    color: #167199
}

.menu-ad[data-ad-variant="editorial"] a.menu-ad-link {
    padding: 10px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    border-top: 1px solid #dce6eb
}

.menu-ad[data-ad-variant="editorial"] a.menu-ad-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px
}

.menu-ad[data-ad-variant="premium"] {
    background: #173e51;
    border-color: #173e51;
    color: #fff
}

.menu-ad[data-ad-variant="premium"] .menu-ad-label {
    color: #c5dbe5
}

.menu-ad[data-ad-variant="premium"] .menu-ad-mark {
    color: #a6d9eb
}

.menu-ad[data-ad-variant="premium"] .menu-ad-sponsor {
    color: #fff
}

.menu-ad[data-ad-variant="premium"] .menu-ad-kicker {
    color: #a6d9eb
}

.menu-ad[data-ad-variant="premium"] h3 {
    color: #fff
}

.menu-ad[data-ad-variant="premium"] p {
    color: #d7e6ed
}

.menu-ad[data-ad-variant="premium"] a.menu-ad-link {
    color: #102936;
    background: #d9eef8;
    border-color: #d9eef8
}

.menu-ad[data-ad-variant="premium"] a.menu-ad-link:hover {
    background: #fff
}

.menu-ad[data-ad-variant="premium"] a.menu-ad-link:focus-visible {
    outline-color: #a6d9eb
}

.mobile-panel-content>.menu-ad {
    margin-top: 20px
}

@media(min-width: 1025px) and (max-width:1150px) {
    .mega-grid>.menu-ad {
        padding:16px
    }

    .menu-ad h3 {
        font-size: 21px
    }

    .menu-ad[data-ad-variant="editorial"] h3,.menu-ad[data-ad-variant="winter"] h3 {
        font-size: 25px
    }
}

/* Approved winter-card legibility on the complete gradient. */
.menu-ad[data-ad-variant="winter"] :is(.menu-ad-kicker,.menu-ad-label,p) {
    color: #496370
}

.menu-ad[data-ad-variant="winter"] .menu-ad-label {
    font-size: 12px
}