/* =======================================================
   MANADO.NEWS R3 — WAKTU.NEWS LAYOUT FIDELITY
   Politik, Sport, Liputan Khusus memakai CSS Waktu dari R1.
   Pendidikan: port komposisi Waktu.News (compact scale).
   Metro: layout dua kanal tersendiri.
======================================================= */

.wn-mn-home .mn3-city,
.wn-mn-home .mn3-city * {
    box-sizing: border-box;
}

.wn-mn-home .mn3-city {
    margin: 32px 0 38px;
    padding: 20px;
    border: 1px solid #e5ecf3;
    border-radius: 25px;
    background: linear-gradient(135deg, #eef8ff, #ffffff 48%, #f6faff);
}

.wn-mn-home .mn3-city a {
    text-decoration: none;
}

.wn-mn-home .mn3-city-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.wn-mn-home .mn3-city-heading h2 {
    margin: 6px 0 0;
    color: #0b2d50;
    font-size: clamp(25px, 2.8vw, 33px);
    font-weight: 900;
    line-height: 1.09;
    letter-spacing: -.04em;
}

.wn-mn-home .mn3-city-heading nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wn-mn-home .mn3-city-heading nav a {
    padding: 9px 14px;
    border: 1px solid #cfe4f1;
    border-radius: 99px;
    background: #fff;
    color: #0a6898;
    font-size: 11px;
    font-weight: 900;
}

.wn-mn-home .mn3-city-leads {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.wn-mn-home .mn3-city-leads--single {
    grid-template-columns: 1fr;
}

.wn-mn-home .mn3-city-lead {
    position: relative;
    min-height: 340px;
    overflow: hidden;
    border-radius: 18px;
    background: #12314e;
    color: #fff;
    isolation: isolate;
}

.wn-mn-home .mn3-city-lead-media,
.wn-mn-home .mn3-city-lead-media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.wn-mn-home .mn3-city-lead-media img {
    object-fit: cover;
    transition: transform .35s ease;
}

.wn-mn-home .mn3-city-lead:hover img,
.wn-mn-home .mn3-city-minis a:hover img {
    transform: scale(1.04);
}

.wn-mn-home .mn3-city-lead::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 24%, rgba(3, 15, 36, .96));
    pointer-events: none;
}

.wn-mn-home .mn3-city-lead-copy {
    position: absolute;
    z-index: 1;
    inset: auto 23px 22px;
}

.wn-mn-home .mn3-city-lead-copy > span,
.wn-mn-home .mn3-city-minis span {
    color: #51cdf7;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.wn-mn-home .mn3-city-lead-copy h3 {
    margin: 8px 0 12px;
    color: #fff;
    font-size: clamp(21px, 2vw, 28px);
    font-weight: 900;
    line-height: 1.22;
}

.wn-mn-home .mn3-city-lead-copy small {
    color: #dceaf5;
    font-size: 10px;
    font-weight: 700;
}

.wn-mn-home .mn3-city-minis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.wn-mn-home .mn3-city-minis a {
    display: grid;
    grid-template-columns: 75px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 10px;
    border: 1px solid #dce8f3;
    border-radius: 14px;
    background: #fff;
    color: #15324e;
}

.wn-mn-home .mn3-city-mini-media {
    height: 67px;
    overflow: hidden;
    border-radius: 10px;
}

.wn-mn-home .mn3-city-mini-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}

.wn-mn-home .mn3-city-minis strong {
    display: -webkit-box;
    margin-top: 6px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.4;
}

/* Pendidikan — komposisi & ukuran mengikuti Waktu.News final compact. */
.wn-mn-home .wnedu-section {
    --wnedu-navy: #071b3f;
    --wnedu-orange: #ff5a1f;
    --wnedu-line: #e8edf4;
    margin: 32px 0 38px;
}

.wn-mn-home .wnedu-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.wn-mn-home .wnedu-kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: var(--wnedu-orange);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.wn-mn-home .wnedu-kicker::before {
    content: '';
    width: 23px;
    height: 3px;
    border-radius: 99px;
    background: var(--wnedu-orange);
}

.wn-mn-home .wnedu-heading h2 {
    margin: 0;
    color: var(--wnedu-navy);
    font-size: clamp(26px, 2.7vw, 34px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -.04em;
}

.wn-mn-home .wnedu-all {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border: 1px solid #ffdbc8;
    border-radius: 99px;
    background: #fff8f4;
    color: #172c4a;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none;
    text-transform: uppercase;
}

.wn-mn-home .wnedu-grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.38fr);
    gap: 14px;
}

.wn-mn-home .wnedu-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 19px;
    text-decoration: none;
}

.wn-mn-home .wnedu-lead {
    position: relative;
    display: block;
    min-height: 420px;
    background: #071b3f;
    color: #fff;
}

.wn-mn-home .wnedu-media {
    position: absolute;
    inset: 0;
}

.wn-mn-home .wnedu-media img,
.wn-mn-home .wnedu-feature-media img,
.wn-mn-home .wnedu-mini-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.wn-mn-home .wnedu-card:hover img {
    transform: scale(1.035);
}

.wn-mn-home .wnedu-lead::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 27, 63, .03) 18%, rgba(7, 27, 63, .42) 52%, rgba(5, 20, 47, .97));
    content: '';
    pointer-events: none;
}

