.wnhr-home {
        --wnhr-navy: #15213f;
        --wnhr-navy-deep: #0d1730;
        --wnhr-indigo: #35519a;
        --wnhr-blue-shell: #d9e4fb;
        --wnhr-blue-shell-deep: #cddaf6;
        --wnhr-blue-soft: #edf3ff;
        --wnhr-featured: #fbfbfd;
        --wnhr-page: #ffffff;
        --wnhr-off-white: #ffffff;
        --wnhr-coral: #f25247;
        --wnhr-orange: #ff914d;
        --wnhr-ink: #16203b;
        --wnhr-muted: #6f7789;
        --wnhr-line: rgba(21, 33, 63, .11);
        --wnhr-shadow: 0 22px 54px rgba(19, 31, 60, .10);
        background: #ffffff;
        padding: 18px 16px 44px;
    }

    .wnhr-home,
    .wnhr-home *,
    .wnhr-home *::before,
    .wnhr-home *::after {
        box-sizing: border-box;
    }

    .wnhr-home a {
        color: inherit;
        text-decoration: none;
    }

    .wnhr-shell {
        /* wn-home-final-1050-v1-installed */
        width: min(100%, 1050px);
        margin: 0 auto;
    }

    .wnhr-breaking {
        position: relative;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        min-height: 54px;
        margin-bottom: 18px;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .10);
        border-radius: 17px;
        background: #ffffff;
        box-shadow: 0 14px 34px rgba(19, 31, 60, .08);
    }

    .wnhr-breaking-label {
        position: relative;
        z-index: 3;
        display: flex;
        align-items: center;
        gap: 9px;
        min-width: 170px;
        padding: 0 20px;
        background:
            linear-gradient(
                135deg,
                var(--wnhr-coral),
                var(--wnhr-orange)
            );
        color: #ffffff;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .09em;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .wnhr-breaking-label::after {
        content: "";
        position: absolute;
        top: 0;
        right: -17px;
        width: 34px;
        height: 100%;
        background: inherit;
        transform: skewX(-18deg);
        transform-origin: center;
    }

    .wnhr-breaking-pulse {
        position: relative;
        z-index: 1;
        width: 8px;
        height: 8px;
        flex: 0 0 auto;
        border: 2px solid rgba(255, 255, 255, .75);
        border-radius: 999px;
        background: #ffffff;
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .55);
        animation: wnhr-breaking-pulse 1.8s infinite;
    }

    .wnhr-breaking-viewport {
        position: relative;
        min-width: 0;
        overflow: hidden;
        padding-left: 22px;
    }

    .wnhr-breaking-viewport::before,
    .wnhr-breaking-viewport::after {
        content: "";
        position: absolute;
        top: 0;
        z-index: 2;
        width: 34px;
        height: 100%;
        pointer-events: none;
    }

    .wnhr-breaking-viewport::before {
        left: 0;
        background:
            linear-gradient(
                90deg,
                #ffffff,
                rgba(255, 255, 255, 0)
            );
    }

    .wnhr-breaking-viewport::after {
        right: 0;
        background:
            linear-gradient(
                270deg,
                #ffffff,
                rgba(255, 255, 255, 0)
            );
    }

    .wnhr-breaking-track {
        display: flex;
        align-items: center;
        width: max-content;
        min-height: 52px;
        animation: wnhr-breaking-scroll 45s linear infinite;
        will-change: transform;
    }

    .wnhr-breaking:hover .wnhr-breaking-track,
    .wnhr-breaking:focus-within .wnhr-breaking-track {
        animation-play-state: paused;
    }

    .wnhr-breaking-group {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
    }

    .wnhr-breaking-item {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        max-width: 480px;
        min-height: 52px;
        padding: 0 25px;
        color: var(--wnhr-ink);
        font-size: 11px;
        font-weight: 800;
        line-height: 1.4;
        white-space: nowrap;
    }

    .wnhr-breaking-item::before {
        content: "";
        width: 5px;
        height: 5px;
        flex: 0 0 auto;
        border-radius: 999px;
        background: var(--wnhr-coral);
    }

    .wnhr-breaking-item:hover {
        color: var(--wnhr-coral);
    }

    .wnhr-breaking-time {
        color: var(--wnhr-muted);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    @keyframes wnhr-breaking-scroll {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(-50%);
        }
    }

    @keyframes wnhr-breaking-pulse {
        70% {
            box-shadow: 0 0 0 7px rgba(255, 255, 255, 0);
        }

        100% {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .wnhr-breaking-track,
        .wnhr-breaking-pulse {
            animation: none;
        }

        .wnhr-breaking-viewport {
            overflow-x: auto;
        }

        .wnhr-breaking-group[aria-hidden="true"] {
            display: none;
        }
    }

    /* Breaking News Premium V2: satu judul, bersih, tanpa marquee. */
    .wnhr-breaking {
        grid-template-columns: 154px minmax(0, 1fr);
        min-height: 50px;
        margin-bottom: 16px;
        border-radius: 15px;
    }

    .wnhr-breaking-label {
        min-width: 0;
        padding: 0 18px;
        font-size: 9px;
    }

    .wnhr-breaking-label::after {
        right: -11px;
        width: 22px;
    }

    .wnhr-breaking-viewport {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        min-height: 48px;
        padding: 0 13px 0 27px;
        overflow: hidden;
    }

    .wnhr-breaking-viewport::before,
    .wnhr-breaking-viewport::after {
        display: none;
    }

    .wnhr-breaking-story {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 16px;
        width: 100%;
        min-width: 0;
        color: var(--wnhr-ink);
    }

    .wnhr-breaking-slides {
        min-width: 0;
    }

    .wnhr-breaking-story[hidden] {
        display: none;
    }

    .wnhr-breaking-story.is-entering {
        animation: wnhr-breaking-fade .36s ease both;
    }

    .wnhr-breaking-title {
        min-width: 0;
        overflow: hidden;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.4;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wnhr-breaking-story:hover .wnhr-breaking-title {
        color: var(--wnhr-coral);
    }

    .wnhr-breaking-meta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--wnhr-muted);
        font-size: 8px;
        font-weight: 800;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .wnhr-breaking-meta::before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 999px;
        background: var(--wnhr-coral);
    }

    .wnhr-breaking-controls {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .wnhr-breaking-control {
        width: 27px;
        height: 27px;
        display: grid;
        place-items: center;
        padding: 0;
        border: 1px solid rgba(21, 33, 63, .12);
        border-radius: 8px;
        background: #ffffff;
        color: var(--wnhr-navy);
        cursor: pointer;
        font: inherit;
        font-size: 14px;
        line-height: 1;
        transition:
            border-color .2s ease,
            background .2s ease,
            color .2s ease;
    }

    .wnhr-breaking-control:hover,
    .wnhr-breaking-control:focus-visible {
        border-color: var(--wnhr-coral);
        background: var(--wnhr-coral);
        color: #ffffff;
        outline: none;
    }

    @keyframes wnhr-breaking-fade {
        from {
            opacity: 0;
            transform: translateY(5px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* wn-home-ramadan-utility-card-v1 */
    .wnram-home-card {
        position: relative;
        margin: 0 0 18px;
        overflow: hidden;
        border: 1px solid rgba(24, 104, 79, .16);
        border-radius: 19px;
        background:
            radial-gradient(
                circle at 92% 0%,
                rgba(255, 223, 135, .24),
                transparent 34%
            ),
            linear-gradient(
                135deg,
                #083b3d 0%,
                #0a594b 58%,
                #347a50 100%
            );
        box-shadow:
            0 16px 36px rgba(12, 69, 58, .14);
    }

    .wnram-home-card::after {
        content: "☾";
        position: absolute;
        top: -20px;
        right: 21px;
        color: rgba(255, 236, 178, .12);
        font-size: 105px;
        line-height: 1;
        pointer-events: none;
    }

    .wnram-home-card-link {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns:
            minmax(250px, 1.15fr)
            minmax(355px, 1.45fr)
            auto;
        gap: 16px;
        align-items: center;
        min-height: 108px;
        padding: 17px 20px;
        color: #ffffff !important;
    }

    .wnram-home-copy {
        min-width: 0;
    }

    .wnram-home-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #ffe9a7;
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .wnram-home-title {
        display: block;
        margin-top: 5px;
        color: #ffffff;
        font-size: 19px;
        font-weight: 950;
        line-height: 1.14;
        letter-spacing: -.025em;
    }

    .wnram-home-meta {
        display: block;
        margin-top: 5px;
        overflow: hidden;
        color: rgba(255, 255, 255, .69);
        font-size: 8.5px;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wnram-home-times {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
    }

    .wnram-home-time {
        min-width: 0;
        padding: 9px 10px;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 12px;
        background: rgba(255, 255, 255, .08);
        backdrop-filter: blur(9px);
    }

    .wnram-home-time span {
        display: block;
        color: rgba(255, 255, 255, .67);
        font-size: 7px;
        font-weight: 850;
        text-transform: uppercase;
    }

    .wnram-home-time strong {
        display: block;
        margin-top: 3px;
        color: #ffffff;
        font-size: 17px;
        font-weight: 950;
        line-height: 1;
    }

    .wnram-home-time.is-iftar {
        border-color: rgba(255, 225, 144, .26);
        background: rgba(255, 220, 121, .13);
    }

    .wnram-home-time.is-iftar strong {
        color: #ffe29a;
    }

    .wnram-home-side {
        display: grid;
        gap: 5px;
        justify-items: end;
        min-width: 118px;
    }

    .wnram-home-next {
        color: rgba(255, 255, 255, .68);
        font-size: 7.5px;
        font-weight: 700;
        text-align: right;
    }

    .wnram-home-next strong {
        display: block;
        margin-top: 2px;
        color: #ffffff;
        font-size: 10px;
    }

    .wnram-home-countdown {
        display: block;
        margin-top: 2px;
        color: #ffe29a;
        font-size: 9px;
        font-weight: 900;
    }

    .wnram-home-cta {
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 0 11px;
        border: 1px solid rgba(255, 255, 255, .17);
        border-radius: 10px;
        background: rgba(255, 255, 255, .10);
        color: #ffffff;
        font-size: 8px;
        font-weight: 900;
        white-space: nowrap;
    }

    @media (max-width: 860px) {
        .wnram-home-card-link {
            grid-template-columns: 1fr;
            gap: 11px;
        }

        .wnram-home-side {
            display: flex;
            justify-content: space-between;
            justify-items: initial;
            align-items: center;
            min-width: 0;
        }

        .wnram-home-next {
            text-align: left;
        }
    }

    @media (max-width: 680px) {
        .wnram-home-card {
            margin-bottom: 14px;
            border-radius: 16px;
        }

        .wnram-home-card::after {
            right: -5px;
            font-size: 82px;
        }

        .wnram-home-card-link {
            min-height: 0;
            padding: 14px 13px;
        }

        .wnram-home-title {
            padding-right: 40px;
            font-size: 16px;
        }

        .wnram-home-meta {
            font-size: 7.5px;
        }

        .wnram-home-time {
            padding: 8px 7px;
            border-radius: 10px;
        }

        .wnram-home-time strong {
            font-size: 15px;
        }

        .wnram-home-side {
            gap: 8px;
        }

        .wnram-home-next {
            max-width: 60%;
        }
    }

    .wnhr-board {
        display: grid;
        grid-template-columns: minmax(0, 1.56fr) minmax(300px, .72fr);
        gap: 18px;
        align-items: start;
    }

    .wnhr-left {
        position: relative;
        display: flex;
        min-width: 0;
        flex-direction: column;
        padding: 13px;
        overflow: hidden;
        border: 1px solid rgba(53, 81, 154, .10);
        border-radius: 28px;
        background: #fbfbfd;
        box-shadow: var(--wnhr-shadow);
    }

    .wnhr-left::after {
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        z-index: 4;
        width: 56px;
        height: 46px;
        border-bottom-left-radius: 30px;
        background: var(--wnhr-page);
        pointer-events: none;
    }

    .wnhr-lead {
        position: relative;
        z-index: 1;
        display: block;
        overflow: hidden;
        border: 6px solid var(--wnhr-navy-deep);
        border-radius: 23px;
        background: var(--wnhr-navy-deep);
        box-shadow: 0 18px 40px rgba(13, 23, 48, .18);
    }

    .wnhr-lead-media {
        position: relative;
        overflow: hidden;
        height: clamp(176px, 19vw, 208px);
        background: linear-gradient(145deg, var(--wnhr-indigo), var(--wnhr-navy-deep));
    }

    .wnhr-lead-media::after {
        content: "";
        position: absolute;
        inset: auto 0 0;
        height: 28%;
        background: linear-gradient(180deg, transparent, rgba(13, 23, 48, .24));
        pointer-events: none;
    }

    .wnhr-lead-media img,
    .wnhr-latest-media img,
    .wnhr-featured-media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .35s ease;
    }

    .wnhr-lead:hover .wnhr-lead-media img,
    .wnhr-latest-card:hover .wnhr-latest-media img,
    .wnhr-featured-item:hover .wnhr-featured-media img {
        transform: scale(1.035);
    }

    .wnhr-image-placeholder {
        display: grid;
        width: 100%;
        height: 100%;
        min-height: 110px;
        place-items: center;
        background:
            radial-gradient(circle at top right, rgba(255, 145, 77, .30), transparent 38%),
            linear-gradient(145deg, var(--wnhr-indigo), var(--wnhr-navy-deep));
        color: rgba(255, 255, 255, .92);
        font-size: 14px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .wnhr-lead-copy {
        display: flex;
        min-height: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 16px 22px 18px;
        color: #fff;
        text-align: center;
        background:
            radial-gradient(circle at top right, rgba(255, 145, 77, .13), transparent 36%),
            linear-gradient(145deg, var(--wnhr-navy-deep), var(--wnhr-navy) 64%, #233a71);
    }

    .wnhr-taxonomy {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 7px;
        margin-bottom: 9px;
    }

    .wnhr-pill {
        display: inline-flex;
        min-height: 21px;
        align-items: center;
        padding: 3px 10px;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--wnhr-coral), var(--wnhr-orange));
        color: #fff;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .wnhr-pill.is-soft {
        background: rgba(255, 255, 255, .13);
        color: #dbe6ff;
    }

    .wnhr-lead h1 {
        display: -webkit-box;
        overflow: hidden;
        max-width: 620px;
        margin: 0;
        color: #fff;
        font-size: clamp(22px, 2.2vw, 31px);
        font-weight: 900;
        line-height: 1.08;
        letter-spacing: -.036em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-lead-excerpt {
        display: -webkit-box;
        overflow: hidden;
        max-width: 620px;
        margin: 8px 0 0;
        color: rgba(255, 255, 255, .76);
        font-size: 12px;
        line-height: 1.5;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-meta {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 7px 12px;
        margin-top: 12px;
        color: #c8d4ee;
        font-size: 9px;
        font-weight: 700;
    }

    .wnhr-latest {
        position: relative;
        z-index: 1;
        margin-top: 12px;
        padding: 13px;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .08);
        border-radius: 22px;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 14px 30px rgba(19, 31, 60, .07);
    }

    .wnhr-latest-heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 10px;
        margin: 0 2px 12px;
    }

    .wnhr-kicker {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: var(--wnhr-coral);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    .wnhr-kicker::before {
        content: "";
        width: 20px;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--wnhr-coral), var(--wnhr-orange));
    }

    .wnhr-latest-heading h2,
    .wnhr-featured-heading h2 {
        margin: 3px 0 0;
        color: var(--wnhr-navy);
        font-size: 18px;
        font-weight: 900;
        line-height: 1.06;
        letter-spacing: -.03em;
    }

    .wnhr-latest-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .wnhr-latest-card {
        display: flex;
        min-width: 0;
        min-height: 100%;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .09);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 9px 22px rgba(19, 31, 60, .06);
        transition: transform .22s ease, box-shadow .22s ease;
    }

    .wnhr-latest-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(19, 31, 60, .10);
    }

    .wnhr-latest-media {
        overflow: hidden;
        aspect-ratio: 16 / 7.4;
        background: var(--wnhr-blue-soft);
    }

    .wnhr-latest-body {
        display: flex;
        min-height: 82px;
        flex: 1;
        flex-direction: column;
        padding: 10px 11px 11px;
    }

    .wnhr-category {
        color: var(--wnhr-coral);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .wnhr-latest-body h3 {
        display: -webkit-box;
        overflow: hidden;
        margin: 6px 0 8px;
        color: var(--wnhr-ink);
        font-size: 13.3px;
        font-weight: 850;
        line-height: 1.3;
        letter-spacing: -.015em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-latest-body small {
        margin-top: auto;
        color: var(--wnhr-muted);
        font-size: 8.5px;
        font-weight: 700;
    }

    .wnhr-right {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 11px;
    }

    .wnhr-featured-heading {
        display: flex;
        min-height: 44px;
        align-items: center;
        padding: 2px 4px 0;
    }

    .wnhr-featured-heading::before {
        content: "";
        width: 6px;
        height: 34px;
        margin-right: 11px;
        border-radius: 999px;
        background: linear-gradient(180deg, var(--wnhr-coral), var(--wnhr-orange));
    }

    .wnhr-featured {
        display: flex;
        min-height: 0;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .09);
        border-radius: 22px;
        background: #fbfbfd;
        box-shadow: 0 16px 36px rgba(19, 31, 60, .07);
    }

    .wnhr-featured-item {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 62px;
        gap: 10px;
        align-items: center;
        padding: 10px 11px;
        border-bottom: 1px solid rgba(21, 33, 63, .11);
        transition: background .22s ease;
    }

    .wnhr-featured-item:hover {
        background: rgba(255, 255, 255, .34);
    }

    .wnhr-featured-item:last-child {
        border-bottom: 0;
    }

    .wnhr-featured-copy {
        min-width: 0;
    }

    .wnhr-featured-copy h3 {
        display: -webkit-box;
        overflow: hidden;
        margin: 5px 0 6px;
        color: var(--wnhr-ink);
        font-size: 11.8px;
        font-weight: 850;
        line-height: 1.3;
        letter-spacing: -.012em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-featured-copy small {
        color: var(--wnhr-muted);
        font-size: 8.4px;
        font-weight: 700;
    }

    .wnhr-featured-media {
        overflow: hidden;
        width: 62px;
        aspect-ratio: 1 / 1;
        border-radius: 12px;
        background: var(--wnhr-blue-soft);
    }


    /* wn-home-popular-sidebar-v1 */
    .wnps-sidebar {
        display: grid;
        gap: 14px;
        min-width: 0;
        align-self: start;
    }

    .wnps-popular-card,
    .wnps-newsletter-card {
        overflow: hidden;
        border: 1px solid rgba(17, 36, 77, .09);
        border-radius: 22px;
        background: #fffdfa;
        box-shadow: 0 14px 34px rgba(17, 36, 77, .07);
    }

    .wnps-popular-card {
        padding: 15px 14px 12px;
    }

    .wnps-popular-head,
    .wnps-newsletter-head {
        display: flex;
        gap: 11px;
        align-items: flex-start;
    }

    .wnps-icon {
        display: grid;
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        place-items: center;
        border-radius: 11px;
        color: #ffffff;
        background: linear-gradient(145deg, #ff7a19, #ff5d0a);
        box-shadow: 0 8px 18px rgba(255, 101, 15, .22);
    }

    .wnps-icon svg {
        width: 19px;
        height: 19px;
        stroke: currentColor;
    }

    .wnps-popular-head-copy,
    .wnps-newsletter-head-copy {
        min-width: 0;
        padding-top: 1px;
    }

    .wnps-popular-head h2,
    .wnps-newsletter-head h3 {
        margin: 0;
        color: #11244d;
        font-weight: 900;
        letter-spacing: -.035em;
    }

    .wnps-popular-head h2 {
        font-size: 17px;
        line-height: 1.05;
    }

    .wnps-newsletter-head h3 {
        font-size: 17px;
        line-height: 1.08;
    }

    .wnps-popular-head p,
    .wnps-newsletter-head p {
        margin: 4px 0 0;
        color: #747d92;
        font-size: 9px;
        font-weight: 650;
        line-height: 1.4;
    }

    .wnps-popular-list {
        margin-top: 10px;
    }

    .wnps-popular-item {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr) 62px;
        gap: 9px;
        align-items: center;
        padding: 10px 0;
        border-bottom: 1px solid rgba(17, 36, 77, .09);
        text-decoration: none;
    }

    .wnps-popular-item:last-child {
        border-bottom: 0;
    }

    .wnps-popular-rank {
        align-self: start;
        padding-top: 15px;
        color: #f47a1f;
        font-size: 22px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: -.055em;
    }

    .wnps-popular-copy {
        min-width: 0;
    }

    .wnps-popular-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 5px 7px;
        align-items: center;
        margin-bottom: 5px;
    }

    .wnps-popular-category {
        display: inline-flex;
        min-height: 18px;
        align-items: center;
        padding: 3px 7px;
        border-radius: 999px;
        color: #eb6d16;
        background: #fff0e4;
        font-size: 7px;
        font-weight: 900;
        letter-spacing: .025em;
        line-height: 1;
        text-transform: uppercase;
    }

    .wnps-popular-views {
        color: #81899a;
        font-size: 7.5px;
        font-weight: 750;
        white-space: nowrap;
    }

    .wnps-popular-views::before {
        content: "•";
        margin-right: 6px;
        color: #bbc0cb;
    }

    .wnps-popular-copy h3 {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        color: #17203a;
        font-size: 10.5px;
        font-weight: 790;
        line-height: 1.34;
        letter-spacing: -.012em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .wnps-popular-media {
        overflow: hidden;
        width: 62px;
        aspect-ratio: 1 / 1;
        border-radius: 11px;
        background: #edf2fb;
    }

    .wnps-popular-media img,
    .wnps-popular-media picture {
        display: block;
        width: 100%;
        height: 100%;
    }

    .wnps-popular-media img {
        object-fit: cover;
    }

    .wnps-popular-media .wnhr-image-placeholder {
        width: 100%;
        height: 100%;
        font-size: 7px;
    }

    .wnps-popular-foot {
        display: flex;
        min-height: 34px;
        margin-top: 8px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(17, 36, 77, .38);
        border-radius: 9px;
        color: #26334e;
        background: #ffffff;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .035em;
        text-transform: uppercase;
    }

    .wnps-newsletter-card {
        position: relative;
        padding: 16px 15px 17px;
        isolation: isolate;
    }

    .wnps-newsletter-card::after {
        position: absolute;
        z-index: -1;
        right: -24px;
        bottom: -30px;
        width: 126px;
        height: 126px;
        border: 2px solid rgba(17, 36, 77, .045);
        border-radius: 38px;
        content: "";
        transform: rotate(-18deg);
    }

    .wnps-newsletter-body {
        margin-top: 12px;
        padding-left: 49px;
    }

    .wnps-newsletter-body p {
        margin: 0;
        color: #697387;
        font-size: 9px;
        font-weight: 650;
        line-height: 1.5;
    }

    .wnps-newsletter-cta {
        display: inline-flex;
        min-height: 34px;
        margin-top: 11px;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        border-radius: 9px;
        color: #ffffff;
        background: linear-gradient(145deg, #ff7a19, #ff5d0a);
        box-shadow: 0 8px 18px rgba(255, 101, 15, .18);
        font-size: 7.5px;
        font-weight: 900;
        letter-spacing: .025em;
        text-transform: uppercase;
    }

    .wnps-newsletter-cta svg {
        width: 13px;
        height: 13px;
        stroke: currentColor;
    }

    @media (max-width: 980px) {
        .wnps-sidebar {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 16px;
        }
    }

    @media (max-width: 680px) {
        .wnps-sidebar {
            grid-template-columns: 1fr;
            gap: 12px;
        }

        .wnps-popular-card,
        .wnps-newsletter-card {
            border-radius: 18px;
        }

        .wnps-popular-item {
            grid-template-columns: 30px minmax(0, 1fr) 68px;
        }

        .wnps-popular-media {
            width: 68px;
        }

        .wnps-popular-copy h3 {
            font-size: 11px;
        }
    }


    /* wn-home-sidebar-topik-v2 */
    .wnps-topics-card {
        overflow: hidden;
        padding: 13px 14px 14px;
        border: 1px solid rgba(17, 36, 77, .09);
        border-radius: 20px;
        background: #fffdfa;
        box-shadow: 0 12px 28px rgba(17, 36, 77, .06);
    }

    .wnps-topics-head {
        display: flex;
        gap: 9px;
        align-items: center;
        margin-bottom: 10px;
    }

    .wnps-topics-hash {
        display: grid;
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 9px;
        color: #ffffff;
        background: linear-gradient(145deg, #ff7a19, #ff5d0a);
        box-shadow: 0 7px 15px rgba(255, 101, 15, .18);
        font-size: 17px;
        font-weight: 950;
        line-height: 1;
    }

    .wnps-topics-head h3 {
        margin: 0;
        color: #11244d;
        font-size: 14px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: -.025em;
    }

    .wnps-topics-chips {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .wnps-topic-chip {
        display: inline-flex;
        min-height: 25px;
        align-items: center;
        padding: 5px 9px;
        border: 1px solid rgba(17, 36, 77, .09);
        border-radius: 999px;
        color: #31405f;
        background: #f6f7fa;
        font-size: 7.5px;
        font-weight: 850;
        letter-spacing: .025em;
        line-height: 1;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .wnps-topic-chip--accent {
        border-color: rgba(244, 122, 31, .18);
        color: #ea6d14;
        background: #fff1e6;
    }

    @media (max-width: 980px) {
        .wnps-topics-card {
            grid-column: 1 / -1;
        }
    }

    @media (max-width: 680px) {
        .wnps-topics-card {
            border-radius: 18px;
        }

        .wnps-topic-chip {
            font-size: 7.2px;
        }
    }

    /* wn-home-sidebar-v2-1-1 */
    .wnps-topic-chip {
        text-decoration: none;
        transition:
            transform .16s ease,
            border-color .16s ease,
            background .16s ease,
            color .16s ease,
            box-shadow .16s ease;
    }

    .wnps-topic-chip:hover,
    .wnps-topic-chip:focus-visible {
        border-color: rgba(244, 122, 31, .32);
        color: #e8660c;
        background: #fff7f0;
        box-shadow: 0 5px 13px rgba(244, 122, 31, .10);
        transform: translateY(-1px);
        outline: none;
    }

    /* Section 10 Berita Terbaru — daftar vertikal premium + sidebar sticky. */
    .wnhr-stream {
        margin-top: 30px;
    }

    .wnhr-stream-heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 24px;
        padding: 0 5px 14px;
    }

    .wnhr-stream-heading h2 {
        margin: 5px 0 0;
        color: var(--wnhr-navy);
        font-size: clamp(25px, 3vw, 34px);
        font-weight: 900;
        line-height: 1.02;
        letter-spacing: -.04em;
    }

    .wnhr-stream-heading p {
        max-width: 390px;
        margin: 0;
        color: var(--wnhr-muted);
        font-size: 11px;
        font-weight: 600;
        line-height: 1.55;
        text-align: right;
    }

    .wnhr-stream-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.56fr) minmax(300px, .72fr);
        gap: 18px;
        align-items: start;
    }

    .wnhr-stream-main {
        min-width: 0;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .09);
        border-radius: 26px;
        background: #fff;
        box-shadow: var(--wnhr-shadow);
    }

    .wnhr-stream-list-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 17px 20px 15px;
        border-bottom: 1px solid rgba(21, 33, 63, .08);
        background: linear-gradient(180deg, #fff, #fbfbfd);
    }

    .wnhr-stream-list-heading strong {
        color: var(--wnhr-navy);
        font-size: 18px;
        font-weight: 900;
        letter-spacing: -.025em;
    }

    .wnhr-stream-count {
        display: inline-flex;
        min-height: 28px;
        align-items: center;
        padding: 5px 10px;
        border-radius: 999px;
        background: #fff1ec;
        color: var(--wnhr-coral);
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .wnhr-stream-list {
        padding: 0 18px 4px;
    }

    .wnhr-stream-item {
        position: relative;
        display: grid;
        min-width: 0;
        grid-template-columns: 206px minmax(0, 1fr);
        gap: 18px;
        align-items: center;
        padding: 16px 0;
        border-bottom: 1px solid rgba(21, 33, 63, .10);
        transition: background .22s ease, transform .22s ease;
    }

    .wnhr-stream-item--latest {
        grid-template-columns: 206px 32px minmax(0, 1fr);
        gap: 14px;
    }

    .wnhr-stream-vertical-category {
        position: relative;
        display: flex;
        min-height: 108px;
        align-items: center;
        justify-content: center;
        padding-left: 8px;
        color: var(--wnhr-coral);
        font-size: 12px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: .06em;
        text-transform: uppercase;
        writing-mode: vertical-rl;
    }

    .wnhr-stream-vertical-category::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 3px;
        border-radius: 999px;
        background: linear-gradient(
            180deg,
            var(--wnhr-coral),
            var(--wnhr-orange)
        );
    }

    .wnhr-stream-item:last-child {
        border-bottom: 0;
    }

    .wnhr-stream-item::before {
        content: "";
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: -18px;
        width: 3px;
        border-radius: 999px;
        background: linear-gradient(180deg, var(--wnhr-coral), var(--wnhr-orange));
        opacity: 0;
        transform: scaleY(.45);
        transition: opacity .22s ease, transform .22s ease;
    }

    .wnhr-stream-item:hover {
        transform: translateX(3px);
        background: linear-gradient(90deg, rgba(242, 82, 71, .035), transparent 62%);
    }

    .wnhr-stream-item:hover::before {
        opacity: 1;
        transform: scaleY(1);
    }

    .wnhr-stream-item-media {
        position: relative;
        overflow: hidden;
        height: 126px;
        border-radius: 16px;
        background: var(--wnhr-blue-soft);
        box-shadow: 0 10px 24px rgba(19, 31, 60, .08);
    }

    .wnhr-stream-item-media img,
    .wnhr-stream-side-media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .35s ease;
    }

    .wnhr-stream-item:hover .wnhr-stream-item-media img,
    .wnhr-stream-side-item:hover .wnhr-stream-side-media img {
        transform: scale(1.04);
    }

    .wnhr-stream-order {
        position: absolute;
        top: 10px;
        left: 10px;
        display: inline-flex;
        min-width: 30px;
        min-height: 24px;
        align-items: center;
        justify-content: center;
        padding: 4px 8px;
        border: 1px solid rgba(255, 255, 255, .45);
        border-radius: 999px;
        background: rgba(13, 23, 48, .82);
        color: #fff;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .08em;
        backdrop-filter: blur(8px);
    }

    .wnhr-stream-item-copy {
        min-width: 0;
        padding-right: 5px;
    }

    .wnhr-stream-item-copy h3 {
        display: -webkit-box;
        overflow: hidden;
        margin: 7px 0 8px;
        color: var(--wnhr-ink);
        font-size: clamp(17px, 1.8vw, 21px);
        font-weight: 900;
        line-height: 1.18;
        letter-spacing: -.025em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-stream-item-copy p {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        color: var(--wnhr-muted);
        font-size: 11.5px;
        line-height: 1.5;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-stream-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 6px 11px;
        margin-top: 10px;
        color: var(--wnhr-muted);
        font-size: 8.5px;
        font-weight: 700;
    }

    .wnhr-stream-sidebar {
        position: sticky;
        top: 88px;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .09);
        border-radius: 24px;
        background: #fbfbfd;
        box-shadow: 0 16px 36px rgba(19, 31, 60, .08);
    }

    .wnhr-stream-sidebar-heading {
        padding: 16px 16px 15px;
        color: #fff;
        background:
            radial-gradient(circle at top right, rgba(255, 145, 77, .16), transparent 38%),
            linear-gradient(145deg, var(--wnhr-navy-deep), var(--wnhr-navy) 64%, #263f78);
    }

    .wnhr-stream-sidebar-heading .wnhr-kicker {
        color: #ffb182;
    }

    .wnhr-stream-sidebar-heading h3 {
        margin: 5px 0 0;
        font-size: 20px;
        font-weight: 900;
        line-height: 1.05;
        letter-spacing: -.03em;
    }

    .wnhr-stream-side-list {
        padding: 2px 13px 5px;
    }

    .wnhr-stream-side-item {
        display: grid;
        grid-template-columns: 31px minmax(0, 1fr) 62px;
        gap: 9px;
        align-items: center;
        padding: 11px 0;
        border-bottom: 1px solid rgba(21, 33, 63, .10);
    }

    .wnhr-stream-side-item:last-child {
        border-bottom: 0;
    }

    .wnhr-stream-side-rank {
        color: rgba(21, 33, 63, .24);
        font-size: 19px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: -.04em;
    }

    .wnhr-stream-side-copy {
        min-width: 0;
    }

    .wnhr-stream-side-copy h4 {
        display: -webkit-box;
        overflow: hidden;
        margin: 5px 0 6px;
        color: var(--wnhr-ink);
        font-size: 11.5px;
        font-weight: 850;
        line-height: 1.3;
        letter-spacing: -.012em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-stream-side-copy small {
        color: var(--wnhr-muted);
        font-size: 8.1px;
        font-weight: 700;
    }

    .wnhr-stream-side-media {
        overflow: hidden;
        width: 62px;
        aspect-ratio: 1 / 1;
        border-radius: 12px;
        background: var(--wnhr-blue-soft);
    }


    .wnhr-empty {
        padding: 42px 24px;
        border: 1px solid rgba(52, 79, 154, .12);
        border-radius: 28px;
        background: linear-gradient(145deg, #d9e5fb, #eef3ff);
        color: var(--wnhr-navy);
        text-align: center;
        box-shadow: var(--wnhr-shadow);
    }

    .wnhr-empty h1 {
        margin: 0 0 8px;
        font-size: 28px;
    }

    .wnhr-empty p {
        margin: 0;
        color: rgba(21, 33, 63, .72);
    }

    @media (max-width: 980px) {
        .wnhr-board,
        .wnhr-stream-layout {
            grid-template-columns: 1fr;
        }

        .wnhr-stream-sidebar {
            position: static;
        }

        .wnhr-left::after {
            display: none;
        }

        .wnhr-right {
            max-width: none;
        }

        .wnhr-featured {
            border-radius: 20px;
        }
    }

    @media (max-width: 860px) {
        .wnhr-latest-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .wnhr-stream-item {
            grid-template-columns: 180px minmax(0, 1fr);
            gap: 15px;
        }

        .wnhr-stream-item--latest {
            grid-template-columns: 180px 30px minmax(0, 1fr);
            gap: 12px;
        }

        .wnhr-stream-item-media {
            height: 118px;
        }
    }

    @media (max-width: 680px) {
        .wnhr-home {
            padding: 14px 10px 36px;
        }

        .wnhr-breaking {
            grid-template-columns: 118px minmax(0, 1fr);
            min-height: 0;
            border-radius: 15px;
        }

        .wnhr-breaking-label {
            min-width: 0;
            min-height: 56px;
            padding: 0 11px;
            font-size: 7px;
        }

        .wnhr-breaking-label::after {
            display: block;
        }

        .wnhr-breaking-viewport {
            min-height: 54px;
            gap: 7px;
            padding: 7px 8px 7px 19px;
        }

        .wnhr-breaking-story {
            grid-template-columns: minmax(0, 1fr);
            gap: 3px;
        }

        .wnhr-breaking-title {
            display: -webkit-box;
            overflow: hidden;
            font-size: 9px;
            line-height: 1.35;
            white-space: normal;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        .wnhr-breaking-meta {
            font-size: 7px;
        }

        .wnhr-breaking-controls {
            gap: 3px;
        }

        .wnhr-breaking-control {
            width: 24px;
            height: 24px;
            border-radius: 7px;
            font-size: 12px;
        }

        .wnhr-stream {
            margin-top: 24px;
        }

        .wnhr-stream-heading {
            display: block;
            padding-bottom: 11px;
        }

        .wnhr-stream-heading p {
            max-width: none;
            margin-top: 8px;
            text-align: left;
        }

        .wnhr-stream-main {
            border-radius: 22px;
        }

        .wnhr-stream-list-heading {
            padding: 15px 14px 13px;
        }

        .wnhr-stream-list {
            padding: 0 12px 3px;
        }

        .wnhr-stream-item {
            grid-template-columns: 118px minmax(0, 1fr);
            gap: 12px;
            padding: 13px 0;
        }

        .wnhr-stream-item--latest {
            grid-template-columns: 118px 28px minmax(0, 1fr);
            gap: 9px;
        }

        .wnhr-stream-vertical-category {
            min-height: 82px;
            padding-left: 6px;
            font-size: 10px;
            letter-spacing: .06em;
        }

        .wnhr-stream-item-media {
            height: 92px;
            border-radius: 13px;
        }

        .wnhr-stream-item-copy h3 {
            margin-top: 5px;
            font-size: 14px;
            -webkit-line-clamp: 3;
        }

        .wnhr-stream-item-copy p {
            display: none;
        }

        .wnhr-stream-meta {
            margin-top: 6px;
            font-size: 7.8px;
        }

        .wnhr-left {
            padding: 10px;
            border-radius: 22px;
        }

        .wnhr-lead {
            border-width: 5px;
            border-radius: 18px;
        }

        .wnhr-lead-media {
            height: auto;
            aspect-ratio: 4 / 3;
        }

        .wnhr-lead-copy {
            padding: 14px 14px 15px;
        }

        .wnhr-lead h1 {
            font-size: clamp(22px, 7vw, 30px);
        }

        .wnhr-lead-excerpt {
            display: none;
        }

        .wnhr-meta {
            font-size: 8px;
        }

        .wnhr-latest {
            padding: 11px;
        }

        .wnhr-latest-grid {
            grid-template-columns: 1fr;
        }

        .wnhr-latest-body {
            min-height: 92px;
        }

        .wnhr-featured-item {
            grid-template-columns: minmax(0, 1fr) 66px;
            padding: 10px;
        }

        .wnhr-featured-media {
            width: 66px;
        }
    }

    /* Live Report aktif di Home. */
    .wnhr-live-now {
        position: relative;
        display: grid;
        grid-template-columns: minmax(210px, .72fr) minmax(0, 1.45fr);
        min-height: 210px;
        margin: 16px 0 18px;
        overflow: hidden;
        border: 1px solid rgba(37, 54, 103, .18);
        border-radius: 26px;
        color: #ffffff;
        background:
            radial-gradient(circle at 88% 8%, rgba(255, 103, 94, .28), transparent 31%),
            linear-gradient(135deg, #0d1730 0%, #172856 58%, #29458b 100%);
        box-shadow: 0 22px 48px rgba(17, 31, 72, .18);
        isolation: isolate;
    }

    .wnhr-live-now-media {
        position: relative;
        min-height: 210px;
        overflow: hidden;
        background: linear-gradient(145deg, #263e7b, #ff675e);
    }

    .wnhr-live-now-media::after {
        position: absolute;
        inset: 0;
        content: '';
        background: linear-gradient(90deg, rgba(9, 18, 43, .08), rgba(13, 23, 48, .84));
    }

    .wnhr-live-now-media img {
        width: 100%;
        height: 100%;
        min-height: 210px;
        object-fit: cover;
    }

    .wnhr-live-now-copy {
        position: relative;
        z-index: 2;
        display: flex;
        min-width: 0;
        flex-direction: column;
        justify-content: center;
        padding: 25px 28px;
    }

    .wnhr-live-now-status {
        display: inline-flex;
        width: fit-content;
        align-items: center;
        gap: 8px;
        margin-bottom: 12px;
        padding: 7px 11px;
        border: 1px solid rgba(120, 255, 190, .28);
        border-radius: 999px;
        color: #dffff0;
        background: rgba(25, 187, 112, .17);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .wnhr-live-now-status::before {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: #3ee39a;
        box-shadow: 0 0 0 5px rgba(62, 227, 154, .14);
        content: '';
        animation: wn-live-pulse 1.8s ease-in-out infinite;
    }

    .wnhr-live-now h2 {
        max-width: 760px;
        margin: 0;
        color: #ffffff;
        font-size: clamp(25px, 3.15vw, 43px);
        line-height: 1.02;
        letter-spacing: -.045em;
    }

    .wnhr-live-now-summary {
        max-width: 720px;
        margin: 12px 0 0;
        color: rgba(255, 255, 255, .78);
        font-size: 12px;
        line-height: 1.65;
    }

    .wnhr-live-now-footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 9px 15px;
        margin-top: 18px;
    }

    .wnhr-live-now-meta {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 7px 13px;
        color: rgba(255, 255, 255, .68);
        font-size: 9px;
        font-weight: 700;
    }

    .wnhr-live-now-button {
        display: inline-flex;
        min-height: 39px;
        margin-left: auto;
        padding: 9px 15px;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        color: #142143;
        background: #ffffff;
        font-size: 10px;
        font-weight: 900;
        transition: transform .2s ease, background .2s ease;
    }

    .wnhr-live-now:hover .wnhr-live-now-button {
        transform: translateX(3px);
        background: #fff1eb;
    }

    @media (max-width: 760px) {
        .wnhr-live-now {
            grid-template-columns: 1fr;
            border-radius: 20px;
        }

        .wnhr-live-now-media,
        .wnhr-live-now-media img {
            min-height: 150px;
            height: 150px;
        }

        .wnhr-live-now-media::after {
            background: linear-gradient(180deg, transparent 42%, #101d40 100%);
        }

        .wnhr-live-now-copy {
            margin-top: -22px;
            padding: 18px 17px 20px;
        }

        .wnhr-live-now h2 {
            font-size: clamp(24px, 8vw, 34px);
        }

        .wnhr-live-now-button {
            width: 100%;
            margin: 4px 0 0;
        }
    }
    @media (max-width: 430px) {
        .wnhr-stream-item {
            grid-template-columns: 1fr;
        }

        .wnhr-stream-item--latest {
            grid-template-columns: 1fr;
            gap: 9px;
        }

        .wnhr-stream-vertical-category {
            min-height: 0;
            justify-content: flex-start;
            padding: 0 0 0 10px;
            line-height: 18px;
            writing-mode: horizontal-tb;
        }

        .wnhr-stream-vertical-category::before {
            top: 0;
            bottom: 0;
        }

        .wnhr-stream-item-media {
            height: auto;
            aspect-ratio: 16 / 9;
        }

        .wnhr-stream-item-copy {
            padding: 0 2px 2px;
        }

        .wnhr-stream-side-item {
            grid-template-columns: 28px minmax(0, 1fr) 56px;
        }

        .wnhr-stream-side-media {
            width: 56px;
        }
    }


    /* Section Politik — komposisi editorial premium berdasarkan referensi. */
    .wnhr-politics {
        margin-top: 30px;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .08);
        border-radius: 28px;
        background:
            radial-gradient(circle at top right, rgba(255, 145, 77, .12), transparent 30%),
            linear-gradient(145deg, #fff4ed 0%, #fbfbfd 48%, #eef3ff 100%);
        box-shadow: var(--wnhr-shadow);
    }

    .wnhr-politics-tab {
        display: inline-flex;
        min-width: 220px;
        min-height: 58px;
        align-items: center;
        padding: 14px 48px 13px 24px;
        clip-path: polygon(0 0, 76% 0, 100% 100%, 0 100%);
        background: linear-gradient(135deg, var(--wnhr-coral), var(--wnhr-orange));
        color: #fff;
        font-size: 25px;
        font-weight: 900;
        letter-spacing: -.035em;
    }

    .wnhr-politics-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(310px, .95fr);
        gap: 14px;
        padding: 12px;
    }

    .wnhr-politics-lead {
        display: flex;
        min-width: 0;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .08);
        border-radius: 20px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(19, 31, 60, .07);
    }

    .wnhr-politics-lead-media {
        overflow: hidden;
        aspect-ratio: 16 / 8.7;
        background: var(--wnhr-blue-soft);
    }

    .wnhr-politics-lead-media img,
    .wnhr-politics-side-media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .35s ease;
    }

    .wnhr-politics-lead:hover .wnhr-politics-lead-media img,
    .wnhr-politics-side-item:hover .wnhr-politics-side-media img {
        transform: scale(1.035);
    }

    .wnhr-politics-lead-copy {
        display: flex;
        min-height: 182px;
        flex: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 18px 24px 20px;
        text-align: center;
    }

    .wnhr-politics-lead-copy h3 {
        display: -webkit-box;
        overflow: hidden;
        max-width: 610px;
        margin: 8px 0 9px;
        color: var(--wnhr-navy);
        font-size: clamp(21px, 2.4vw, 29px);
        font-weight: 900;
        line-height: 1.12;
        letter-spacing: -.035em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-politics-lead-copy p {
        display: -webkit-box;
        overflow: hidden;
        max-width: 620px;
        margin: 0;
        color: var(--wnhr-muted);
        font-size: 11.5px;
        line-height: 1.55;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-politics-side {
        overflow: hidden;
        border: 1px solid rgba(242, 82, 71, .10);
        border-radius: 20px;
        background: rgba(255, 251, 248, .86);
    }

    .wnhr-politics-side-item {
        display: grid;
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 11px;
        align-items: center;
        min-height: 116px;
        padding: 12px;
        border-bottom: 1px solid rgba(21, 33, 63, .11);
        transition: background .22s ease;
    }

    .wnhr-politics-side-item.is-reverse {
        grid-template-columns: minmax(0, 1fr) 78px;
    }

    .wnhr-politics-side-item.is-reverse .wnhr-politics-side-media {
        order: 2;
    }

    .wnhr-politics-side-item:last-child {
        border-bottom: 0;
    }

    .wnhr-politics-side-item:hover {
        background: rgba(255, 255, 255, .62);
    }

    .wnhr-politics-side-media {
        overflow: hidden;
        width: 78px;
        aspect-ratio: 1 / 1;
        border-radius: 13px;
        background: var(--wnhr-blue-soft);
    }

    .wnhr-politics-side-copy {
        min-width: 0;
    }

    .wnhr-politics-side-copy h4 {
        display: -webkit-box;
        overflow: hidden;
        margin: 6px 0 7px;
        color: var(--wnhr-ink);
        font-size: 12.2px;
        font-weight: 850;
        line-height: 1.3;
        letter-spacing: -.014em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-politics-side-copy small {
        color: var(--wnhr-muted);
        font-size: 8.3px;
        font-weight: 700;
    }

    /* Section Hukrim — lima berita vertikal seperti daftar berita terbaru. */
    .wnhr-hukrim {
        margin-top: 30px;
    }

    .wnhr-channel-heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 22px;
        padding: 0 5px 14px;
    }

    .wnhr-channel-heading h2 {
        margin: 5px 0 0;
        color: var(--wnhr-navy);
        font-size: clamp(25px, 3vw, 34px);
        font-weight: 900;
        line-height: 1.02;
        letter-spacing: -.04em;
    }

    .wnhr-channel-link {
        display: inline-flex;
        min-height: 34px;
        align-items: center;
        padding: 7px 13px;
        border: 1px solid rgba(242, 82, 71, .16);
        border-radius: 999px;
        background: #fff4ef;
        color: var(--wnhr-coral);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .wnhr-hukrim-list {
        border-top: 4px solid var(--wnhr-navy);
    }

    .wnhr-hukrim-list .wnhr-stream-list-heading {
        background:
            radial-gradient(circle at top right, rgba(255, 145, 77, .10), transparent 34%),
            linear-gradient(180deg, #fff, #fbfbfd);
    }

    .wnhr-hukrim-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.56fr) minmax(300px, .72fr);
        gap: 18px;
        align-items: start;
    }

    .wnhr-hukrim-layout.is-single {
        grid-template-columns: minmax(0, 1fr);
    }

    /* Section Sport — panel editorial gelap dengan tab notched. */
    .wnhr-sport {
        position: relative;
        margin-top: 34px;
        padding: 66px 14px 14px;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .10);
        border-radius: 28px;
        background:
            radial-gradient(circle at 12% 18%, rgba(53, 81, 154, .22), transparent 34%),
            linear-gradient(145deg, #0c172f 0%, #101f3d 58%, #162b51 100%);
        box-shadow: 0 24px 58px rgba(13, 23, 48, .18);
    }

    .wnhr-sport::before {
        content: "";
        position: absolute;
        top: 57px;
        right: 20px;
        left: 20px;
        height: 1px;
        background: rgba(255, 255, 255, .18);
    }

    .wnhr-sport-tab {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-flex;
        min-width: 330px;
        min-height: 58px;
        align-items: center;
        justify-content: flex-end;
        padding: 13px 25px 12px 72px;
        clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
        background: linear-gradient(135deg, var(--wnhr-coral), var(--wnhr-orange));
        color: #fff;
        font-size: 27px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: -.035em;
    }

    .wnhr-sport-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.62fr) minmax(280px, .78fr);
        gap: 14px;
        align-items: stretch;
    }

    .wnhr-sport-left {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 12px;
    }

    .wnhr-sport-primary {
        display: grid;
        min-height: 318px;
        grid-template-columns: minmax(0, .98fr) minmax(0, 1fr);
        gap: 0;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 19px;
        background: linear-gradient(145deg, #ffd1ca, #ffe1da);
    }

    .wnhr-sport-primary-media {
        overflow: hidden;
        min-height: 318px;
        background: var(--wnhr-blue-soft);
    }

    .wnhr-sport-primary-media img,
    .wnhr-sport-feature-media img,
    .wnhr-sport-mini-media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .35s ease;
    }

    .wnhr-sport-primary:hover .wnhr-sport-primary-media img,
    .wnhr-sport-feature:hover .wnhr-sport-feature-media img,
    .wnhr-sport-mini:hover .wnhr-sport-mini-media img {
        transform: scale(1.035);
    }

    .wnhr-sport-primary-copy {
        display: flex;
        min-width: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 24px 24px 22px;
        text-align: center;
    }

    .wnhr-sport-primary-copy h3 {
        display: -webkit-box;
        overflow: hidden;
        margin: 9px 0 10px;
        color: var(--wnhr-navy-deep);
        font-size: clamp(21px, 2.4vw, 29px);
        font-weight: 900;
        line-height: 1.08;
        letter-spacing: -.035em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .wnhr-sport-primary-copy p {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        color: rgba(21, 33, 63, .68);
        font-size: 11px;
        line-height: 1.5;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .wnhr-sport-primary-copy .wnhr-stream-meta {
        justify-content: center;
        color: rgba(21, 33, 63, .64);
    }

    .wnhr-sport-minis {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .wnhr-sport-mini {
        display: grid;
        min-width: 0;
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 9px;
        align-items: center;
        padding: 10px;
        border: 1px solid rgba(255, 255, 255, .12);
        border-radius: 14px;
        background: rgba(255, 255, 255, .055);
        transition: background .22s ease, transform .22s ease;
    }

    .wnhr-sport-mini:hover {
        transform: translateY(-2px);
        background: rgba(255, 255, 255, .09);
    }

    .wnhr-sport-mini-media {
        overflow: hidden;
        width: 68px;
        aspect-ratio: 1 / 1;
        border-radius: 11px;
        background: rgba(255, 255, 255, .08);
    }

    .wnhr-sport-mini h4 {
        display: -webkit-box;
        overflow: hidden;
        margin: 5px 0 0;
        color: #fff;
        font-size: 11px;
        font-weight: 850;
        line-height: 1.28;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .wnhr-sport-feature {
        position: relative;
        min-height: 418px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 19px;
        background: var(--wnhr-navy-deep);
    }

    .wnhr-sport-feature-media {
        position: absolute;
        inset: 0;
    }

    .wnhr-sport-feature::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(13, 23, 48, .03) 25%, rgba(13, 23, 48, .92) 88%);
        pointer-events: none;
    }

    .wnhr-sport-feature-copy {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        padding: 24px 20px 21px;
        color: #fff;
    }

    .wnhr-sport-feature-copy h3 {
        display: -webkit-box;
        overflow: hidden;
        margin: 8px 0 8px;
        color: #fff;
        font-size: clamp(21px, 2.3vw, 28px);
        font-weight: 900;
        line-height: 1.08;
        letter-spacing: -.035em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .wnhr-sport-feature-copy p {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        color: rgba(255, 255, 255, .72);
        font-size: 10px;
        line-height: 1.45;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    /* Section Teknologi — lima berita vertikal dengan sidebar sticky. */
    .wnhr-technology {
        margin-top: 30px;
    }

    .wnhr-technology-layout {
        display: grid;
        grid-template-columns: minmax(0, 1.56fr) minmax(300px, .72fr);
        gap: 18px;
        align-items: start;
    }

    .wnhr-technology-list {
        border-top: 4px solid var(--wnhr-indigo);
    }

    .wnhr-technology-list .wnhr-stream-list-heading {
        background:
            radial-gradient(circle at top right, rgba(53, 81, 154, .12), transparent 35%),
            linear-gradient(180deg, #fff, #f5f8ff);
    }

    .wnhr-technology-layout.is-single {
        grid-template-columns: 1fr;
    }

    .wnhr-opinion-sidebar {
        position: sticky;
        top: 92px;
        display: grid;
        gap: 12px;
        min-width: 0;
    }

    .wnhr-opinion-heading {
        position: relative;
        overflow: hidden;
        padding: 18px 17px 17px;
        border-radius: 20px;
        background:
            radial-gradient(
                circle at 100% 0,
                rgba(255, 145, 77, .35),
                transparent 31%
            ),
            linear-gradient(
                145deg,
                var(--wnhr-navy-deep),
                var(--wnhr-indigo)
            );
        color: #ffffff;
        box-shadow:
            0 16px 34px rgba(13, 23, 48, .17);
    }

    .wnhr-opinion-heading::after {
        content: "“";
        position: absolute;
        top: -24px;
        right: 13px;
        color: rgba(255, 255, 255, .08);
        font-family: Georgia, serif;
        font-size: 110px;
        line-height: 1;
        pointer-events: none;
    }

    .wnhr-opinion-kicker {
        position: relative;
        z-index: 1;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #ffc08a;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .11em;
        text-transform: uppercase;
    }

    .wnhr-opinion-kicker::before {
        content: "";
        width: 20px;
        height: 2px;
        border-radius: 999px;
        background: var(--wnhr-coral);
    }

    .wnhr-opinion-heading h3 {
        position: relative;
        z-index: 1;
        margin: 7px 0 0;
        color: #ffffff;
        font-size: 22px;
        font-weight: 900;
        line-height: 1.08;
        letter-spacing: -.035em;
    }

    .wnhr-opinion-list {
        display: grid;
        gap: 12px;
    }

    .wnhr-opinion-card {
        position: relative;
        display: block;
        min-width: 0;
        overflow: visible;
        border: 1px solid rgba(21, 33, 63, .09);
        border-radius: 20px;
        background:
            linear-gradient(
                145deg,
                #f7f8fb,
                #edf0f5
            );
        box-shadow:
            0 15px 32px rgba(19, 31, 60, .09);
        transition:
            transform .22s ease,
            box-shadow .22s ease;
    }

    .wnhr-opinion-card::after {
        content: "";
        position: absolute;
        right: -2px;
        bottom: -2px;
        z-index: 1;
        width: 50px;
        height: 50px;
        border-radius: 27px 0 20px 0;
        background: #ffffff;
        pointer-events: none;
    }

    .wnhr-opinion-card:hover {
        transform: translateY(-3px);
        box-shadow:
            0 20px 40px rgba(19, 31, 60, .14);
    }

    .wnhr-opinion-media {
        position: relative;
        overflow: hidden;
        width: 100%;
        aspect-ratio: 16 / 7.6;
        border-radius: 19px 19px 0 0;
        background: var(--wnhr-blue-soft);
    }

    .wnhr-opinion-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(
                180deg,
                rgba(13, 23, 48, .02),
                rgba(13, 23, 48, .16)
            );
        pointer-events: none;
    }

    .wnhr-opinion-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .35s ease;
    }

    .wnhr-opinion-card:hover .wnhr-opinion-media img {
        transform: scale(1.035);
    }

    .wnhr-opinion-copy {
        min-height: 123px;
        padding: 14px 49px 15px 15px;
        border-radius: 0 0 19px 19px;
    }

    .wnhr-opinion-label {
        display: inline-flex;
        align-items: center;
        min-height: 18px;
        padding: 3px 8px;
        border-radius: 999px;
        background: rgba(242, 82, 71, .11);
        color: var(--wnhr-coral);
        font-size: 7px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .wnhr-opinion-copy h4 {
        display: -webkit-box;
        overflow: hidden;
        margin: 8px 0 6px;
        color: var(--wnhr-ink);
        font-size: 12px;
        font-weight: 850;
        line-height: 1.28;
        letter-spacing: -.018em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .wnhr-opinion-copy p {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        color: var(--wnhr-muted);
        font-size: 8.4px;
        line-height: 1.42;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-opinion-author {
        display: block;
        margin-top: 8px;
        color: var(--wnhr-navy);
        font-size: 7.5px;
        font-weight: 850;
    }

    .wnhr-opinion-arrow {
        position: absolute;
        right: 3px;
        bottom: 3px;
        z-index: 3;
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: var(--wnhr-navy-deep);
        color: #ffffff;
        font-size: 15px;
        font-weight: 900;
        box-shadow:
            0 9px 19px rgba(13, 23, 48, .18);
        transition:
            background .2s ease,
            transform .2s ease;
    }

    .wnhr-opinion-card:hover .wnhr-opinion-arrow {
        background: var(--wnhr-coral);
        transform: rotate(8deg);
    }

    /* Section Liputan Khusus — seluruh kartu diberi label kerja sama. */
    .wnhr-lipsus {
        margin-top: 34px;
        padding: 18px;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .08);
        border-radius: 28px;
        background:
            radial-gradient(circle at 88% 8%, rgba(255, 145, 77, .13), transparent 30%),
            radial-gradient(circle at 5% 92%, rgba(53, 81, 154, .11), transparent 32%),
            linear-gradient(145deg, #fbfbfd 0%, #f6f8fc 56%, #fff7f2 100%);
        box-shadow: var(--wnhr-shadow);
    }

    .wnhr-lipsus-heading {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 18px;
        margin-bottom: 13px;
    }

    .wnhr-lipsus-heading h2 {
        margin: 5px 0 0;
        color: var(--wnhr-navy);
        font-size: clamp(26px, 3vw, 36px);
        font-weight: 900;
        line-height: 1.02;
        letter-spacing: -.042em;
    }

    .wnhr-lipsus-heading-copy {
        min-width: 0;
    }

    .wnhr-lipsus-disclosure {
        display: flex;
        max-width: 410px;
        align-items: center;
        justify-content: flex-end;
        gap: 9px;
        color: var(--wnhr-muted);
        font-size: 9px;
        font-weight: 700;
        line-height: 1.4;
        text-align: right;
    }

    .wnhr-lipsus-partner {
        display: inline-flex;
        flex: 0 0 auto;
        min-height: 27px;
        align-items: center;
        padding: 5px 10px;
        border-radius: 999px;
        background: linear-gradient(135deg, var(--wnhr-coral), var(--wnhr-orange));
        color: #fff;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .09em;
        text-transform: uppercase;
        box-shadow: 0 8px 18px rgba(242, 82, 71, .18);
    }

    .wnhr-lipsus-hero {
        display: grid;
        min-height: 360px;
        grid-template-columns: minmax(330px, .72fr) minmax(0, 1fr);
        gap: 14px;
    }

    .wnhr-lipsus-hero-copy {
        display: flex;
        min-width: 0;
        flex-direction: column;
        justify-content: space-between;
        padding: 24px;
        border: 1px solid rgba(53, 81, 154, .11);
        border-radius: 21px;
        background:
            radial-gradient(circle at top right, rgba(255, 145, 77, .18), transparent 38%),
            linear-gradient(145deg, #edf2ff 0%, #f8f4fb 48%, #fff0e8 100%);
        box-shadow: 0 14px 30px rgba(19, 31, 60, .07);
    }

    .wnhr-lipsus-hero-copy h3 {
        display: -webkit-box;
        overflow: hidden;
        margin: 13px 0 11px;
        color: var(--wnhr-navy-deep);
        font-size: clamp(24px, 2.8vw, 35px);
        font-weight: 900;
        line-height: 1.05;
        letter-spacing: -.04em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .wnhr-lipsus-hero-copy p {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        color: rgba(21, 33, 63, .68);
        font-size: 11.5px;
        line-height: 1.52;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
    }

    .wnhr-lipsus-hero-copy .wnhr-stream-meta {
        margin-top: 20px;
        color: rgba(21, 33, 63, .61);
    }

    .wnhr-lipsus-hero-media {
        position: relative;
        overflow: hidden;
        min-height: 360px;
        border-radius: 21px;
        background: var(--wnhr-blue-soft);
        box-shadow: 0 16px 34px rgba(19, 31, 60, .10);
    }

    .wnhr-lipsus-hero-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, transparent 54%, rgba(13, 23, 48, .38));
        pointer-events: none;
    }

    .wnhr-lipsus-hero-media img,
    .wnhr-lipsus-card-media img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .35s ease;
    }

    .wnhr-lipsus-hero:hover .wnhr-lipsus-hero-media img,
    .wnhr-lipsus-card:hover .wnhr-lipsus-card-media img {
        transform: scale(1.035);
    }

    .wnhr-lipsus-media-label {
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 2;
        display: inline-flex;
        min-height: 29px;
        align-items: center;
        padding: 6px 11px;
        border: 1px solid rgba(255, 255, 255, .26);
        border-radius: 999px;
        background: rgba(13, 23, 48, .76);
        color: #fff;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .09em;
        text-transform: uppercase;
        backdrop-filter: blur(10px);
    }

    .wnhr-lipsus-cards {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-top: 14px;
    }

    .wnhr-lipsus-card {
        position: relative;
        display: flex;
        min-width: 0;
        min-height: 258px;
        flex-direction: column;
        overflow: visible;
        border: 1px solid rgba(21, 33, 63, .08);
        border-radius: 18px;
        background: #f1f3f7;
        box-shadow: 0 10px 24px rgba(19, 31, 60, .06);
        transition: transform .22s ease, box-shadow .22s ease;
    }

    .wnhr-lipsus-card::after {
        content: "";
        position: absolute;
        right: -2px;
        bottom: -2px;
        z-index: 1;
        width: 49px;
        height: 49px;
        border-radius: 27px 0 18px 0;
        background: #f8f8fb;
        pointer-events: none;
    }

    .wnhr-lipsus-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 16px 30px rgba(19, 31, 60, .11);
    }

    .wnhr-lipsus-card-media {
        overflow: hidden;
        aspect-ratio: 16 / 8;
        border-radius: 17px 17px 0 0;
        background: var(--wnhr-blue-soft);
    }

    .wnhr-lipsus-card-copy {
        display: flex;
        min-height: 120px;
        flex: 1;
        flex-direction: column;
        padding: 12px 13px 43px;
        border-radius: 0 0 17px 17px;
    }

    .wnhr-lipsus-card-copy h3 {
        display: -webkit-box;
        overflow: hidden;
        margin: 7px 0 8px;
        color: var(--wnhr-ink);
        font-size: 14px;
        font-weight: 850;
        line-height: 1.3;
        letter-spacing: -.016em;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .wnhr-lipsus-card-copy p {
        display: -webkit-box;
        overflow: hidden;
        margin: 0;
        color: var(--wnhr-muted);
        font-size: 9.5px;
        line-height: 1.42;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .wnhr-lipsus-footer {
        margin-top: 14px;
        text-align: right;
    }

    .wnhr-lipsus-card-arrow {
        position: absolute;
        right: 3px;
        bottom: 3px;
        z-index: 3;
        display: grid;
        width: 36px;
        height: 36px;
        place-items: center;
        border-radius: 50%;
        background: var(--wnhr-navy-deep);
        color: #fff;
        font-size: 17px;
        font-weight: 900;
        box-shadow: 0 8px 18px rgba(13, 23, 48, .18);
        transition:
            background .2s ease,
            transform .2s ease;
    }

    .wnhr-lipsus-card:hover .wnhr-lipsus-card-arrow {
        background: var(--wnhr-coral);
        transform: rotate(8deg);
    }

    /* Ringkasan kredibilitas dan jangkauan Waktu.News. */
    .wnhr-impact {
        position: relative;
        display: grid;
        grid-template-columns: minmax(270px, .82fr) minmax(0, 1.45fr);
        gap: 22px;
        margin-top: 34px;
        padding: 25px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .10);
        border-radius: 28px;
        background:
            radial-gradient(circle at 92% 5%, rgba(255, 145, 77, .30), transparent 28%),
            radial-gradient(circle at 8% 96%, rgba(73, 105, 193, .32), transparent 32%),
            linear-gradient(135deg, #0d1730 0%, #15213f 56%, #263f78 100%);
        box-shadow: 0 22px 48px rgba(13, 23, 48, .18);
    }

    .wnhr-impact::after {
        content: "W";
        position: absolute;
        right: -16px;
        bottom: -75px;
        color: rgba(255, 255, 255, .035);
        font-size: 230px;
        font-weight: 900;
        line-height: 1;
        pointer-events: none;
    }

    .wnhr-impact-copy {
        position: relative;
        z-index: 1;
        display: flex;
        min-width: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .wnhr-impact-copy .wnhr-kicker {
        color: #ffb182;
    }

    .wnhr-impact-copy h2 {
        margin: 8px 0 11px;
        color: #fff;
        font-size: clamp(27px, 3.4vw, 40px);
        font-weight: 900;
        line-height: 1.02;
        letter-spacing: -.045em;
    }

    .wnhr-impact-copy p {
        max-width: 390px;
        margin: 0;
        color: rgba(255, 255, 255, .72);
        font-size: 11px;
        line-height: 1.6;
    }

    .wnhr-impact-link {
        display: inline-flex;
        min-height: 36px;
        align-items: center;
        gap: 8px;
        margin-top: 18px;
        padding: 8px 13px;
        border: 1px solid rgba(255, 255, 255, .22);
        border-radius: 999px;
        color: #fff;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .04em;
        text-transform: uppercase;
        transition: background .2s ease, transform .2s ease;
    }

    .wnhr-impact-link:hover {
        background: var(--wnhr-coral);
        transform: translateY(-2px);
    }

    .wnhr-impact-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .wnhr-impact-card {
        position: relative;
        min-width: 0;
        min-height: 132px;
        padding: 18px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .13);
        border-radius: 19px;
        background: rgba(255, 255, 255, .085);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
        backdrop-filter: blur(12px);
    }

    .wnhr-impact-index {
        display: block;
        margin-bottom: 11px;
        color: #ffb182;
        font-size: 8px;
        font-weight: 900;
        letter-spacing: .14em;
    }

    .wnhr-impact-number-row {
        display: flex;
        align-items: baseline;
        gap: 3px;
    }

    .wnhr-impact-number {
        color: #fff;
        font-size: clamp(27px, 3.2vw, 38px);
        font-weight: 900;
        line-height: 1;
        letter-spacing: -.045em;
    }

    .wnhr-impact-plus {
        color: var(--wnhr-orange);
        font-size: 17px;
        font-weight: 900;
    }

    .wnhr-impact-label {
        display: block;
        margin-top: 8px;
        color: rgba(255, 255, 255, .68);
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .035em;
        text-transform: uppercase;
    }

    @media (max-width: 980px) {
        .wnhr-politics-layout,
        .wnhr-hukrim-layout,
        .wnhr-technology-layout,
        .wnhr-sport-grid,
        .wnhr-lipsus-hero {
            grid-template-columns: 1fr;
        }

        .wnhr-lipsus-hero-media {
            min-height: 330px;
        }

        .wnhr-sport-feature {
            min-height: 390px;
        }

        .wnhr-opinion-sidebar {
            position: static;
        }

        .wnhr-opinion-list {
            grid-template-columns:
                repeat(3, minmax(0, 1fr));
        }

        .wnhr-impact {
            grid-template-columns: 1fr;
        }

        .wnhr-impact-copy p {
            max-width: 620px;
        }
    }

    @media (max-width: 860px) {
        .wnhr-lipsus-cards {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 680px) {
        .wnhr-impact {
            gap: 18px;
            padding: 17px;
            border-radius: 22px;
        }

        .wnhr-impact-grid {
            gap: 9px;
        }

        .wnhr-impact-card {
            min-height: 118px;
            padding: 14px;
            border-radius: 16px;
        }

        .wnhr-impact-number {
            font-size: 26px;
        }

        .wnhr-politics-tab {
            min-width: 180px;
            min-height: 50px;
            font-size: 22px;
        }

        .wnhr-politics-layout {
            padding: 10px;
        }

        .wnhr-politics-lead-copy {
            min-height: 0;
            padding: 16px 14px 17px;
        }

        .wnhr-politics-side-item,
        .wnhr-politics-side-item.is-reverse {
            grid-template-columns: 70px minmax(0, 1fr);
        }

        .wnhr-politics-side-item.is-reverse .wnhr-politics-side-media {
            order: 0;
        }

        .wnhr-politics-side-media {
            width: 70px;
        }

        .wnhr-channel-heading {
            align-items: center;
        }

        .wnhr-sport {
            padding: 58px 10px 10px;
            border-radius: 22px;
        }

        .wnhr-sport::before {
            top: 50px;
            right: 14px;
            left: 14px;
        }

        .wnhr-sport-tab {
            min-width: 230px;
            min-height: 51px;
            padding-right: 18px;
            font-size: 23px;
        }

        .wnhr-sport-primary {
            grid-template-columns: 1fr;
        }

        .wnhr-sport-primary-media {
            min-height: 0;
            aspect-ratio: 16 / 10;
        }

        .wnhr-sport-primary-copy {
            padding: 18px 15px 19px;
        }

        .wnhr-sport-minis {
            grid-template-columns: 1fr;
        }

        .wnhr-sport-feature {
            min-height: 360px;
        }

        .wnhr-opinion-heading {
            padding: 15px;
        }

        .wnhr-opinion-heading h3 {
            font-size: 20px;
        }

        .wnhr-opinion-list {
            display: flex;
            gap: 11px;
            margin-inline: -10px;
            padding: 2px 10px 14px;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scrollbar-width: thin;
        }

        .wnhr-opinion-card {
            width: min(78vw, 285px);
            flex: 0 0 auto;
            scroll-snap-align: start;
        }

        .wnhr-lipsus {
            padding: 12px;
            border-radius: 22px;
        }

        .wnhr-lipsus-heading {
            display: block;
        }

        .wnhr-lipsus-disclosure {
            max-width: none;
            justify-content: flex-start;
            margin-top: 10px;
            text-align: left;
        }

        .wnhr-lipsus-hero-copy {
            padding: 19px;
        }

        .wnhr-lipsus-hero-media {
            min-height: 260px;
        }

        .wnhr-lipsus-cards {
            grid-template-columns: 1fr;
        }

        .wnhr-lipsus-card {
            min-height: 0;
        }
    }


    /* wn-home-adsense-css-v1 */
    .wnhr-home-adsense {
        position: relative;
        width: 100%;
        min-width: 0;
        margin: 14px 0;
        padding: 24px 14px 14px;
        clear: both;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .09);
        border-radius: 18px;
        background:
            linear-gradient(
                180deg,
                rgba(249, 250, 252, .98),
                rgba(244, 247, 251, .92)
            );
        box-shadow:
            0 12px 28px rgba(19, 31, 60, .06);
    }

    .wnhr-home-adsense-label {
        position: absolute;
        top: 7px;
        left: 50%;
        z-index: 2;
        transform: translateX(-50%);
        color: #737b8e;
        font-size: 8px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .wnhr-home-adsense .adsbygoogle,
    .wnhr-home-adsense-mount {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .wnhr-home-adsense--feed {
        min-height: 140px;
    }

    .wnhr-home-adsense--responsive {
        min-height: 118px;
        margin-bottom: 18px;
    }

    .wnhr-home-adsense:has(
        .adsbygoogle[data-ad-status="unfilled"]
    ) {
        display: none;
    }

    @media (max-width: 680px) {
        .wnhr-home-adsense {
            margin: 11px 0;
            padding: 23px 7px 10px;
            border-radius: 14px;
        }

        .wnhr-home-adsense--feed {
            min-height: 128px;
        }

        .wnhr-home-adsense--responsive {
            min-height: 170px;
        }
    }

    /* Iklan Premium Home — terhubung ke dashboard. */
    .wnhr-premium-ad-slot {
        position: relative;
        margin-top: 30px;
    }

    .wnhr-premium-ad-card {
        position: relative;
        width: 100%;
        margin-inline: auto;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .10);
        background: #ffffff;
        box-shadow: 0 18px 42px rgba(19, 31, 60, .10);
    }

    .wnhr-premium-ad-link,
    .wnhr-premium-ad-static,
    .wnhr-premium-ad-picture {
        display: block;
        width: 100%;
        height: 100%;
    }

    .wnhr-premium-ad-card img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .wnhr-premium-ad-label {
        position: absolute;
        z-index: 2;
        top: 10px;
        left: 10px;
        display: inline-flex;
        min-height: 22px;
        align-items: center;
        padding: 4px 9px;
        border: 1px solid rgba(255, 255, 255, .42);
        border-radius: 999px;
        background: rgba(13, 23, 48, .78);
        color: #ffffff;
        font-size: 7.5px;
        font-weight: 900;
        letter-spacing: .10em;
        text-transform: uppercase;
        backdrop-filter: blur(8px);
        pointer-events: none;
    }

    .wnhr-premium-ad--billboard .wnhr-premium-ad-card {
        max-width: 970px;
        aspect-ratio: 970 / 250;
        border-radius: 22px;
    }

    .wnhr-premium-ad--leaderboard .wnhr-premium-ad-card {
        max-width: 970px;
        aspect-ratio: 970 / 90;
        border-radius: 18px;
    }

    .wnhr-stream-rail {
        min-width: 0;
        align-self: stretch;
    }

    .wnhr-stream-rail > .wnhr-stream-sidebar {
        position: static;
        top: auto;
    }

    .wnhr-premium-ad--sidebar {
        position: sticky;
        top: 88px;
        width: min(100%, 300px);
        margin: 0 auto;
    }

    .wnhr-premium-ad--sidebar .wnhr-premium-ad-card {
        aspect-ratio: 300 / 600;
        border-radius: 22px;
    }

    /* Floating skyscraper Home — hanya desktop lebar. */
    .wnhr-floating-ad {
        display: none;
    }

    @media (min-width: 1460px) and (min-height: 720px) {
        .wnhr-floating-ad {
            position: fixed;
            z-index: 35;
            top: clamp(112px, 14vh, 154px);
            display: block;
            width: 160px;
            max-height: min(600px, calc(100vh - 180px));
            transition:
                opacity .2s ease,
                transform .2s ease;
        }

        .wnhr-floating-ad--left {
            right: calc(50% + 545px);
        }

        .wnhr-floating-ad--right {
            left: calc(50% + 545px);
        }

        .wnhr-floating-ad.is-dismissed {
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
        }

        .wnhr-floating-ad-card {
            position: relative;
            overflow: hidden;
            width: 160px;
            max-height: min(600px, calc(100vh - 180px));
            border: 1px solid rgba(18, 31, 62, .10);
            border-radius: 16px;
            background: #fff;
            box-shadow: 0 18px 45px rgba(18, 31, 62, .16);
        }

        .wnhr-floating-ad-link,
        .wnhr-floating-ad-static,
        .wnhr-floating-ad-picture {
            display: block;
        }

        .wnhr-floating-ad-link {
            position: relative;
            z-index: 1;
        }

        .wnhr-floating-ad-picture img {
            display: block;
            width: 160px;
            height: min(600px, calc(100vh - 180px));
            max-height: 600px;
            object-fit: cover;
        }

        .wnhr-floating-ad-label {
            position: absolute;
            z-index: 2;
            top: 8px;
            left: 8px;
            max-width: 105px;
            padding: 5px 8px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, .28);
            border-radius: 999px;
            color: #fff;
            background: rgba(14, 24, 51, .72);
            font-size: 8px;
            font-weight: 800;
            letter-spacing: .06em;
            line-height: 1;
            text-overflow: ellipsis;
            text-transform: uppercase;
            white-space: nowrap;
            backdrop-filter: blur(8px);
        }

        .wnhr-floating-ad-close {
            position: absolute;
            z-index: 20;
            top: 7px;
            right: 7px;
            display: grid;
            width: 25px;
            height: 25px;
            padding: 0;
            place-items: center;
            border: 1px solid rgba(255, 255, 255, .35);
            border-radius: 50%;
            color: #fff;
            background: rgba(14, 24, 51, .78);
            font: 700 16px/1 Arial, sans-serif;
            cursor: pointer;
            backdrop-filter: blur(8px);
            pointer-events: auto;
            touch-action: manipulation;
        }

        .wnhr-floating-ad-close:hover,
        .wnhr-floating-ad-close:focus-visible {
            background: #ef5a49;
            outline: 2px solid #fff;
            outline-offset: 2px;
        }
    }

    @media (max-width: 980px) {
        .wnhr-stream-rail {
            align-self: auto;
        }

        .wnhr-premium-ad--sidebar {
            position: static;
            width: min(100%, 300px);
            margin-top: 18px;
        }
    }

    @media (max-width: 680px) {
        .wnhr-premium-ad-slot {
            margin-top: 20px;
        }

        .wnhr-premium-ad--billboard .wnhr-premium-ad-card,
        .wnhr-premium-ad--leaderboard .wnhr-premium-ad-card,
        .wnhr-premium-ad--sidebar .wnhr-premium-ad-card {
            border-radius: 15px;
        }

        .wnhr-premium-ad-label {
            top: 7px;
            left: 7px;
            min-height: 19px;
            padding: 3px 7px;
            font-size: 6.5px;
        }
    }


    /* =====================================================
     * wn-home-hero-focus-v6-3
     * SVG responsive shapes — lebih dekat referensi.
     * Hanya hero utama.
     * ===================================================== */

    .wnhr-board > .wnhr-left::after {
        display: none !important;
        content: none !important;
    }

    .wnhr-lead {
        --wnv4-ink: #11213d;
        --wnv4-muted: #697281;
        --wnv4-orange: #f36a2d;
        --wnv4-orange-deep: #e85b22;
        --wnv4-paper: #fbfbf8;
        --wnv4-line: rgba(17, 33, 61, .09);

        position: relative !important;
        isolation: isolate;
        display: block !important;
        min-height: clamp(470px, 39vw, 535px);
        overflow: hidden !important;
        border: 1px solid var(--wnv4-line);
        border-radius: 28px !important;
        background: var(--wnv4-paper);
        box-shadow:
            0 18px 44px rgba(24, 37, 60, .09),
            0 2px 5px rgba(24, 37, 60, .035);
        text-align: left !important;
    }

    .wnhr-lead::before,
    .wnhr-lead::after {
        display: none !important;
        content: none !important;
    }

    .wnhr-lead-media {
        position: absolute !important;
        inset: 0 !important;
        z-index: 1;
        width: 100% !important;
        height: 100% !important;
        overflow: hidden;
        border-radius: inherit !important;
        background: #d8e0e8;
    }

    .wnhr-lead-media::before {
        display: none !important;
        content: none !important;
    }

    .wnhr-lead-media::after {
        content: "" !important;
        position: absolute;
        inset: 0;
        display: block !important;
        background:
            linear-gradient(
                90deg,
                rgba(17,33,61,.02) 0%,
                rgba(17,33,61,0) 60%,
                rgba(17,33,61,.045) 100%
            ) !important;
        pointer-events: none;
    }

    .wnhr-lead-media picture,
    .wnhr-lead-media img {
        width: 100% !important;
        height: 100% !important;
    }

    .wnhr-lead-media img {
        object-fit: cover !important;
        object-position: 65% center !important;
        transform: none;
    }

    /* =====================================================
     * SVG SHAPES
     * ===================================================== */

    .wnhr-focus-shape,
    .wnhr-copy-shape {
        position: absolute;
        z-index: 4;
        display: block;
        pointer-events: none;
        overflow: visible;
    }

    .wnhr-focus-shape {
        top: 0;
        left: 0;
        width: min(31.5%, 214px);
        height: 40%;
        filter: drop-shadow(8px 9px 16px rgba(17, 33, 61, .025));
    }

    .wnhr-focus-shape path,
    .wnhr-copy-shape path {
        fill: var(--wnv4-paper);
    }

    .wnhr-copy-shape {
        left: 0;
        bottom: 0;
        width: 100%;
        height: 35.5%;
        filter: drop-shadow(10px -7px 16px rgba(17, 33, 61, .025));
    }

    /* =====================================================
     * PANEL ATAS — CONTENT ONLY
     * ===================================================== */

    .wnhr-focus-intro {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
        display: flex;
        width: min(29%, 192px);
        height: 37%;
        min-height: 184px;
        flex-direction: column;
        align-items: flex-start;
        padding: 22px 21px 20px;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--wnv4-ink);
        text-align: left !important;
    }

    .wnhr-focus-intro::before,
    .wnhr-focus-intro::after {
        display: none !important;
        content: none !important;
    }

    .wnhr-focus-brand {
        display: flex;
        align-items: center;
        gap: 7px;
        margin: 0 0 18px;
        line-height: 1;
    }

    .wnhr-focus-logo {
        display: inline-grid;
        width: 25px;
        height: 25px;
        place-items: center;
        color: var(--wnv4-orange);
        font-size: 19px;
        font-style: italic;
        font-weight: 950;
        letter-spacing: -.08em;
    }

    .wnhr-focus-wordmark {
        display: inline-flex;
        align-items: baseline;
        font-size: 9.5px;
        font-style: normal;
        font-weight: 950;
        letter-spacing: -.025em;
    }

    .wnhr-focus-wordmark b {
        color: var(--wnv4-ink);
    }

    .wnhr-focus-wordmark em {
        color: #263552;
        font-style: normal;
        font-weight: 850;
    }

    .wnhr-focus-intro > strong {
        display: block;
        max-width: 160px;
        margin: 0;
        color: var(--wnv4-ink);
        font-size: clamp(22px, 1.95vw, 28px);
        font-weight: 950;
        line-height: .92;
        letter-spacing: -.05em;
        text-transform: uppercase;
    }

    .wnhr-focus-intro > small {
        display: block;
        max-width: 160px;
        margin-top: 10px;
        color: var(--wnv4-muted);
        font-size: 9px;
        font-weight: 650;
        line-height: 1.48;
    }

    .wnhr-focus-explore {
        display: inline-flex;
        min-height: 31px;
        align-items: center;
        gap: 7px;
        margin-top: auto;
        padding: 0 9px 0 11px;
        border: 1px solid rgba(17, 33, 61, .50);
        border-radius: 999px;
        color: var(--wnv4-ink);
        background: rgba(255,255,255,.38);
        font-size: 7px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: .035em;
        text-transform: uppercase;
    }

    .wnhr-focus-explore i {
        display: inline-grid;
        width: 17px;
        height: 17px;
        place-items: center;
        color: var(--wnv4-orange-deep);
        border: 0;
        font-size: 11px;
        font-style: normal;
    }

    /* =====================================================
     * PANEL BAWAH — CONTENT ONLY
     * SVG di belakang menjadi background.
     * ===================================================== */

    .wnhr-lead-copy {
        position: absolute !important;
        left: 0 !important;
        right: auto !important;
        bottom: 0 !important;
        z-index: 6;
        display: block !important;
        width: min(78%, 548px) !important;
        min-height: 33%;
        padding: 16px 31px 17px !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: var(--wnv4-ink) !important;
        box-shadow: none !important;
        text-align: left !important;
    }

    .wnhr-lead-copy::before {
        display: none !important;
        content: none !important;
    }

    .wnhr-lead-copy::after {
        content: "Baca selengkapnya  \2192" !important;
        display: inline-flex !important;
        align-items: center;
        margin-top: 10px !important;
        color: var(--wnv4-orange-deep) !important;
        font-size: 7.8px !important;
        font-weight: 950 !important;
        line-height: 1;
        letter-spacing: .045em;
        text-transform: uppercase;
    }

    .wnhr-lead .wnhr-taxonomy {
        display: flex;
        justify-content: flex-start !important;
        gap: 6px;
        margin: 0 0 8px !important;
        text-align: left !important;
    }

    .wnhr-lead .wnhr-pill {
        min-height: 20px;
        padding: 0 9px;
        border: 0;
        border-radius: 999px;
        background: var(--wnv4-orange) !important;
        color: #fff !important;
        box-shadow: none !important;
        font-size: 7.3px;
        font-weight: 900;
        line-height: 20px;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .wnhr-lead .wnhr-pill.is-soft {
        background: #eef0f3 !important;
        color: #606a79 !important;
    }

    .wnhr-lead h1 {
        display: block !important;
        max-width: 528px;
        margin: 0 !important;
        overflow: visible !important;
        color: var(--wnv4-ink) !important;
        font-size: clamp(20.5px, 1.88vw, 26.5px) !important;
        font-weight: 950 !important;
        line-height: 1.045 !important;
        letter-spacing: -.038em !important;
        text-align: left !important;
        text-shadow: none !important;
        text-overflow: clip !important;
        white-space: normal !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
    }

    .wnhr-lead-excerpt {
        display: block !important;
        max-width: 485px;
        margin: 8px 0 0 !important;
        overflow: visible !important;
        color: #626b7a !important;
        font-size: 9.8px !important;
        font-weight: 600;
        line-height: 1.48 !important;
        text-align: left !important;
        text-overflow: clip !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
    }

    .wnhr-lead .wnhr-meta {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: flex-start !important;
        gap: 5px 13px !important;
        margin: 9px 0 0 !important;
        color: #687181 !important;
        font-size: 7.6px !important;
        font-weight: 750;
        line-height: 1.3;
        text-align: left !important;
    }

    .wnhr-lead .wnhr-meta span {
        position: relative;
    }

    .wnhr-lead .wnhr-meta span + span::before {
        content: "•";
        position: absolute;
        left: -8px;
        color: var(--wnv4-orange);
    }

    .wnhr-lead:hover .wnhr-lead-media img {
        transform: scale(1.008);
    }

    @media (max-width: 1080px) {
        .wnhr-focus-shape {
            width: min(35%, 220px);
        }

        .wnhr-focus-intro {
            width: min(32%, 198px);
            padding: 20px 20px;
        }

        .wnhr-copy-shape {
            width: 90%;
        }

        .wnhr-lead-copy {
            width: 79% !important;
            padding: 17px 26px 18px !important;
        }

        .wnhr-lead h1 {
            max-width: 500px;
            font-size: clamp(20px, 2.2vw, 26px) !important;
        }
    }

    @media (max-width: 980px) {
        .wnhr-lead {
            min-height: 450px;
        }

        .wnhr-focus-shape {
            width: 35%;
            height: 42%;
        }

        .wnhr-focus-intro {
            width: 31%;
            height: 39%;
            min-height: 178px;
        }

        .wnhr-copy-shape {
            width: 91%;
            height: 40%;
        }

        .wnhr-lead-copy {
            width: 81% !important;
            min-height: 37%;
        }
    }

    /* Mobile: SVG dimatikan, layout stack untuk keamanan. */
    @media (max-width: 700px) {
        .wnhr-focus-shape,
        .wnhr-copy-shape {
            display: none !important;
        }

        .wnhr-lead {
            min-height: 0 !important;
            overflow: hidden !important;
            border-radius: 22px !important;
            background: var(--wnv4-paper);
        }

        .wnhr-focus-intro {
            position: relative;
            top: auto;
            left: auto;
            width: 100%;
            height: auto;
            min-height: 0;
            padding: 14px 16px 13px;
            border-bottom: 1px solid rgba(17,33,61,.08);
            border-bottom-right-radius: 44px 25px;
            background: var(--wnv4-paper) !important;
        }

        .wnhr-focus-brand {
            margin-bottom: 8px;
        }

        .wnhr-focus-logo {
            width: 22px;
            height: 22px;
            font-size: 17px;
        }

        .wnhr-focus-wordmark {
            font-size: 9px;
        }

        .wnhr-focus-intro > strong {
            max-width: none;
            font-size: 18px;
            line-height: .96;
        }

        .wnhr-focus-intro > strong br {
            display: none;
        }

        .wnhr-focus-intro > small,
        .wnhr-focus-explore {
            display: none;
        }

        .wnhr-lead-media {
            position: relative !important;
            inset: auto !important;
            height: auto !important;
            aspect-ratio: 16 / 10;
            border-radius: 0 !important;
        }

        .wnhr-lead-media img {
            object-position: center !important;
        }

        .wnhr-lead-copy {
            position: relative !important;
            left: auto !important;
            right: auto !important;
            bottom: auto !important;
            width: 100% !important;
            min-height: 0;
            padding: 16px 16px 17px !important;
            overflow: hidden !important;
            border-top-right-radius: 52px 29px !important;
            background: #fff !important;
        }

        .wnhr-lead h1 {
            max-width: none;
            font-size: clamp(22px, 7vw, 29px) !important;
            line-height: 1.045 !important;
        }

        .wnhr-lead-excerpt {
            max-width: none;
            margin-top: 8px !important;
            font-size: 10.5px !important;
        }

        .wnhr-lead-copy::after {
            margin-top: 10px !important;
        }
    }

    @media (max-width: 430px) {
        .wnhr-lead-excerpt {
            display: none !important;
        }

        .wnhr-lead h1 {
            font-size: clamp(21px, 7.1vw, 27px) !important;
        }

        .wnhr-lead .wnhr-meta {
            gap: 5px 11px !important;
            font-size: 7.5px !important;
        }
    }


    /* wn-home-hero-focus-v6-3 */
    .wnhr-focus-shape {
        width: clamp(178px, 24.5%, 242px) !important;
        height: clamp(172px, 32%, 226px) !important;
        top: 12px !important;
        left: 12px !important;
    }

    .wnhr-focus-panel,
    .wnhr-focus-copy,
    .wnhr-focus-box,
    .wnhr-focus-content {
        max-width: 205px !important;
        min-width: 0 !important;
        padding: 22px 20px 16px !important;
        gap: 10px !important;
    }

    .wnhr-focus-panel strong,
    .wnhr-focus-copy strong,
    .wnhr-focus-box strong,
    .wnhr-focus-content strong {
        font-size: clamp(2.1rem, 2.65vw, 3rem) !important;
        line-height: 0.9 !important;
        letter-spacing: -0.035em !important;
        margin: 0 !important;
    }

    .wnhr-focus-panel p,
    .wnhr-focus-copy p,
    .wnhr-focus-box p,
    .wnhr-focus-content p,
    .wnhr-focus-panel small,
    .wnhr-focus-copy small,
    .wnhr-focus-box small,
    .wnhr-focus-content small {
        margin: 0 !important;
    }

    .wnhr-focus-panel .wnhr-cta,
    .wnhr-focus-copy .wnhr-cta,
    .wnhr-focus-box .wnhr-cta,
    .wnhr-focus-content .wnhr-cta,
    .wnhr-focus-panel a,
    .wnhr-focus-copy a,
    .wnhr-focus-box a,
    .wnhr-focus-content a {
        min-height: 38px !important;
        padding: 9px 15px !important;
        font-size: 0.72rem !important;
        border-radius: 999px !important;
    }

    .wnhr-lead-copy {
        width: 100% !important;
    }

    @media (max-width: 1199.98px) {
        .wnhr-focus-shape {
            width: clamp(166px, 27%, 224px) !important;
            height: clamp(162px, 30%, 214px) !important;
        }

        .wnhr-focus-panel,
        .wnhr-focus-copy,
        .wnhr-focus-box,
        .wnhr-focus-content {
            max-width: 192px !important;
            padding: 20px 18px 14px !important;
        }
    }

    @media (max-width: 767.98px) {
        .wnhr-focus-shape {
            width: min(100%, 210px) !important;
            height: 170px !important;
            top: 10px !important;
            left: 10px !important;
        }

        .wnhr-focus-panel,
        .wnhr-focus-copy,
        .wnhr-focus-box,
        .wnhr-focus-content {
            max-width: 178px !important;
            padding: 18px 16px 12px !important;
        }

        .wnhr-focus-panel strong,
        .wnhr-focus-copy strong,
        .wnhr-focus-box strong,
        .wnhr-focus-content strong {
            font-size: clamp(1.8rem, 7vw, 2.4rem) !important;
        }
    }


    /* wn-home-hero-focus-v6-3 */
    .wnhr-focus-shape {
        width: clamp(140px, 21%, 196px) !important;
        height: clamp(116px, 23%, 150px) !important;
        top: 12px !important;
        left: 12px !important;
    }

    .wnhr-focus-panel,
    .wnhr-focus-copy,
    .wnhr-focus-box,
    .wnhr-focus-content {
        position: relative !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        max-width: 156px !important;
        min-height: 118px !important;
        min-width: 0 !important;
        padding: 18px 16px 14px !important;
        gap: 0 !important;
        overflow: hidden !important;
    }

    .wnhr-focus-panel > *,
    .wnhr-focus-copy > *,
    .wnhr-focus-box > *,
    .wnhr-focus-content > * {
        display: none !important;
        visibility: hidden !important;
    }

    .wnhr-focus-panel::before,
    .wnhr-focus-copy::before,
    .wnhr-focus-box::before,
    .wnhr-focus-content::before {
        content: "HEADLINE";
        display: block;
        color: #11244d;
        font-weight: 900;
        font-size: clamp(2.05rem, 3vw, 2.75rem);
        line-height: 0.88;
        letter-spacing: -0.045em;
        text-transform: uppercase;
        max-width: 100%;
        white-space: normal;
    }

    @media (max-width: 1199.98px) {
        .wnhr-focus-shape {
            width: clamp(134px, 22%, 182px) !important;
            height: clamp(110px, 21%, 144px) !important;
        }

        .wnhr-focus-panel,
        .wnhr-focus-copy,
        .wnhr-focus-box,
        .wnhr-focus-content {
            max-width: 148px !important;
            min-height: 112px !important;
            padding: 16px 14px 12px !important;
        }
    }

    @media (max-width: 767.98px) {
        .wnhr-focus-shape {
            width: min(100%, 170px) !important;
            height: 122px !important;
            top: 10px !important;
            left: 10px !important;
        }

        .wnhr-focus-panel,
        .wnhr-focus-copy,
        .wnhr-focus-box,
        .wnhr-focus-content {
            max-width: 136px !important;
            min-height: 96px !important;
            padding: 14px 12px 10px !important;
        }

        .wnhr-focus-panel::before,
        .wnhr-focus-copy::before,
        .wnhr-focus-box::before,
        .wnhr-focus-content::before {
            font-size: clamp(1.55rem, 6.2vw, 2rem) !important;
        }
    }