/* article-premium-1050-v1 */
    .article-page {
        --article-navy: #15213f;
        --article-indigo: #35519a;
        --article-coral: #f25247;
        --article-orange: #ff914d;
        --article-ink: #18213a;
        --article-muted: #6f7789;
        --article-soft: #f7f8fc;
        --article-line: rgba(21, 33, 63, .10);
        padding: 18px 0 12px;
    }

    .article-page,
    .article-page *,
    .article-page *::before,
    .article-page *::after {
        box-sizing: border-box;
    }

    .article-shell {
        width: min(1050px, calc(100% - 32px));
        margin-inline: auto;
    }

    .article-breadcrumb {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 17px;
        color: var(--article-muted);
        font-size: 11px;
        font-weight: 650;
    }

    .article-breadcrumb a {
        transition: color .2s ease;
    }

    .article-breadcrumb a:hover {
        color: var(--article-coral);
    }

    .article-breadcrumb-separator {
        color: #a6abb4;
    }

    .article-hero {
        position: relative;
        overflow: hidden;
        padding: 34px 38px 31px;
        border: 1px solid rgba(21, 33, 63, .08);
        border-radius: 26px;
        background:
            radial-gradient(
                circle at 7% 0,
                rgba(242, 82, 71, .11),
                transparent 24%
            ),
            radial-gradient(
                circle at 94% 100%,
                rgba(53, 81, 154, .09),
                transparent 29%
            ),
            linear-gradient(
                135deg,
                #ffffff 0%,
                #fffaf6 56%,
                #f4f7fd 100%
            );
        box-shadow: 0 22px 55px rgba(24, 33, 58, .09);
    }

    .article-hero::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 6px;
        background:
            linear-gradient(
                180deg,
                var(--article-coral),
                var(--article-orange),
                var(--article-indigo),
                var(--article-navy)
            );
    }

    .article-taxonomy {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 17px;
    }

    .taxonomy-badge {
        display: inline-flex;
        min-height: 28px;
        align-items: center;
        padding: 6px 11px;
        border-radius: 999px;
        background:
            linear-gradient(
                135deg,
                var(--article-coral),
                var(--article-orange)
            );
        color: #fff;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
        box-shadow: 0 8px 18px rgba(242, 82, 71, .17);
    }

    .taxonomy-badge.subrubric {
        background: #eef2ff;
        color: #39497f;
        box-shadow: none;
    }

    .taxonomy-badge.region {
        background: #fff0e4;
        color: #8b5f20;
        box-shadow: none;
    }

    .article-title {
        max-width: 920px;
        margin: 0;
        color: var(--article-ink);
        font-size: clamp(36px, 5vw, 58px);
        font-weight: 900;
        line-height: 1.08;
        letter-spacing: -.048em;
    }

    .article-subtitle {
        max-width: 850px;
        margin: 17px 0 0;
        color: #616874;
        font-size: 16px;
        line-height: 1.68;
    }

    .article-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 9px 15px;
        margin-top: 23px;
        padding-top: 18px;
        border-top: 1px solid var(--article-line);
        color: #747b87;
        font-size: 10px;
        font-weight: 650;
    }

    .meta-item {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .meta-item strong {
        color: #20242d;
    }

    .article-author-inline {
        color: #20242d;
        font-weight: 900;
        text-decoration: none;
    }

    .article-author-inline:hover {
        color: var(--article-coral);
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    .view-counter {
        color: #d83e36;
        font-weight: 900;
    }

    /* wn-share-card-identity-v1 */
    /* Bagikan artikel — sticky rail di sisi kiri */
    .article-layout {
        display: grid;
        grid-template-columns: 56px minmax(0, 1fr) 300px;
        gap: 18px;
        margin-top: 22px;
        align-items: start;
    }

    .article-share-rail {
        position: sticky;
        top: 102px;
        z-index: 12;
        align-self: start;
        display: grid;
        justify-items: center;
        gap: 8px;
    }

    .article-share-rail-label {
        color: #727a89;
        font-family: "Poppins", Arial, sans-serif;
        font-size: 8px;
        font-weight: 850;
        letter-spacing: .09em;
        line-height: 1;
        text-transform: uppercase;
    }

    .article-share-rail-buttons {
        display: grid;
        gap: 3px;
        padding: 5px;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .09);
        border-radius: 17px;
        background:
            linear-gradient(
                145deg,
                rgba(255, 250, 247, .97),
                rgba(247, 249, 255, .98)
            );
        box-shadow:
            0 13px 30px rgba(24, 33, 58, .06),
            inset 3px 0 0 var(--article-coral);
        backdrop-filter: blur(12px);
    }

    .article-share-rail-button {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        padding: 0;
        border: 0;
        border-radius: 12px;
        background: transparent;
        color: #222a3c;
        text-decoration: none;
        cursor: pointer;
        transition:
            transform .18s ease,
            background .18s ease,
            color .18s ease;
    }

    .article-share-rail-button:hover {
        transform: translateY(-1px);
        background: #f3f5f9;
    }

    .article-share-rail-button svg {
        width: 19px;
        height: 19px;
        display: block;
    }

    .article-share-rail-button--facebook:hover {
        color: #1877f2;
        background: rgba(24, 119, 242, .08);
    }

    .article-share-rail-button--x:hover {
        color: #0f1419;
        background: rgba(15, 20, 25, .07);
    }

    .article-share-rail-button--whatsapp:hover {
        color: #159447;
        background: rgba(37, 211, 102, .10);
    }

    .article-share-rail-button--print {
        appearance: none;
        font: inherit;
    }

    .article-share-rail-button--print:hover {
        color: var(--article-indigo);
        background: rgba(53, 81, 154, .09);
    }

    .article-card {
        min-width: 0;
        overflow: hidden;
        border: 1px solid var(--article-line);
        border-radius: 23px;
        background: #fff;
        box-shadow: 0 18px 44px rgba(24, 33, 58, .07);
    }

    .featured-figure {
        margin: 0;
        background: #eef1f5;
    }

    /* wn-featured-image-height-auto-v1 */
    .featured-picture {
        display: block;
        width: 100%;
    }

    .featured-image {
        display: block;
        width: 100%;
        height: auto;
        max-height: 620px;
        object-fit: cover;
    }

    .featured-caption {
        margin: 0;
        padding: 11px 17px;
        border-bottom: 1px solid var(--article-line);
        color: #747b87;
        font-size: 10px;
        line-height: 1.55;
    }

    .article-body {
        padding: 34px 38px 38px;
        color: #252932;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 18.5px;
        line-height: 1.9;
        overflow-wrap: anywhere;
    }

    .article-body > p:first-child::first-letter {
        float: left;
        margin: 8px 10px 0 0;
        color: var(--article-coral);
        font-family: "Poppins", Arial, sans-serif;
        font-size: 56px;
        font-weight: 900;
        line-height: .78;
    }

    .article-body p {
        display: block !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 26px !important;
        margin-left: 0 !important;
    }

    .article-body p:last-child {
        margin-bottom: 0 !important;
    }

    .article-body p:empty {
        display: none !important;
    }

    .article-body h2,
    .article-body h3,
    .article-body h4 {
        color: var(--article-ink);
        font-family: "Poppins", Arial, sans-serif;
        line-height: 1.28;
        letter-spacing: -.025em;
    }

    .article-body h2 {
        position: relative;
        margin: 38px 0 16px;
        padding-left: 15px;
        font-size: 27px;
    }

    .article-body h2::before {
        content: "";
        position: absolute;
        inset: 4px auto 4px 0;
        width: 5px;
        border-radius: 999px;
        background:
            linear-gradient(
                180deg,
                var(--article-coral),
                var(--article-orange)
            );
    }

    .article-body h3 {
        margin: 29px 0 13px;
        font-size: 22px;
    }

    .article-body h4 {
        margin: 25px 0 11px;
        font-size: 19px;
    }

    .article-body blockquote {
        position: relative;
        margin: 28px 0;
        padding: 21px 23px 21px 27px;
        border-left: 5px solid var(--article-coral);
        border-radius: 0 15px 15px 0;
        background: linear-gradient(135deg, #fff8f3, #f8f9fc);
        color: #3f444d;
        font-style: italic;
    }

    .article-body a {
        color: #d83e36;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    .article-body img {
        height: auto;
        margin: 27px auto;
        border-radius: 15px;
        box-shadow: 0 17px 40px rgba(24, 33, 58, .10);
    }

    .article-body iframe,
    .article-body video,
    .article-body table {
        max-width: 100%;
    }

    /*
     * Tabel artikel responsif.
     * Wrapper ditambahkan oleh JavaScript tanpa mengubah HTML di database.
     */
    .article-body figure.wp-block-table {
        max-width: 100%;
        margin: 28px 0;
    }

    .article-table-shell {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin: 29px 0;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .13);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0 13px 32px rgba(24, 33, 58, .075);
    }

    .article-table-scroll {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-color: var(--article-coral) #eef1f7;
        scrollbar-width: thin;
    }

    .article-table-scroll::-webkit-scrollbar {
        height: 9px;
    }

    .article-table-scroll::-webkit-scrollbar-track {
        background: #eef1f7;
    }

    .article-table-scroll::-webkit-scrollbar-thumb {
        border: 2px solid #eef1f7;
        border-radius: 999px;
        background: linear-gradient(
            90deg,
            var(--article-coral),
            var(--article-orange)
        );
    }

    .article-body .article-table-scroll table {
        width: max-content !important;
        min-width: 100%;
        max-width: none !important;
        margin: 0 !important;
        border: 0 !important;
        border-spacing: 0;
        border-collapse: separate;
        table-layout: auto;
        color: var(--article-ink);
        background: #fff;
        font-family: "Poppins", Arial, sans-serif;
        font-size: 14px;
        line-height: 1.55;
    }

    .article-body .article-table-scroll caption {
        padding: 14px 17px;
        border-bottom: 1px solid rgba(21, 33, 63, .10);
        color: var(--article-ink);
        background: #f7f8fc;
        font-size: 13px;
        font-weight: 750;
        text-align: left;
    }

    .article-body .article-table-scroll th,
    .article-body .article-table-scroll td {
        min-width: 118px;
        padding: 13px 15px !important;
        border: 0 !important;
        border-right: 1px solid rgba(21, 33, 63, .09) !important;
        border-bottom: 1px solid rgba(21, 33, 63, .09) !important;
        vertical-align: top;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .article-body .article-table-scroll th:last-child,
    .article-body .article-table-scroll td:last-child {
        border-right: 0 !important;
    }

    .article-body .article-table-scroll tr:last-child > td {
        border-bottom: 0 !important;
    }

    .article-body .article-table-scroll thead th,
    .article-body .article-table-scroll tr:first-child > th {
        color: #fff;
        background: linear-gradient(
            135deg,
            var(--article-navy),
            var(--article-indigo)
        );
        font-weight: 800;
        text-align: left;
    }

    .article-body .article-table-scroll tbody tr:nth-child(even) td {
        background: #f8f9fc;
    }

    .article-body .article-table-scroll tbody tr:hover td {
        background: #fff7f3;
    }

    .article-body .article-table-scroll img {
        width: auto;
        max-width: 160px;
        height: auto;
        margin: 0;
        border-radius: 9px;
        box-shadow: none;
    }

    .article-table-hint {
        display: none;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 38px;
        padding: 8px 13px;
        border-bottom: 1px solid rgba(21, 33, 63, .09);
        color: #657086;
        background: linear-gradient(90deg, #fff8f3, #f7f8fc);
        font-family: "Poppins", Arial, sans-serif;
        font-size: 10px;
        font-weight: 750;
        letter-spacing: .025em;
        line-height: 1.35;
    }

    .article-table-hint::after {
        content: "↔";
        display: grid;
        width: 24px;
        height: 24px;
        flex: 0 0 24px;
        place-items: center;
        border-radius: 999px;
        color: #fff;
        background: var(--article-navy);
        font-size: 14px;
    }

    .article-table-shell.has-horizontal-overflow .article-table-hint {
        display: flex;
    }

    /*
     * Embed media sosial untuk URL mandiri dari artikel lama.
     * HTML artikel di database tetap tidak berubah.
     */
    .article-social-embed {
        position: relative;
        width: 100%;
        max-width: 680px;
        margin: 30px auto;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .12);
        border-radius: 17px;
        background: #fff;
        box-shadow: 0 15px 38px rgba(24, 33, 58, .085);
    }

    .article-social-embed__label {
        display: flex;
        align-items: center;
        gap: 8px;
        min-height: 39px;
        padding: 9px 14px;
        border-bottom: 1px solid rgba(21, 33, 63, .09);
        color: #5d677d;
        background: linear-gradient(90deg, #fff8f3, #f7f8fc);
        font-family: "Poppins", Arial, sans-serif;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .045em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .article-social-embed__label::before {
        content: "";
        width: 8px;
        height: 8px;
        flex: 0 0 8px;
        border-radius: 999px;
        background: linear-gradient(
            135deg,
            var(--article-coral),
            var(--article-orange)
        );
        box-shadow: 0 0 0 4px rgba(242, 82, 71, .10);
    }

    .article-social-embed__content {
        display: grid;
        width: 100%;
        min-height: 110px;
        place-items: center;
        padding: 16px;
    }

    .article-social-embed--youtube {
        max-width: 760px;
        background: #0b1020;
    }

    .article-social-embed--youtube
    .article-social-embed__content {
        display: block;
        min-height: 0;
        padding: 0;
    }

    .article-social-embed__video {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background: #0b1020;
    }

    .article-social-embed__video iframe {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        border: 0;
    }

    .article-social-embed .instagram-media,
    .article-social-embed .twitter-tweet {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 550px !important;
        margin: 0 auto !important;
    }

    .article-social-embed__fallback {
        display: grid;
        width: 100%;
        gap: 9px;
        padding: 18px;
        border-radius: 13px;
        color: var(--article-ink);
        background: #f7f8fc;
        font-family: "Poppins", Arial, sans-serif;
        text-decoration: none !important;
    }

    .article-social-embed__fallback strong {
        font-size: 14px;
        line-height: 1.45;
    }

    .article-social-embed__fallback span {
        color: #697388;
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .article-body ul,
    .article-body ol {
        margin: 0 0 22px;
        padding-left: 25px;
    }

    /* Metadata artikel — tag, sumber, dan via */
    .article-reference-meta {
        position: relative;
        display: grid;
        gap: 10px;
        margin: 0 38px 26px;
        padding-top: 22px;
        border-top: 2px solid var(--article-navy);
    }

    .article-reference-meta::before {
        content: "";
        position: absolute;
        top: -2px;
        left: 0;
        width: 48px;
        height: 2px;
        background: var(--article-coral);
    }

    .article-reference-row {
        min-width: 0;
        display: grid;
        grid-template-columns: 88px minmax(0, 1fr);
        align-items: start;
        gap: 12px;
    }

    .article-reference-label {
        min-height: 27px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: #858d9b;
        font-family: "Poppins", Arial, sans-serif;
        font-size: 8.5px;
        font-weight: 850;
        letter-spacing: .035em;
        line-height: 1.2;
        text-transform: uppercase;
    }

    .article-reference-label::before {
        width: 18px;
        height: 18px;
        display: grid;
        flex: 0 0 18px;
        place-items: center;
        border-radius: 6px;
        background: #f0f2f7;
        color: var(--article-indigo);
        font-size: 10px;
        font-weight: 900;
    }

    .article-reference-label--tag::before {
        content: "#";
    }

    .article-reference-label--source::before {
        content: "▱";
    }

    .article-reference-label--via::before {
        content: "↗";
    }

    .article-reference-values {
        min-width: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 7px;
    }

    .article-reference-chip {
        min-height: 27px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 6px 10px;
        border: 1px solid rgba(21, 33, 63, .075);
        border-radius: 999px;
        background: #f5f6f9;
        color: #3f495d;
        font-family: "Poppins", Arial, sans-serif;
        font-size: 8.5px;
        font-weight: 800;
        line-height: 1.25;
        text-decoration: none;
        transition:
            transform .18s ease,
            background .18s ease,
            color .18s ease,
            border-color .18s ease;
    }

    .article-reference-chip--tag::before {
        content: "#";
        color: var(--article-coral);
        font-weight: 900;
    }

    a.article-reference-chip:hover {
        transform: translateY(-1px);
        border-color: rgba(242, 82, 71, .18);
        background: #fff7f4;
        color: var(--article-coral);
    }

    .article-reference-link::after {
        content: "↗";
        color: var(--article-coral);
        font-size: 9px;
        font-weight: 900;
    }

    /*
     * wn-article-developing-story-premium-v1
     *
     * Premium compact bridge dari detail artikel
     * menuju Developing Story.
     *
     * Desktop:
     * - thumbnail hero ±30%;
     * - tinggi sekitar 136px;
     * - teks minimum.
     *
     * Mobile:
     * - thumbnail kiri;
     * - tidak menjadi hero besar.
     */
    .article-story-premium-stack {
        display: grid;
        gap: 10px;
    }

    .article-story-premium-card {
        position: relative;
        min-width: 0;
        min-height: 136px;
        display: grid;
        grid-template-columns:
            minmax(160px, 30%)
            minmax(0, 1fr)
            auto;
        align-items: stretch;
        overflow: hidden;
        border:
            1px solid
            rgba(60, 91, 160, .20);
        border-radius: 18px;
        background:
            linear-gradient(
                135deg,
                #091a39 0%,
                #102754 100%
            );
        color: #fff;
        text-decoration: none;
        box-shadow:
            0 14px 32px
            rgba(15, 31, 65, .11);
        transition:
            transform .2s ease,
            border-color .2s ease,
            box-shadow .2s ease;
    }

    .article-story-premium-card:hover {
        transform: translateY(-2px);
        border-color:
            rgba(255, 111, 62, .40);
        box-shadow:
            0 18px 38px
            rgba(15, 31, 65, .16);
    }

    .article-story-premium-media {
        position: relative;
        min-width: 0;
        min-height: 136px;
        overflow: hidden;
        background:
            linear-gradient(
                135deg,
                #122854,
                #1d4383
            );
    }

    .article-story-premium-image {
        width: 100%;
        height: 100%;
        min-height: 136px;
        display: block;
        object-fit: cover;
        object-position: center;
        transition:
            transform .35s ease,
            filter .35s ease;
    }

    .article-story-premium-card:hover
    .article-story-premium-image {
        transform: scale(1.025);
        filter:
            brightness(1.04)
            saturate(1.03);
    }

    .article-story-premium-media::after {
        content: "";
        position: absolute;
        inset: 0;
        background:
            linear-gradient(
                90deg,
                transparent 52%,
                rgba(9, 26, 57, .18) 78%,
                rgba(9, 26, 57, .42) 100%
            );
        pointer-events: none;
    }

    .article-story-premium-placeholder {
        width: 100%;
        height: 100%;
        min-height: 136px;
        display: grid;
        place-items: center;
        overflow: hidden;
        background:
            radial-gradient(
                circle at 70% 24%,
                rgba(63, 123, 236, .36),
                transparent 38%
            ),
            linear-gradient(
                135deg,
                #102451,
                #1d4383
            );
        color:
            rgba(255, 255, 255, .16);
        font-size: 66px;
        font-weight: 950;
        line-height: 1;
    }

    .article-story-premium-content {
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 15px 18px;
    }

    .article-story-premium-head {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 6px;
    }

    .article-story-premium-brand {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color:
            rgba(234, 241, 253, .76);
        font-size: 7px;
        font-weight: 900;
        letter-spacing: .10em;
        text-transform: uppercase;
    }

    .article-story-premium-brand::before {
        content: "";
        width: 6px;
        height: 6px;
        flex: 0 0 6px;
        border-radius: 999px;
        background:
            var(--article-coral);
        box-shadow:
            0 0 0 4px
            rgba(242, 82, 71, .09);
    }

    .article-story-premium-status {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 3px 7px;
        border:
            1px solid
            rgba(255, 142, 89, .32);
        border-radius: 999px;
        background:
            rgba(255, 111, 62, .09);
        color: #ffb184;
        font-size: 7px;
        font-weight: 850;
        line-height: 1;
    }

    .article-story-premium-title {
        display: -webkit-box;
        margin: 0;
        overflow: hidden;
        color: #fff;
        font-size:
            clamp(
                16px,
                2vw,
                19px
            );
        font-weight: 900;
        line-height: 1.24;
        letter-spacing: -.025em;
        text-wrap: balance;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .article-story-premium-meta {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px 9px;
        margin-top: 7px;
        color:
            rgba(221, 231, 247, .64);
        font-size: 8px;
        font-weight: 730;
        line-height: 1.4;
    }

    .article-story-premium-meta span + span::before {
        content: "•";
        margin-right: 9px;
        color:
            rgba(255, 155, 103, .86);
    }

    .article-story-premium-action {
        align-self: center;
        display: inline-flex;
        min-height: 36px;
        align-items: center;
        gap: 7px;
        margin-right: 16px;
        padding: 0 11px;
        border:
            1px solid
            rgba(255, 255, 255, .14);
        border-radius: 999px;
        background:
            rgba(255, 255, 255, .065);
        color: #fff;
        font-size: 8px;
        font-weight: 900;
        line-height: 1;
        white-space: nowrap;
        transition:
            background .18s ease,
            border-color .18s ease;
    }

    .article-story-premium-arrow {
        color: #ff9c65;
        font-size: 14px;
        transition:
            transform .2s ease;
    }

    .article-story-premium-card:hover
    .article-story-premium-action {
        border-color:
            rgba(255, 156, 101, .42);
        background:
            rgba(255, 111, 62, .10);
    }

    .article-story-premium-card:hover
    .article-story-premium-arrow {
        transform: translateX(3px);
    }

    @media (max-width: 767px) {
        .article-story-premium-card {
            min-height: 118px;
            grid-template-columns:
                108px
                minmax(0, 1fr);
            grid-template-rows:
                auto
                auto;
            align-items: stretch;
            border-radius: 16px;
        }

        .article-story-premium-media {
            grid-column: 1;
            grid-row: 1 / span 2;
            min-height: 118px;
        }

        .article-story-premium-image,
        .article-story-premium-placeholder {
            min-height: 118px;
            height: 100%;
        }

        .article-story-premium-media::after {
            background:
                linear-gradient(
                    90deg,
                    transparent 62%,
                    rgba(9, 26, 57, .30) 100%
                );
        }

        .article-story-premium-content {
            grid-column: 2;
            grid-row: 1;
            justify-content: flex-end;
            padding:
                11px
                12px
                4px;
        }

        .article-story-premium-head {
            gap: 5px;
            margin-bottom: 5px;
        }

        .article-story-premium-brand {
            font-size: 6.2px;
        }

        .article-story-premium-status {
            min-height: 19px;
            padding: 3px 6px;
            font-size: 6.2px;
        }

        .article-story-premium-title {
            font-size: 14.5px;
            line-height: 1.28;
        }

        .article-story-premium-meta {
            gap: 4px 7px;
            margin-top: 5px;
            font-size: 7px;
        }

        .article-story-premium-meta
        span + span::before {
            margin-right: 7px;
        }

        .article-story-premium-action {
            grid-column: 2;
            grid-row: 2;
            align-self: start;
            width: fit-content;
            min-height: 0;
            margin:
                0
                12px
                11px;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            color: #ffb184;
            font-size: 7px;
        }

        .article-story-premium-card:hover
        .article-story-premium-action {
            border-color: transparent;
            background: transparent;
        }
    }

    .article-footer {
        padding: 0 38px 34px;
    }

    .article-footer-stack {
        display: grid;
        gap: 18px;
    }

    /*
     * wn-next-article-v1
     * Lanjut Membaca — preview only.
     */
    .article-next-preview {
        margin-top: 2px;
    }

    .article-next-preview-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        margin-bottom: 10px;
    }

    .article-next-preview-kicker {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #17213b;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

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

    .article-next-preview-note {
        color: #8a91a0;
        font-size: 9px;
        font-weight: 700;
    }

    .article-next-preview-card {
        display: grid;
        grid-template-columns: minmax(170px, 210px) minmax(0, 1fr);
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .09);
        border-radius: 18px;
        background: #fff;
        color: inherit;
        text-decoration: none;
        box-shadow:
            0 15px 34px rgba(24, 33, 58, .065);
        transition:
            transform .2s ease,
            border-color .2s ease,
            box-shadow .2s ease;
    }

    .article-next-preview-card:hover {
        transform: translateY(-2px);
        border-color: rgba(242, 82, 71, .20);
        box-shadow:
            0 19px 40px rgba(24, 33, 58, .095);
    }

    .article-next-preview-media {
        position: relative;
        min-height: 145px;
        overflow: hidden;
        background:
            linear-gradient(
                135deg,
                #17213b,
                #294181
            );
    }

    .article-next-preview-image {
        width: 100%;
        height: 100%;
        min-height: 145px;
        display: block;
        object-fit: cover;
        transition: transform .35s ease;
    }

    .article-next-preview-card:hover
    .article-next-preview-image {
        transform: scale(1.025);
    }

    .article-next-preview-placeholder {
        width: 100%;
        height: 100%;
        min-height: 145px;
        display: grid;
        place-items: center;
        color: rgba(255, 255, 255, .94);
        font-size: 42px;
        font-weight: 950;
        letter-spacing: -.05em;
    }

    .article-next-preview-content {
        min-width: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 18px 20px;
    }

    .article-next-preview-meta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 5px 8px;
        margin-bottom: 8px;
        color: #7f8796;
        font-size: 9px;
        font-weight: 750;
        line-height: 1.4;
    }

    .article-next-preview-category {
        color: var(--article-coral);
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    .article-next-preview-title {
        margin: 0;
        color: #17213b;
        font-size: clamp(17px, 2vw, 21px);
        font-weight: 900;
        line-height: 1.32;
        letter-spacing: -.025em;
    }

    .article-next-preview-action {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin-top: 12px;
        color: var(--article-coral);
        font-size: 10px;
        font-weight: 900;
    }

    .article-next-preview-arrow {
        transition: transform .2s ease;
    }

    .article-next-preview-card:hover
    .article-next-preview-arrow {
        transform: translateX(3px);
    }

    @media (max-width: 767px) {
        .article-next-preview-head {
            margin-bottom: 9px;
        }

        .article-next-preview-note {
            display: none;
        }

        .article-next-preview-card {
            grid-template-columns: 1fr;
            border-radius: 16px;
        }

        .article-next-preview-media {
            min-height: 0;
            aspect-ratio: 16 / 9;
        }

        .article-next-preview-image,
        .article-next-preview-placeholder {
            min-height: 0;
            height: 100%;
        }

        .article-next-preview-content {
            padding: 15px 16px 17px;
        }

        .article-next-preview-title {
            font-size: 17px;
            line-height: 1.37;
        }

        .article-next-preview-action {
            margin-top: 10px;
        }
    }

    @media print {
        .article-next-preview {
            display: none !important;
        }
    }

    /* Ikuti Kami — tombol ikon platform */
    .article-follow-strip {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 18px;
        overflow: hidden;
        padding: 15px 17px;
        border: 1px solid rgba(21, 33, 63, .09);
        border-radius: 17px;
        background:
            linear-gradient(
                135deg,
                rgba(255, 250, 247, .94),
                rgba(247, 249, 255, .96)
            );
        box-shadow:
            0 13px 30px rgba(24, 33, 58, .055),
            inset 4px 0 0 var(--article-coral);
    }

    .article-follow-copy {
        min-width: 0;
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        align-items: center;
        gap: 11px;
    }

    .article-follow-copy::before {
        content: "✦";
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border-radius: 11px;
        background:
            linear-gradient(
                135deg,
                var(--article-coral),
                var(--article-orange)
            );
        color: #fff;
        font-size: 14px;
        box-shadow: 0 9px 20px rgba(242, 82, 71, .21);
    }

    .article-follow-heading {
        min-width: 0;
    }

    .article-follow-title {
        margin: 0;
        color: var(--article-ink);
        font-family: "Poppins", Arial, sans-serif;
        font-size: 15px;
        font-weight: 900;
        line-height: 1.25;
        letter-spacing: -.02em;
    }

    .article-follow-subtitle {
        display: block;
        margin-top: 2px;
        color: #7f8796;
        font-size: 9px;
        font-weight: 700;
        line-height: 1.4;
    }

    .article-follow-links {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 9px;
    }

    .article-follow-link {
        width: 46px;
        height: 46px;
        display: grid;
        flex: 0 0 46px;
        place-items: center;
        padding: 0;
        border: 1px solid rgba(21, 33, 63, .10);
        border-radius: 14px;
        background: rgba(255, 255, 255, .94);
        color: var(--article-ink);
        text-decoration: none;
        box-shadow: 0 9px 20px rgba(24, 33, 58, .055);
        transition:
            transform .2s ease,
            border-color .2s ease,
            box-shadow .2s ease;
    }

    .article-follow-link:hover {
        transform: translateY(-2px);
        border-color: rgba(242, 82, 71, .24);
        box-shadow: 0 14px 26px rgba(24, 33, 58, .085);
    }

    .article-follow-link--google {
        width: 46px;
        padding: 0;
    }

    .article-follow-google-logo {
        display: block;
        width: 25px;
        height: 25px;
        overflow: visible;
    }

    .article-follow-link.is-disabled {
        opacity: .52;
        cursor: not-allowed;
        filter: grayscale(.18);
    }

    .article-follow-link.is-disabled:hover {
        transform: none;
        border-color: rgba(21, 33, 63, .10);
        box-shadow: 0 9px 20px rgba(24, 33, 58, .055);
    }

    .article-follow-icon {
        width: 29px;
        height: 29px;
        display: grid;
        place-items: center;
        border-radius: 9px;
        background: #fff;
    }

    .article-follow-icon svg {
        width: 22px;
        height: 22px;
        display: block;
    }

    .article-sidebar {
        position: sticky;
        top: 88px;
        display: grid;
        gap: 17px;
    }

    .sidebar-card {
        overflow: hidden;
        padding: 20px;
        border: 1px solid var(--article-line);
        border-radius: 19px;
        background: #fff;
        box-shadow: 0 15px 34px rgba(24, 33, 58, .07);
    }

    .sidebar-card.editorial {
        padding: 0;
    }

    .sidebar-card-header {
        padding: 20px;
        background:
            radial-gradient(
                circle at 90% 0,
                rgba(255, 145, 77, .34),
                transparent 31%
            ),
            linear-gradient(145deg, #161e3a, #294181);
        color: #fff;
    }

    .sidebar-label {
        color: #ffc08a;
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .11em;
        text-transform: uppercase;
    }

    .sidebar-card-title {
        margin: 7px 0 0;
        font-size: 19px;
        line-height: 1.3;
    }

    .sidebar-card-body {
        padding: 17px 20px 20px;
    }

    .editorial-author-profile {
        display: grid;
        grid-template-columns:
            54px
            minmax(0, 1fr);
        gap: 12px;
        align-items: center;
    }

    .editorial-author-avatar,
    .editorial-author-avatar-placeholder {
        width: 54px;
        height: 54px;
        border: 2px solid #ffffff;
        border-radius: 50%;
        box-shadow:
            0 7px 18px
            rgba(24, 33, 58, .14);
    }

    .editorial-author-avatar {
        display: block;
        object-fit: cover;
    }

    .editorial-author-avatar-placeholder {
        display: grid;
        place-items: center;
        background:
            linear-gradient(
                135deg,
                var(--article-coral),
                var(--article-navy)
            );
        color: #ffffff;
        font-size: 18px;
        font-weight: 900;
    }

    .editorial-author-avatar-link {
        display: block;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        text-decoration: none;
    }

    .author-name {
        margin: 0;
        color: #20242d;
        font-size: 16px;
        font-weight: 900;
        line-height: 1.3;
    }

    .author-name-link {
        color: #20242d;
        text-decoration: none;
    }

    .author-name-link:hover {
        color: var(--article-coral);
    }

    .author-role {
        margin: 4px 0 0;
        color: #747b87;
        font-size: 10px;
        line-height: 1.55;
    }

    .author-profile-link {
        display: inline-flex;
        align-items: center;
        margin-top: 10px;
        color: var(--article-coral);
        font-size: 9px;
        font-weight: 900;
        letter-spacing: .02em;
        text-decoration: none;
    }

    .author-profile-link:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    .editorial-source {
        margin-top: 14px;
        padding-top: 12px;
        border-top: 1px solid var(--article-line);
    }

    .sidebar-title {
        margin: 0 0 15px;
        padding-bottom: 11px;
        border-bottom: 1px solid var(--article-line);
        color: #20242d;
        font-size: 17px;
        letter-spacing: -.02em;
    }

    .popular-list {
        display: grid;
    }

    .popular-item {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 11px;
        padding: 13px 0;
        border-bottom: 1px solid rgba(21, 33, 63, .07);
        transition: transform .18s ease;
    }

    .popular-item:hover {
        transform: translateX(3px);
    }

    .popular-item:first-child {
        padding-top: 0;
    }

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

    .popular-number {
        width: 36px;
        height: 36px;
        display: grid;
        place-items: center;
        border-radius: 10px;
        background: linear-gradient(135deg, var(--article-coral), var(--article-orange));
        color: #fff;
        font-size: 11px;
        font-weight: 900;
        box-shadow: 0 8px 17px rgba(242, 82, 71, .16);
    }

    .item-category {
        display: block;
        margin-bottom: 4px;
        color: var(--article-coral);
        font-size: 8.5px;
        font-weight: 900;
        letter-spacing: .05em;
        text-transform: uppercase;
    }

    .item-title {
        margin: 0;
        color: #20242d;
        font-size: 12.5px;
        font-weight: 800;
        line-height: 1.43;
    }

    .item-meta {
        margin-top: 5px;
        color: #7a818d;
        font-size: 8.5px;
        font-weight: 700;
    }


    .empty-image {
        width: 100%;
        height: 100%;
        display: grid;
        place-items: center;
        color: #8993a3;
        font-size: 11px;
        font-weight: 700;
    }

    @media (max-width: 920px) {
        .article-layout {
            grid-template-columns: 1fr;
        }

        .article-share-rail {
            position: static;
            z-index: auto;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 9px;
            min-height: 60px;
            padding: 9px 11px;
            overflow: hidden;
            border: 1px solid rgba(21, 33, 63, .09);
            border-radius: 16px;
            background:
                linear-gradient(
                    135deg,
                    rgba(255, 250, 247, .96),
                    rgba(247, 249, 255, .97)
                );
            box-shadow:
                0 11px 26px rgba(24, 33, 58, .055),
                inset 4px 0 0 var(--article-coral);
        }

        .article-share-rail-label {
            flex: 0 0 auto;
            margin-right: 2px;
            color: #727a89;
            letter-spacing: .09em;
        }

        .article-share-rail-buttons {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 0;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            backdrop-filter: none;
        }

        .article-share-rail-button {
            width: 38px;
            height: 38px;
            flex: 0 0 38px;
            border: 1px solid rgba(21, 33, 63, .075);
            border-radius: 12px;
            background: rgba(255, 255, 255, .94);
            box-shadow: 0 5px 13px rgba(24, 33, 58, .045);
        }

        .article-sidebar {
            position: static;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 760px) {
        .article-body p {
            display: block !important;
            margin-top: 0 !important;
            margin-right: 0 !important;
            margin-bottom: 22px !important;
            margin-left: 0 !important;
        }

        .article-body p:last-child {
            margin-bottom: 0 !important;
        }

        .article-body p:empty {
            display: none !important;
        }

        .article-page {
            padding-top: 12px;
        }

        .article-shell {
            width: min(100% - 20px, 1050px);
        }

        .article-hero {
            padding: 27px 21px 24px;
            border-radius: 20px;
        }

        .article-title {
            font-size: clamp(31px, 9vw, 40px);
            letter-spacing: -.038em;
        }

        .article-subtitle {
            font-size: 15px;
        }

        .article-meta {
            display: grid;
            gap: 7px;
        }

        /*
         * Mobile compact sizing.
         * Identity card berasal dari 920px rule.
         */
        .article-share-rail {
            min-height: 56px;
            gap: 8px;
            margin-bottom: 16px;
            padding: 8px 9px;
            border-radius: 15px;
        }

        .article-share-rail-label {
            margin-right: 1px;
            font-size: 7.5px;
        }

        .article-share-rail-buttons {
            gap: 6px;
        }

        .article-share-rail-button {
            width: 35px;
            height: 35px;
            flex-basis: 35px;
            border-radius: 11px;
        }

        .article-share-rail-button svg {
            width: 17px;
            height: 17px;
        }

        .article-share-rail-button:hover,
        .article-share-rail-button:focus-visible {
            transform: none;
        }

        .featured-caption {
            padding: 10px 13px 11px;
            border-top: 1px solid rgba(21, 33, 63, .075);
            border-bottom: 0;
            background: #fff;
            color: #747b87;
            font-size: 10.5px;
            line-height: 1.5;
        }

        .featured-caption strong {
            color: #596170;
        }

        .article-card {
            border-radius: 19px;
        }

        .article-body {
            padding: 27px 21px 31px;
            font-size: 17.5px;
            line-height: 1.82;
        }

        .article-table-shell {
            margin: 24px 0;
            border-radius: 13px;
        }

        .article-body .article-table-scroll table {
            font-size: 13px;
            line-height: 1.5;
        }

        .article-body .article-table-scroll th,
        .article-body .article-table-scroll td {
            min-width: 132px;
            padding: 11px 12px !important;
        }

        .article-body .article-table-scroll img {
            max-width: 130px;
        }

        .article-social-embed {
            margin: 24px auto;
            border-radius: 14px;
        }

        .article-social-embed__content {
            padding: 10px;
        }

        .article-social-embed--youtube
        .article-social-embed__content {
            padding: 0;
        }

        .article-reference-meta {
            gap: 9px;
            margin: 0 21px 23px;
            padding-top: 19px;
        }

        .article-reference-row {
            grid-template-columns: 70px minmax(0, 1fr);
            gap: 9px;
        }

        .article-reference-label {
            min-height: 25px;
            font-size: 7.8px;
        }

        .article-reference-chip {
            min-height: 26px;
            padding: 6px 9px;
            font-size: 8px;
        }

        .article-footer {
            padding: 0 21px 29px;
        }

        .article-footer-stack {
            gap: 16px;
            padding-top: 20px;
        }

        .article-follow-strip {
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 11px;
            padding: 13px 14px;
            border-radius: 15px;
        }

        .article-follow-copy {
            grid-template-columns: 32px minmax(0, 1fr);
            gap: 9px;
        }

        .article-follow-copy::before {
            width: 32px;
            height: 32px;
            border-radius: 10px;
            font-size: 12px;
        }

        .article-follow-title {
            font-size: 13.5px;
        }

        .article-follow-subtitle {
            max-width: 150px;
            font-size: 8px;
        }

        .article-follow-links {
            display: flex;
            gap: 7px;
        }

        .article-follow-link {
            width: 40px;
            height: 40px;
            flex-basis: 40px;
            border-radius: 12px;
        }

        .article-follow-link--google {
            width: 40px;
            flex-basis: 40px;
            padding: 0;
        }

        .article-follow-google-logo {
            width: 23px;
            height: 23px;
        }

        .article-follow-icon {
            width: 26px;
            height: 26px;
        }

        .article-follow-icon svg {
            width: 20px;
            height: 20px;
        }

        .article-sidebar {
            grid-template-columns: 1fr;
        }

    }

    .article-print-brand,
    .article-print-footer,
    .article-print-verification {
        display: none;
    }

    @media print {
        @page {
            size: A4 portrait;
            margin: 12mm 15mm 22mm;
        }

        *,
        *::before,
        *::after {
            box-sizing: border-box !important;
            text-shadow: none !important;
            box-shadow: none !important;
        }

        html,
        body {
            width: 100% !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            background: #ffffff !important;
            color: #101828 !important;
            font-family: Arial, Helvetica, sans-serif !important;
            font-size: 10.5pt !important;
            line-height: 1.58 !important;
            print-color-adjust: exact;
            -webkit-print-color-adjust: exact;
        }

        .wn-utility,
        .wn-brand-shell,
        .wn-navigation,
        .wn-footer,
        .wn-push-control,
        .wn-back-to-top,
        .wn-drawer,
        .wn-mobile-menu,
        .article-breadcrumb,
        .article-share-rail,
        .article-sidebar,
        .article-premium-ad,
        .article-premium-mobile-top,
        .article-adsense,
        .article-footer,
        .back-to-top,
        [class*="floating"],
        [class*="notification"],
        script,
        noscript {
            display: none !important;
        }

        .article-page,
        .article-page--special,
        .article-shell,
        .article-layout,
        .article-card,
        .article-body {
            display: block !important;
            width: 100% !important;
            max-width: none !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: #ffffff !important;
        }

        .article-print-brand {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) 31mm;
            align-items: stretch;
            gap: 5mm;
            margin: 0 0 7mm !important;
            padding: 5mm !important;
            border: 0.7pt solid #d0d5dd !important;
            border-left: 4pt solid #f45b4f !important;
            border-radius: 4mm !important;
            background: #f8f9fc !important;
            break-after: avoid;
        }

        .article-print-brand-main {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 4mm;
            min-width: 0;
        }

        .article-print-brand-name {
            margin: 0 !important;
            color: #13224a !important;
            font-size: 22pt !important;
            font-weight: 900 !important;
            line-height: 1 !important;
            letter-spacing: -0.8pt !important;
        }

        .article-print-brand-logo {
            display: block !important;
            width: auto !important;
            max-width: 58mm !important;
            height: 15mm !important;
            margin: 0 !important;
            padding: 1.5mm 2mm !important;
            border-radius: 2mm !important;
            background: #ffffff !important;
            object-fit: contain !important;
            object-position: left center !important;
        }

        .article-print-brand-tagline {
            display: block;
            margin-top: 2mm;
            color: #667085 !important;
            font-size: 8pt !important;
            font-weight: 700 !important;
            letter-spacing: 0.5pt !important;
            text-transform: uppercase;
        }

        .article-print-identity {
            margin-top: 3mm;
            color: #475467 !important;
            font-size: 7.5pt !important;
            line-height: 1.45 !important;
        }

        .article-print-identity span {
            display: block;
            overflow-wrap: anywhere;
        }

        .article-print-edition {
            color: #475467 !important;
            font-size: 8pt !important;
            line-height: 1.4 !important;
            text-align: right;
        }

        .article-print-document-id {
            display: block;
            margin-top: 2mm;
            color: #667085 !important;
            font-size: 7pt !important;
            font-weight: 700 !important;
            letter-spacing: 0.25pt !important;
        }

        .article-print-qr {
            display: flex !important;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 1.5mm;
            padding: 2.5mm !important;
            border: 0.7pt solid #d0d5dd !important;
            border-radius: 2.5mm !important;
            background: #ffffff !important;
            text-align: center;
        }

        .article-print-qr img {
            display: block !important;
            width: 23mm !important;
            height: 23mm !important;
            object-fit: contain !important;
        }

        .article-print-qr strong {
            color: #13224a !important;
            font-size: 6.5pt !important;
            line-height: 1.25 !important;
            text-transform: uppercase;
        }

        .article-print-qr span {
            color: #667085 !important;
            font-size: 5.8pt !important;
            line-height: 1.25 !important;
        }

        .article-print-edition strong {
            display: block;
            color: #f45b4f !important;
            font-size: 8.5pt !important;
            letter-spacing: 0.8pt !important;
            text-transform: uppercase;
        }

        .article-hero {
            margin: 0 0 6mm !important;
            padding: 4mm 5mm 5mm 6mm !important;
            border: 0 !important;
            border-left: 2.5pt solid #13224a !important;
            border-bottom: 0.7pt solid #d0d5dd !important;
            border-radius: 0 !important;
            background: #ffffff !important;
            break-after: avoid;
        }

        .article-hero::before,
        .article-hero::after {
            display: none !important;
            content: none !important;
        }

        .article-taxonomy {
            margin: 0 0 3mm !important;
        }

        .taxonomy-badge,
        .article-special-kicker-label,
        .article-special-kicker-partner {
            display: inline-block !important;
            margin: 0 2mm 1.5mm 0 !important;
            padding: 1.2mm 2.5mm !important;
            border: 0.6pt solid #f97066 !important;
            border-radius: 999px !important;
            background: #fff4ed !important;
            color: #b42318 !important;
            font-size: 7.5pt !important;
            font-weight: 800 !important;
            line-height: 1.2 !important;
            text-decoration: none !important;
            text-transform: uppercase;
        }

        .article-special-kicker {
            margin: 0 0 3mm !important;
        }

        .article-title,
        .article-page--special .article-title {
            margin: 0 0 3mm !important;
            color: #101828 !important;
            font-family: Arial, Helvetica, sans-serif !important;
            font-size: 25pt !important;
            font-weight: 900 !important;
            line-height: 1.08 !important;
            letter-spacing: -0.7pt !important;
        }

        .article-subtitle {
            margin: 0 0 4mm !important;
            color: #475467 !important;
            font-size: 11.5pt !important;
            line-height: 1.45 !important;
        }

        .article-meta {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 1.5mm 4mm !important;
            margin: 4mm 0 0 !important;
            padding: 3mm 0 0 !important;
            border-top: 0.6pt solid #d0d5dd !important;
            color: #475467 !important;
            font-size: 8.2pt !important;
        }

        .article-meta a,
        .article-meta strong {
            color: #101828 !important;
            text-decoration: none !important;
        }

        .featured-figure {
            margin: 0 0 6mm !important;
            break-inside: avoid;
        }

        .featured-image,
        .article-page--special .featured-image {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            max-height: 125mm !important;
            object-fit: contain !important;
            border: 0 !important;
            border-radius: 0 !important;
        }

        .featured-caption,
        .article-body figcaption {
            margin-top: 1.5mm !important;
            color: #667085 !important;
            font-size: 7.8pt !important;
            line-height: 1.4 !important;
        }

        .article-body,
        .article-page--special .article-body {
            color: #1d2939 !important;
            font-family: Georgia, "Times New Roman", serif !important;
            font-size: 11pt !important;
            line-height: 1.65 !important;
        }

        .article-body > p:first-child::first-letter,
        .article-page--special .article-body > p:first-child::first-letter {
            float: none !important;
            margin: 0 !important;
            color: inherit !important;
            font: inherit !important;
        }

        .article-body p,
        .article-page--special .article-body p {
            margin: 0 0 4mm !important;
            color: #1d2939 !important;
            font: inherit !important;
            line-height: 1.65 !important;
            orphans: 3;
            widows: 3;
        }

        .article-body h2,
        .article-body h3,
        .article-body h4,
        .article-page--special .article-body h2 {
            break-after: avoid;
            color: #101828 !important;
            font-family: Arial, Helvetica, sans-serif !important;
            font-weight: 850 !important;
            line-height: 1.22 !important;
        }

        .article-body h2,
        .article-page--special .article-body h2 {
            margin: 8mm 0 3mm !important;
            padding: 0 0 1.8mm !important;
            border-bottom: 1.2pt solid #f45b4f !important;
            font-size: 16pt !important;
        }

        .article-body h2::before {
            display: none !important;
        }

        .article-body h3 {
            margin: 6mm 0 2.5mm !important;
            font-size: 13pt !important;
        }

        .article-body h4 {
            margin: 5mm 0 2mm !important;
            font-size: 11.5pt !important;
        }

        .article-body blockquote,
        .article-page--special .article-body blockquote {
            margin: 5mm 0 !important;
            padding: 3mm 5mm !important;
            border: 0 !important;
            border-left: 3pt solid #f45b4f !important;
            background: #fff7ed !important;
            color: #344054 !important;
            break-inside: avoid;
        }

        .article-body img,
        .article-page--special .article-body img,
        .article-body figure {
            max-width: 100% !important;
            height: auto !important;
            margin-inline: auto !important;
            break-inside: avoid;
        }

        .article-body iframe,
        .article-body video,
        .article-body audio,
        .article-body .instagram-media,
        .article-body .twitter-tweet {
            display: none !important;
        }

        .article-body a {
            color: #101828 !important;
            font-weight: 700 !important;
            text-decoration: underline !important;
            text-decoration-color: #f45b4f !important;
        }

        .article-body ul,
        .article-body ol {
            margin: 0 0 4mm 6mm !important;
            padding-left: 5mm !important;
        }

        .article-body li {
            margin-bottom: 1.5mm !important;
        }

        .article-body .article-table-scroll,
        .article-body figure.wp-block-table {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
            margin: 5mm 0 !important;
            padding: 0 !important;
            overflow: visible !important;
            border: 0 !important;
            break-inside: auto;
        }

        .article-body table,
        .article-body .article-table-scroll table {
            display: table !important;
            width: 100% !important;
            min-width: 0 !important;
            table-layout: fixed !important;
            border-collapse: collapse !important;
            font-family: Arial, Helvetica, sans-serif !important;
            font-size: 7.8pt !important;
            line-height: 1.35 !important;
        }

        .article-body thead {
            display: table-header-group !important;
        }

        .article-body tr {
            break-inside: avoid;
        }

        .article-body th,
        .article-body td,
        .article-body .article-table-scroll th,
        .article-body .article-table-scroll td {
            width: auto !important;
            min-width: 0 !important;
            padding: 2mm !important;
            overflow-wrap: anywhere !important;
            border: 0.6pt solid #98a2b3 !important;
            color: #101828 !important;
            background: #ffffff !important;
            vertical-align: top !important;
        }

        .article-body th,
        .article-body .article-table-scroll th {
            background: #f2f4f7 !important;
            font-weight: 800 !important;
        }

        /* wn-print-footer-flow-v1
           Footer dicetak satu kali pada akhir dokumen.
           Jangan memakai position fixed karena Chromium
           mengulang dan dapat menimpakan footer pada isi halaman. */
        .article-print-footer {
            display: block !important;
            position: static !important;
            width: 100% !important;
            margin: 5mm 0 0 !important;
            padding: 2.5mm 0 0 !important;
            border-top: 1pt solid #13224a !important;
            color: #667085 !important;
            font-family: Arial, Helvetica, sans-serif !important;
            font-size: 6.8pt !important;
            line-height: 1.35 !important;
            overflow-wrap: anywhere;
            background: #ffffff !important;
            break-inside: avoid;
            clear: both;
        }

        .article-print-footer-row {
            display: flex !important;
            align-items: flex-start;
            justify-content: space-between;
            gap: 6mm;
        }

        .article-print-footer-url {
            max-width: 110mm;
            overflow-wrap: anywhere;
        }

        .article-print-verification {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 5mm;
            margin: 9mm 0 0 !important;
            padding: 4mm !important;
            border: 0.7pt solid #d0d5dd !important;
            border-left: 3pt solid #f45b4f !important;
            background: #f8f9fc !important;
            color: #475467 !important;
            font-family: Arial, Helvetica, sans-serif !important;
            font-size: 7.5pt !important;
            line-height: 1.45 !important;
            break-inside: avoid;
        }

        .article-print-verification strong {
            display: block;
            margin-bottom: 1mm;
            color: #13224a !important;
            font-size: 9pt !important;
        }

        .article-print-footer strong {
            color: #13224a !important;
        }

        .article-page--special .article-print-brand {
            border-left: 4pt solid #f45b4f !important;
            background: #13224a !important;
        }

        .article-page--special .article-print-brand-name,
        .article-page--special .article-print-brand-tagline,
        .article-page--special .article-print-edition {
            color: #ffffff !important;
        }

        .article-page--special .article-print-edition strong {
            color: #ffb088 !important;
        }

        .article-page--special .article-print-identity,
        .article-page--special .article-print-document-id {
            color: #d0d5dd !important;
        }

        .article-page--special .article-hero {
            padding: 5mm !important;
            border: 0 !important;
            border-left: 4pt solid #f45b4f !important;
            background: #f8f9fc !important;
        }

        .article-page--special .article-special-kicker-label,
        .article-page--special .article-special-kicker-partner {
            background: #13224a !important;
            color: #ffffff !important;
            border-color: #13224a !important;
        }

        .article-page--special .article-body h2 {
            border-bottom-color: #13224a !important;
        }

        .article-page--special .article-print-footer {
            border-top: 1.4pt solid #f45b4f !important;
            background: #ffffff !important;
        }

        .article-page--special .article-print-verification {
            border-left-width: 4pt !important;
            background: #f2f4f7 !important;
        }
    }

    /* Iklan artikel responsif: inline 728x90/300x250 dan sidebar 300x600. */
    /* wn-premium-mobile-top-css-v1 */
    .article-premium-mobile-top {
        display: none;
    }

    @media (max-width: 680px) {
        .article-premium-mobile-top {
            position: relative;
            display: block;
            width: auto;
            max-width: 320px;
            margin: 20px auto 0;
            padding: 0;
            overflow: hidden;
            border: 1px solid rgba(20, 33, 63, .10);
            border-radius: 14px;
            background: #eef1f5;
            box-shadow: 0 12px 28px rgba(24, 33, 58, .10);
        }

        .article-premium-mobile-top-link,
        .article-premium-mobile-top-static,
        .article-premium-mobile-top-picture {
            display: block;
            width: 100%;
        }

        .article-premium-mobile-top-image {
            display: block;
            width: 100%;
            height: auto;
            aspect-ratio: 16 / 5;
            margin: 0;
            object-fit: cover;
            object-position: center;
        }

        .article-premium-mobile-top-label {
            position: absolute;
            z-index: 2;
            top: 5px;
            left: 5px;
            display: inline-flex;
            min-height: 18px;
            align-items: center;
            padding: 3px 7px;
            border-radius: 999px;
            background: rgba(19, 34, 74, .92);
            color: #fff;
            font-size: 8px;
            font-weight: 800;
            line-height: 1;
            letter-spacing: .04em;
            text-transform: uppercase;
        }
    }

    /* wn-adsense-article-css-v1 */
    .article-adsense {
        position: relative;
        display: flex;
        width: 100%;
        min-width: 0;
        min-height: 120px;
        margin: 34px auto;
        padding: 24px 12px 12px;
        clear: both;
        align-items: stretch;
        justify-content: center;
        overflow: hidden;
        border: 1px solid rgba(20, 33, 63, .08);
        border-radius: 16px;
        background: rgba(246, 247, 250, .62);
    }

    .article-adsense-label {
        position: absolute;
        top: 6px;
        left: 50%;
        transform: translateX(-50%);
        color: #667085;
        font-size: 9px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .article-adsense .adsbygoogle {
        display: block;
        width: 100%;
        min-width: 0;
        min-height: 84px;
    }

    @media (max-width: 680px) {
        .article-adsense {
            min-height: 180px;
            margin: 28px auto;
            padding: 24px 6px 8px;
            border-radius: 13px;
        }

        .article-adsense .adsbygoogle {
            min-height: 144px;
        }
    }

    .article-premium-ad {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
    }

    .article-premium-ad-card {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
        overflow: hidden;
        border: 1px solid rgba(21, 33, 63, .10);
        border-radius: 18px;
        background: #eef1f5;
        box-shadow: 0 15px 36px rgba(24, 33, 58, .09);
    }

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

    .article-premium-ad-card img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        object-fit: contain;
        object-position: center;
    }

    .article-premium-ad-label {
        position: absolute;
        z-index: 2;
        top: 8px;
        left: 8px;
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 4px 8px;
        border: 1px solid rgba(255, 255, 255, .32);
        border-radius: 999px;
        background: rgba(17, 29, 63, .78);
        color: #fff;
        font-family: "Poppins", Arial, sans-serif;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: .06em;
        line-height: 1;
        text-transform: uppercase;
        backdrop-filter: blur(9px);
        pointer-events: none;
    }

    .article-premium-ad--after-third,
    .article-premium-ad--after-last {
        width: min(728px, 100%);
        margin-block: 30px;
    }

    .article-premium-ad--after-third .article-premium-ad-card,
    .article-premium-ad--after-last .article-premium-ad-card {
        aspect-ratio: 728 / 90;
    }

    .article-premium-ad--sidebar {
        width: min(300px, 100%);
        margin-block: 0;
    }

    .article-premium-ad--sidebar .article-premium-ad-card {
        aspect-ratio: 1 / 2;
    }

    /* article-special-partner-v1
       Aktif hanya untuk rubrik lipsus atau artikel sumber mitra. */
    .article-page--special {
        --special-night: #101a35;
        --special-blue: #263f82;
        --special-coral: #ff604f;
        --special-gold: #ffb35b;
        padding-top: 10px;
        background:
            radial-gradient(
                circle at 13% 5%,
                rgba(255, 96, 79, .08),
                transparent 26%
            ),
            radial-gradient(
                circle at 90% 18%,
                rgba(38, 63, 130, .10),
                transparent 28%
            );
    }

    .article-page--special .article-shell {
        width: min(1180px, calc(100% - 32px));
    }

    .article-page--special .article-hero {
        isolation: isolate;
        padding: clamp(38px, 6vw, 76px) clamp(28px, 7vw, 86px);
        border: 0;
        border-radius: 34px;
        color: #fff;
        background:
            radial-gradient(
                circle at 88% 4%,
                rgba(255, 179, 91, .32),
                transparent 25%
            ),
            radial-gradient(
                circle at 5% 100%,
                rgba(255, 96, 79, .27),
                transparent 34%
            ),
            linear-gradient(
                135deg,
                var(--special-night),
                var(--special-blue)
            );
        box-shadow: 0 34px 80px rgba(16, 26, 53, .22);
    }

    .article-page--special .article-hero::before {
        inset: auto 7% 0;
        width: auto;
        height: 5px;
        border-radius: 999px 999px 0 0;
        background:
            linear-gradient(
                90deg,
                var(--special-coral),
                var(--special-gold),
                transparent
            );
    }

    .article-page--special .article-hero::after {
        content: "W";
        position: absolute;
        z-index: -1;
        right: 3%;
        bottom: -22%;
        color: rgba(255, 255, 255, .045);
        font-family: "Poppins", Arial, sans-serif;
        font-size: clamp(210px, 31vw, 430px);
        font-weight: 900;
        line-height: .8;
        pointer-events: none;
    }

    .article-special-kicker {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px 14px;
        margin-bottom: 23px;
        font-family: "Poppins", Arial, sans-serif;
    }

    .article-special-kicker::before {
        content: "";
        width: 42px;
        height: 3px;
        border-radius: 999px;
        background:
            linear-gradient(
                90deg,
                var(--special-coral),
                var(--special-gold)
            );
    }

    .article-special-kicker-label {
        color: #ffd2c7;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: .17em;
        text-transform: uppercase;
    }

    .article-special-kicker-partner {
        padding: 7px 11px;
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 999px;
        color: rgba(255, 255, 255, .82);
        background: rgba(255, 255, 255, .07);
        font-size: 9px;
        font-weight: 750;
        letter-spacing: .06em;
    }

    .article-page--special .taxonomy-badge {
        color: #fff;
        border-color: rgba(255, 255, 255, .16);
        background: rgba(255, 255, 255, .10);
    }

    .article-page--special .article-title {
        max-width: 920px;
        color: #fff;
        font-size: clamp(38px, 6vw, 72px);
        line-height: 1.04;
        letter-spacing: -.052em;
    }

    .article-page--special .article-subtitle {
        max-width: 800px;
        color: rgba(255, 255, 255, .74);
        font-size: clamp(16px, 2vw, 21px);
        line-height: 1.7;
    }

    .article-page--special .article-meta {
        color: rgba(255, 255, 255, .72);
        border-top-color: rgba(255, 255, 255, .14);
    }

    .article-page--special .article-meta strong,
    .article-page--special .article-author-inline {
        color: #fff;
    }

    .article-page--special .article-layout {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 18px;
        margin-top: 30px;
    }

    .article-page--special .article-card {
        border: 0;
        border-radius: 30px;
        box-shadow: 0 30px 75px rgba(16, 26, 53, .13);
    }

    .article-page--special .article-sidebar {
        display: none;
    }

    .article-page--special .featured-figure {
        position: relative;
        overflow: hidden;
        margin: 16px;
        border-radius: 22px;
    }

    .article-page--special .featured-image {
        display: block;
        width: 100%;
        max-height: 760px;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    .article-page--special .article-body {
        max-width: 820px;
        margin-inline: auto;
        padding: 48px 44px 54px;
        font-size: 19.5px;
        line-height: 1.95;
    }

    .article-page--special .article-body > p:first-child {
        color: #1a2134;
        font-size: 22px;
        line-height: 1.85;
    }

    .article-page--special .article-body h2 {
        margin-top: 54px;
        font-size: clamp(27px, 4vw, 36px);
    }

    .article-page--special .article-body blockquote {
        margin-block: 42px;
        padding: 30px 34px;
        border-left: 0;
        border-radius: 20px;
        color: #fff;
        background:
            linear-gradient(
                135deg,
                var(--special-night),
                var(--special-blue)
            );
        box-shadow: 0 18px 45px rgba(16, 26, 53, .17);
    }

    .article-page--special .article-body img {
        display: block;
        width: min(1000px, calc(100% + 160px));
        max-width: none;
        margin: 42px -80px;
        border-radius: 22px;
        box-shadow: 0 24px 60px rgba(16, 26, 53, .18);
    }

    .article-page--special .article-body figure {
        width: min(1000px, calc(100% + 160px));
        max-width: none;
        margin: 42px -80px;
    }

    .article-page--special .article-body figure img {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .article-page--special .article-reference-meta,
    .article-page--special .article-follow-strip,
    .article-page--special .article-author-footer {
        max-width: 820px;
        margin-inline: auto;
    }

    @media (max-width: 920px) {
        .article-page--special .article-layout {
            grid-template-columns: 1fr;
        }

        .article-page--special .article-body img,
        .article-page--special .article-body figure {
            width: 100%;
            max-width: 100%;
            margin: 32px 0;
        }
    }

    @media (max-width: 640px) {
        .article-premium-ad--after-third,
        .article-premium-ad--after-last {
            width: min(300px, 100%);
        }

        .article-premium-ad--after-third .article-premium-ad-card,
        .article-premium-ad--after-last .article-premium-ad-card {
            aspect-ratio: 6 / 5;
        }

        .article-page--special .article-shell {
            width: min(100% - 18px, 1180px);
        }

        .article-page--special .article-hero {
            padding: 35px 23px 38px;
            border-radius: 24px;
        }

        .article-page--special .article-title {
            font-size: clamp(34px, 10vw, 48px);
        }

        .article-page--special .featured-figure {
            margin: 8px;
            border-radius: 17px;
        }

        .article-page--special .article-body {
            padding: 31px 22px 38px;
            font-size: 17.5px;
            line-height: 1.85;
        }

        .article-page--special .article-body > p:first-child {
            font-size: 19px;
        }

        .article-premium-ad--after-third,
        .article-premium-ad--after-last {
            margin-block: 23px;
        }

        .article-premium-ad-card {
            border-radius: 14px;
        }

        .article-premium-ad-label {
            top: 6px;
            left: 6px;
            min-height: 18px;
            padding: 3px 7px;
            font-size: 8px;
        }
    }

    /*
     * wn-lipsus-print-continuous-flow-v1-r1
     *
     * Lipsus / advertorial print:
     *
     * Header -> hero -> featured image -> caption -> isi
     *
     * Scope hanya .article-page--special.
     *
     * Root cause:
     * - hero memakai break-after: avoid;
     * - featured figure memakai break-inside: avoid;
     * - featured image sampai 125mm;
     * - special image membawa aspect-ratio 16/9.
     *
     * Pada Chromium Print kombinasi tersebut dapat
     * menghasilkan ruang kosong besar sebelum gambar.
     */
    @media print {
        .article-page--special
        .article-hero {
            min-height:
                0
                !important;

            height:
                auto
                !important;

            margin:
                0
                0
                3.5mm
                !important;

            padding:
                4mm
                5mm
                !important;

            overflow:
                visible
                !important;

            break-after:
                auto
                !important;

            page-break-after:
                auto
                !important;
        }

        .article-page--special
        .article-card {
            overflow:
                visible
                !important;

            break-before:
                auto
                !important;

            page-break-before:
                auto
                !important;
        }

        .article-page--special
        .featured-figure {
            position:
                relative
                !important;

            display:
                block
                !important;

            width:
                100%
                !important;

            max-width:
                100%
                !important;

            margin:
                0
                0
                5mm
                !important;

            padding:
                0
                !important;

            overflow:
                visible
                !important;

            border:
                0
                !important;

            border-radius:
                0
                !important;

            background:
                #ffffff
                !important;

            break-before:
                auto
                !important;

            page-break-before:
                auto
                !important;

            /*
             * Gambar dan caption tetap satu unit.
             * Tingginya dikompakkan agar unit tersebut
             * dapat mengikuti hero pada halaman yang sama
             * pada mayoritas artikel Lipsus.
             */
            break-inside:
                avoid
                !important;

            page-break-inside:
                avoid
                !important;
        }

        .article-page--special
        .featured-picture {
            display:
                block
                !important;

            width:
                100%
                !important;

            max-width:
                100%
                !important;

            height:
                auto
                !important;
        }

        .article-page--special
        .featured-image {
            display:
                block
                !important;

            width:
                100%
                !important;

            max-width:
                100%
                !important;

            height:
                auto
                !important;

            max-height:
                88mm
                !important;

            aspect-ratio:
                auto
                !important;

            margin:
                0
                auto
                !important;

            padding:
                0
                !important;

            border:
                0
                !important;

            border-radius:
                0
                !important;

            object-fit:
                contain
                !important;

            object-position:
                center
                !important;

            box-shadow:
                none
                !important;
        }

        .article-page--special
        .featured-caption {
            position:
                static
                !important;

            inset:
                auto
                !important;

            display:
                block
                !important;

            width:
                auto
                !important;

            max-width:
                none
                !important;

            margin:
                1.5mm
                0
                0
                !important;

            padding:
                0
                !important;

            border:
                0
                !important;

            border-radius:
                0
                !important;

            color:
                #667085
                !important;

            background:
                transparent
                !important;

            font-family:
                Arial,
                Helvetica,
                sans-serif
                !important;

            font-size:
                7.8pt
                !important;

            font-weight:
                400
                !important;

            line-height:
                1.4
                !important;

            text-shadow:
                none
                !important;

            transform:
                none
                !important;

            backdrop-filter:
                none
                !important;
        }

        .article-page--special
        .featured-caption
        strong {
            color:
                #475467
                !important;
        }
    }


    /*
     * wn-inline-photo-caption-v1
     *
     * Caption foto inline Waktu.News.
     * Alt Text tetap hanya untuk atribut alt.
     */
    .article-body figure.wn-inline-photo {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 30px 0;
    }

    .article-body
    figure.wn-inline-photo
    > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .article-body
    figure.wn-inline-photo
    > figcaption {
        margin-top: 9px;
        padding: 0 2px 0 11px;
        border-left: 2px solid var(--article-coral);
        color: #68707d;
        font-family: "Poppins", Arial, sans-serif;
        font-size: 12.5px;
        font-weight: 500;
        line-height: 1.58;
    }

    .article-body
    figure.wn-inline-photo
    > figcaption
    strong {
        color: #454c58;
        font-weight: 800;
    }

    /*
     * Pertahankan karakter layout lebar
     * pada artikel special / Lipsus / Advertorial.
     */
    .article-page--special
    .article-body
    figure.wn-inline-photo {
        width: min(1000px, calc(100% + 160px));
        max-width: none;
        margin: 42px -80px;
    }

    .article-page--special
    .article-body
    figure.wn-inline-photo
    > img {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    @media (max-width: 920px) {
        .article-page--special
        .article-body
        figure.wn-inline-photo {
            width: 100%;
            max-width: 100%;
            margin: 32px 0;
        }
    }

    @media (max-width: 640px) {
        .article-body
        figure.wn-inline-photo {
            margin: 25px 0;
        }

        .article-body
        figure.wn-inline-photo
        > figcaption {
            margin-top: 8px;
            padding-left: 9px;
            font-size: 12px;
            line-height: 1.55;
        }
    }

    @media print {
        .article-body
        figure.wn-inline-photo
        > figcaption {
            margin-top: 5pt !important;
            padding-left: 7pt !important;
            border-left: 1.5pt solid #667085 !important;
            color: #475467 !important;
            font-size: 8.5pt !important;
        }
    }


    /*
     * wn-baca-juga-premium-stable-v1
     *
     * Presentation-only.
     * Database content tidak diubah.
     */
    .article-body p.wn-article-related {
        position: relative;

        display: block !important;

        margin:
            28px 0
            !important;

        padding:
            16px
            51px
            17px
            19px;

        overflow: hidden;

        border:
            1px solid
            rgba(21, 33, 63, .10);

        border-left:
            4px solid
            var(--article-coral);

        border-radius: 12px;

        color: #444b57;

        background:
            linear-gradient(
                135deg,
                #fffaf7 0%,
                #f7f8fb 100%
            );

        box-shadow:
            0 9px 24px
            rgba(24, 33, 58, .05);

        font-family:
            "Poppins",
            Arial,
            sans-serif;

        font-size: 14px;
        line-height: 1.68;
    }

    .article-body
    p.wn-article-related::after {
        content: "→";

        position: absolute;
        top: 15px;
        right: 15px;

        display: grid;

        width: 28px;
        height: 28px;

        place-items: center;

        border-radius: 999px;

        color:
            var(--article-coral);

        background: #fff;

        box-shadow:
            0 3px 10px
            rgba(24, 33, 58, .08);

        font-family:
            Arial,
            sans-serif;

        font-size: 14px;
        font-weight: 800;
    }

    .article-body
    p.wn-article-related
    > strong:first-child {
        display: block;

        margin:
            0 0 7px;

        color:
            var(--article-coral);

        font-family:
            "Poppins",
            Arial,
            sans-serif;

        font-size: 9.5px;
        font-weight: 850;

        letter-spacing: .10em;
        line-height: 1.2;

        text-transform: uppercase;
    }

    .article-body
    p.wn-article-related
    > strong:first-child::before {
        content: "↗";

        display: inline-block;

        margin-right: 6px;

        font-size: 10px;
    }

    .article-body
    p.wn-article-related
    > br:first-of-type {
        display: none;
    }

    .article-body
    p.wn-article-related
    a {
        color: #c93630;

        font-weight: 750;

        text-decoration: none;

        border-bottom:
            1px solid
            rgba(201, 54, 48, .30);

        transition:
            color .18s ease,
            border-color .18s ease;
    }

    .article-body
    p.wn-article-related
    a:hover {
        color: #a92722;

        border-bottom-color:
            currentColor;
    }

    @media (max-width: 760px) {
        .article-body
        p.wn-article-related {
            margin:
                24px 0
                !important;

            padding:
                15px
                45px
                15px
                16px;

            border-radius: 11px;

            font-size: 13.25px;
            line-height: 1.64;
        }

        .article-body
        p.wn-article-related::after {
            top: 13px;
            right: 12px;

            width: 26px;
            height: 26px;

            font-size: 13px;
        }

        .article-body
        p.wn-article-related
        > strong:first-child {
            margin-bottom: 6px;

            font-size: 8.8px;
        }
    }

    @media print {
        .article-body
        p.wn-article-related {
            padding:
                3mm
                !important;

            border:
                .5pt solid
                #cfd4dc
                !important;

            border-left:
                2.5pt solid
                #f45b4f
                !important;

            box-shadow:
                none
                !important;

            background:
                #f8f9fc
                !important;
        }

        .article-body
        p.wn-article-related::after {
            display:
                none
                !important;
        }
    }


    /*
     * wn-waktu-brief-public-v1
     *
     * Compact premium editorial summary.
     * Excerpt existing = Ringkasan 30 Detik.
     */
    .article-waktu-brief,
    .article-waktu-brief * {
        box-sizing: border-box;
    }

    .article-waktu-brief {
        position: relative;
        isolation: isolate;
        /*
         * wn-waktu-brief-spacing-v1
         *
         * Caption -> Brief: 16px.
         * Brief -> isi artikel diatur oleh sibling rule.
         */
        margin:
            16px
            38px
            0;
        overflow: hidden;
        border:
            1px solid
            rgba(45, 83, 154, .13);
        border-radius: 19px;
        background:
            linear-gradient(
                135deg,
                #fbfcff 0%,
                #f5f8ff 58%,
                #fff9f5 100%
            );
        box-shadow:
            0 13px 31px
            rgba(24, 42, 78, .065);
    }

    /*
     * Saat Waktu Brief aktif, hilangkan gap ganda:
     * margin card + padding atas article body.
     *
     * Artikel tanpa Waktu Brief tetap memakai
     * padding article-body normal 34px.
     */
    /*
     * wn-waktu-brief-spacing-v1-r1
     *
     * Desktop bottom micro-polish:
     * 18px -> 12px.
     * Mobile tetap 17px.
     */
    .article-waktu-brief
    + .article-body {
        padding-top: 12px;
    }

    .article-waktu-brief::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: -86px;
        right: -48px;
        width: 210px;
        height: 210px;
        border-radius: 50%;
        background:
            radial-gradient(
                circle,
                rgba(255, 105, 61, .10),
                transparent 68%
            );
        pointer-events: none;
    }

    .article-waktu-brief-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding:
            15px
            18px
            11px;
        border-bottom:
            1px solid
            rgba(32, 55, 104, .07);
    }

    .article-waktu-brief-brand {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #17213b;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .article-waktu-brief-brand::before {
        content: "⚡";
        width: 28px;
        height: 28px;
        display: grid;
        place-items: center;
        border-radius: 9px;
        background:
            linear-gradient(
                135deg,
                #f25247,
                #ff8545
            );
        color: #fff;
        font-size: 13px;
        box-shadow:
            0 7px 15px
            rgba(242, 82, 71, .17);
    }

    .article-waktu-brief-time {
        display: inline-flex;
        min-height: 25px;
        align-items: center;
        padding: 4px 9px;
        border:
            1px solid
            rgba(45, 83, 154, .09);
        border-radius: 999px;
        background:
            rgba(255, 255, 255, .72);
        color: #6f788a;
        font-size: 8px;
        font-weight: 850;
    }

    .article-waktu-brief-main {
        display: grid;
        grid-template-columns:
            minmax(0, .92fr)
            minmax(0, 1.08fr);
        gap: 18px;
        padding:
            16px
            18px
            15px;
    }

    .article-waktu-brief-summary {
        min-width: 0;
        padding-right: 17px;
        border-right:
            1px solid
            rgba(32, 55, 104, .08);
    }

    .article-waktu-brief-label {
        display: block;
        margin-bottom: 7px;
        color: #f25247;
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .article-waktu-brief-summary p {
        margin: 0;
        color: #283650;
        font-size: 13px;
        font-weight: 720;
        line-height: 1.6;
    }

    .article-waktu-brief-points {
        min-width: 0;
    }

    .article-waktu-brief-list {
        display: grid;
        gap: 7px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .article-waktu-brief-item {
        position: relative;
        min-width: 0;
        padding-left: 22px;
        color: #38455c;
        font-size: 11px;
        font-weight: 680;
        line-height: 1.48;
    }

    .article-waktu-brief-item::before {
        content: "";
        position: absolute;
        top: .54em;
        left: 2px;
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background:
            linear-gradient(
                135deg,
                #f25247,
                #ff8a4c
            );
        box-shadow:
            0 0 0 4px
            rgba(242, 82, 71, .07);
    }

    .article-waktu-brief-bottom {
        display: grid;
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
        gap: 9px;
        padding:
            0
            18px
            17px;
    }

    .article-waktu-brief-bottom.is-single {
        grid-template-columns: 1fr;
    }

    .article-waktu-brief-insight {
        min-width: 0;
        padding: 11px 12px;
        border:
            1px solid
            rgba(35, 63, 119, .075);
        border-radius: 13px;
        background:
            rgba(255, 255, 255, .72);
    }

    .article-waktu-brief-insight--next {
        background:
            linear-gradient(
                135deg,
                rgba(255, 249, 244, .92),
                rgba(255, 255, 255, .84)
            );
    }

    .article-waktu-brief-insight strong {
        display: block;
        margin-bottom: 4px;
        color: #17213b;
        font-size: 8px;
        font-weight: 950;
        letter-spacing: .065em;
        text-transform: uppercase;
    }

    .article-waktu-brief-insight p {
        margin: 0;
        color: #5b6576;
        font-size: 9px;
        font-weight: 620;
        line-height: 1.5;
    }

    @media (max-width: 767px) {
        .article-waktu-brief {
            margin:
                14px
                21px
                0;
            border-radius: 16px;
        }

        .article-waktu-brief
        + .article-body {
            padding-top: 17px;
        }

        .article-waktu-brief-head {
            padding:
                12px
                13px
                9px;
        }

        .article-waktu-brief-brand {
            gap: 7px;
            font-size: 8.5px;
        }

        .article-waktu-brief-brand::before {
            width: 25px;
            height: 25px;
            border-radius: 8px;
            font-size: 11px;
        }

        .article-waktu-brief-time {
            min-height: 23px;
            padding: 3px 8px;
            font-size: 7px;
        }

        .article-waktu-brief-main {
            grid-template-columns: 1fr;
            gap: 13px;
            padding:
                13px
                14px
                12px;
        }

        .article-waktu-brief-summary {
            padding:
                0
                0
                12px;
            border-right: 0;
            border-bottom:
                1px solid
                rgba(32, 55, 104, .08);
        }

        .article-waktu-brief-label {
            margin-bottom: 6px;
            font-size: 7px;
        }

        .article-waktu-brief-summary p {
            font-size: 11.5px;
            line-height: 1.55;
        }

        .article-waktu-brief-list {
            gap: 7px;
        }

        .article-waktu-brief-item {
            padding-left: 19px;
            font-size: 10px;
        }

        .article-waktu-brief-bottom,
        .article-waktu-brief-bottom.is-single {
            grid-template-columns: 1fr;
            gap: 7px;
            padding:
                0
                14px
                14px;
        }

        .article-waktu-brief-insight {
            padding: 10px 11px;
        }
    }

    @media print {
        /*
         * wn-waktu-brief-print-v1
         *
         * Artikel editorial:
         * tampilkan Waktu Brief dalam format cetak clean.
         *
         * Liputan Khusus / source_type partner:
         * tetap sembunyikan Waktu Brief dari hasil cetak.
         */
        .article-waktu-brief {
            display: block !important;

            margin:
                4mm
                0
                5mm
                !important;

            padding:
                0
                !important;

            overflow:
                visible
                !important;

            border:
                .6pt solid
                #cfd4dc
                !important;

            border-left:
                2.5pt solid
                #f45b4f
                !important;

            border-radius:
                0
                !important;

            background:
                #ffffff
                !important;

            box-shadow:
                none
                !important;

            color:
                #1d2939
                !important;

            break-inside:
                avoid;

            page-break-inside:
                avoid;
        }

        .article-waktu-brief--print-hidden {
            display:
                none
                !important;
        }

        .article-waktu-brief::before {
            display:
                none
                !important;
        }

        .article-waktu-brief-head {
            padding:
                2.5mm
                3mm
                2mm
                !important;

            border-bottom:
                .5pt solid
                #d0d5dd
                !important;

            background:
                #ffffff
                !important;
        }

        .article-waktu-brief-brand {
            color:
                #101828
                !important;

            font-family:
                Arial,
                Helvetica,
                sans-serif
                !important;

            font-size:
                8.5pt
                !important;

            font-weight:
                800
                !important;

            letter-spacing:
                .04em
                !important;
        }

        .article-waktu-brief-brand::before {
            display:
                none
                !important;

            content:
                none
                !important;
        }

        .article-waktu-brief-time {
            min-height:
                0
                !important;

            padding:
                0
                !important;

            border:
                0
                !important;

            border-radius:
                0
                !important;

            background:
                transparent
                !important;

            color:
                #667085
                !important;

            font-size:
                7.5pt
                !important;
        }

        .article-waktu-brief-main {
            display:
                grid
                !important;

            grid-template-columns:
                minmax(0, .92fr)
                minmax(0, 1.08fr)
                !important;

            gap:
                4mm
                !important;

            padding:
                3mm
                !important;
        }

        .article-waktu-brief-summary {
            padding-right:
                4mm
                !important;

            border-right:
                .5pt solid
                #d0d5dd
                !important;

            border-bottom:
                0
                !important;
        }

        .article-waktu-brief-label {
            margin-bottom:
                1.5mm
                !important;

            color:
                #b42318
                !important;

            font-size:
                7pt
                !important;

            font-weight:
                800
                !important;
        }

        .article-waktu-brief-summary p {
            margin:
                0
                !important;

            color:
                #344054
                !important;

            font-family:
                Arial,
                Helvetica,
                sans-serif
                !important;

            font-size:
                9pt
                !important;

            font-weight:
                600
                !important;

            line-height:
                1.45
                !important;
        }

        .article-waktu-brief-list {
            display:
                grid
                !important;

            gap:
                1.2mm
                !important;

            margin:
                0
                !important;

            padding:
                0
                !important;
        }

        .article-waktu-brief-item {
            padding-left:
                4mm
                !important;

            color:
                #344054
                !important;

            font-family:
                Arial,
                Helvetica,
                sans-serif
                !important;

            font-size:
                8.5pt
                !important;

            font-weight:
                500
                !important;

            line-height:
                1.45
                !important;
        }

        .article-waktu-brief-item::before {
            top:
                .55em
                !important;

            left:
                0
                !important;

            width:
                1.5mm
                !important;

            height:
                1.5mm
                !important;

            background:
                #f45b4f
                !important;

            box-shadow:
                none
                !important;
        }

        .article-waktu-brief-bottom,
        .article-waktu-brief-bottom.is-single {
            display:
                grid
                !important;

            grid-template-columns:
                repeat(
                    2,
                    minmax(0, 1fr)
                )
                !important;

            gap:
                2.5mm
                !important;

            padding:
                0
                3mm
                3mm
                !important;
        }

        .article-waktu-brief-bottom.is-single {
            grid-template-columns:
                1fr
                !important;
        }

        .article-waktu-brief-insight,
        .article-waktu-brief-insight--next {
            padding:
                2.5mm
                3mm
                !important;

            border:
                .5pt solid
                #d0d5dd
                !important;

            border-radius:
                0
                !important;

            background:
                #ffffff
                !important;
        }

        .article-waktu-brief-insight strong {
            margin-bottom:
                1mm
                !important;

            color:
                #101828
                !important;

            font-size:
                7pt
                !important;

            font-weight:
                800
                !important;
        }

        .article-waktu-brief-insight p {
            margin:
                0
                !important;

            color:
                #475467
                !important;

            font-family:
                Arial,
                Helvetica,
                sans-serif
                !important;

            font-size:
                8pt
                !important;

            font-weight:
                500
                !important;

            line-height:
                1.45
                !important;
        }

        .article-waktu-brief
        + .article-body {
            padding-top:
                0
                !important;
        }
    }