.wn-mn-home .wnedu-lead-top {
    position: absolute;
    z-index: 3;
    top: 19px;
    left: 19px;
}

.wn-mn-home .wnedu-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 99px;
    background: #ff5a1f;
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.wn-mn-home .wnedu-badge--blue {
    background: #1d5fc4;
}

.wn-mn-home .wnedu-badge--soft {
    background: #fff2ec;
    color: #e74a13;
}

.wn-mn-home .wnedu-lead-copy {
    position: absolute;
    z-index: 3;
    inset: auto 0 0;
    padding: 22px;
}

.wn-mn-home .wnedu-lead-copy h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin: 9px 0;
    color: #fff;
    font-size: clamp(20px, 1.9vw, 27px);
    font-weight: 900;
    line-height: 1.12;
}

.wn-mn-home .wnedu-lead-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    color: #d2deef;
    font-size: 12px;
    line-height: 1.5;
}

.wn-mn-home .wnedu-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
    color: #d0dcef;
    font-size: 10px;
    font-weight: 700;
}

.wn-mn-home .wnedu-meta-logo {
    display: inline-grid;
    place-items: center;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #ff5a1f;
    color: #fff;
    font-size: 10px;
    font-weight: 900;
}

.wn-mn-home .wnedu-side {
    display: grid;
    grid-template-rows: 250px 156px;
    gap: 14px;
    min-width: 0;
}

.wn-mn-home .mn3-education-no-minis {
    grid-template-rows: minmax(250px, auto);
}

.wn-mn-home .wnhr-sport-minis.mn3-two-minis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wn-mn-home .wnedu-feature {
    display: grid;
    min-height: 250px;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    border: 1px solid #d9e4ef;
    background: #071b3f;
}

.wn-mn-home .wnedu-feature-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 20px;
    background: linear-gradient(145deg, #071b3f, #0a2958);
}

.wn-mn-home .wnedu-feature-copy h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin: 9px 0;
    color: #fff;
    font-size: clamp(18px, 1.65vw, 24px);
    font-weight: 900;
    line-height: 1.1;
}

.wn-mn-home .wnedu-feature-copy p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    color: #d2ddec;
    font-size: 11px;
    line-height: 1.5;
}

.wn-mn-home .wnedu-feature-media {
    min-height: 250px;
    background: #dce5f0;
}

.wn-mn-home .wnedu-mini-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    min-width: 0;
}

.wn-mn-home .wnedu-mini {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 84px;
    gap: 10px;
    min-height: 156px;
    padding: 12px;
    border: 1px solid #e8edf4;
    border-radius: 16px;
    background: #fff;
    color: #071b3f;
}

.wn-mn-home .wnedu-mini-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wn-mn-home .wnedu-mini h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 8px 0 5px;
    color: #071b3f;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.22;
}

.wn-mn-home .wnedu-mini .wnedu-meta {
    margin-top: auto;
    color: #788599;
    font-size: 9px;
}

.wn-mn-home .wnedu-mini-media {
    align-self: center;
    width: 84px;
    height: 84px;
    overflow: hidden;
    border-radius: 11px;
    background: #e8edf5;
}

.wn-mn-home .wnedu-image-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    min-height: 100px;
    background: #092c58;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.wn-mn-home .mn3-single-panel {
    grid-template-columns: minmax(0, 1fr);
}

.wn-mn-home .wnhr-politics,
.wn-mn-home .wnhr-sport,
.wn-mn-home .wnhr-lipsus {
    margin-top: 32px;
    margin-bottom: 38px;
}

/* Kesamaan Waktu.news dipertahankan, tetapi tidak memakai nama /tautan Waktu. */
@media (max-width: 1090px) {
    .wn-mn-home .mn3-city-minis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .wn-mn-home .wnedu-grid {
        grid-template-columns: 1fr;
    }

    .wn-mn-home .wnedu-lead {
        min-height: 410px;
    }

    .wn-mn-home .wnedu-side {
        grid-template-rows: auto auto;
    }
}

@media (max-width: 680px) {
    .wn-mn-home .mn3-city {
        margin: 24px 0 28px;
        padding: 13px;
        border-radius: 18px;
    }

    .wn-mn-home .mn3-city-heading {
        align-items: flex-start;
    }

    .wn-mn-home .mn3-city-leads {
        grid-template-columns: 1fr;
    }

    .wn-mn-home .mn3-city-lead {
        min-height: 260px;
    }

    .wn-mn-home .mn3-city-minis {
        grid-template-columns: 1fr;
    }

    .wn-mn-home .mn3-city-minis a {
        grid-template-columns: 80px minmax(0, 1fr);
    }

    .wn-mn-home .wnedu-heading {
        flex-direction: column;
        align-items: flex-start;
        gap: 13px;
    }

    .wn-mn-home .wnedu-lead {
        min-height: 355px;
    }

    .wn-mn-home .wnedu-feature {
        grid-template-columns: 1fr;
    }

    .wn-mn-home .wnedu-feature-copy {
        padding: 18px;
    }

    .wn-mn-home .wnedu-feature-media {
        min-height: 175px;
    }

    .wn-mn-home .wnedu-mini-grid {
        grid-template-columns: 1fr;
    }

    .wn-mn-home .wnedu-mini {
        min-height: 114px;
    }
}