.pe-m5-berita-utama{margin:0!important;padding:0 0 32px!important;border:0!important;font-family:var(--pe-font-family);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"top5" "topic" "latest";column-gap:var(--pe-m5-d-columns-gap,28px);align-items:start;min-width:0}
.pe-m5-berita-utama.pe-m5-has-rail{grid-template-columns:minmax(0,1fr) var(--pe-m5-d-sidebar-width,300px);grid-template-areas:"top5 top5" "topic rail" "latest rail"}
.pe-m5-top5-section{grid-area:top5;min-width:0}.pe-m5-top5-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--pe-m5-d-top5-gap,18px);min-width:0}.pe-m5-top5-track-item,.pe-m5-top5-item{min-width:0}.pe-m5-top5-media-link,.pe-m5-top5-title-link{color:inherit;text-decoration:none}.pe-m5-top5-media-link{display:block}
.pe-m5-top5-media{position:relative;overflow:hidden;aspect-ratio:var(--pe-m5-d-top5-ratio,16/9);border-radius:var(--pe-image-radius);background:var(--pe-color-media)}
.pe-m5-top5-media>img,.pe-m5-top5-media>.pe-latest-img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1);transition:transform var(--pe-image-zoom-duration) var(--pe-image-motion-ease)}
.pe-m5-top5-time-gradient{position:absolute;left:0;right:0;bottom:0;height:48%;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.74),rgba(0,0,0,0))}
.pe-m5-top5-time{position:absolute;left:9px;bottom:7px;z-index:2;color:#fff;font-family:var(--pe-font-family);font-size:var(--pe-font-meta-desktop);font-weight:var(--pe-font-weight-meta-desktop);line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.pe-m5-top5-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--pe-m5-d-top5-title-lines,3);overflow:hidden;margin:9px 0 0;font-family:var(--pe-font-family);font-size:var(--pe-m5-d-top5-title-size,14px);font-weight:var(--pe-font-weight-layout-desktop);line-height:1.36;letter-spacing:-.012em}.pe-m5-top5-title-link{color:var(--pe-color-title)}
.pe-m5-top5-title-link:hover,.pe-m5-top5-title-link:focus-visible{color:var(--pe-color-title-hover)}
.pe-m5-top5-media-link:hover .pe-m5-top5-media>img,.pe-m5-top5-media-link:focus-visible .pe-m5-top5-media>img,.pe-m5-top5-media-link:hover .pe-m5-top5-media>.pe-latest-img,.pe-m5-top5-media-link:focus-visible .pe-m5-top5-media>.pe-latest-img,.pe-m5-top5-item:has(.pe-m5-top5-title-link:hover) .pe-m5-top5-media>img,.pe-m5-top5-item:has(.pe-m5-top5-title-link:focus-visible) .pe-m5-top5-media>img,.pe-m5-top5-item:has(.pe-m5-top5-title-link:hover) .pe-m5-top5-media>.pe-latest-img,.pe-m5-top5-item:has(.pe-m5-top5-title-link:focus-visible) .pe-m5-top5-media>.pe-latest-img{transform:scale(var(--pe-image-zoom-scale))}

.pe-m5-topic-column{grid-area:topic;min-width:0;margin-top:34px}.pe-m5-latest-slot{grid-area:latest;min-width:0;width:100%}.pe-m5-latest-slot>.pe-latest-section{margin-top:32px!important}.pe-m5-sticky-column{grid-area:rail;position:relative;align-self:stretch;min-width:0;min-height:0;margin-top:34px;padding:0;background:var(--pe-color-surface-alt)}
.pe-m5-topic-choice{width:100%;min-width:0}.pe-m5-topic-choice-desktop{display:block}.pe-m5-topic-choice-mobile{display:none}
.pe-m5-topic-hero{position:relative;display:block;overflow:hidden;aspect-ratio:var(--pe-m5-d-topic-ratio,16/9);border-radius:var(--pe-m5-d-topic-radius,var(--pe-image-radius));background:var(--pe-color-media);color:#fff}
.pe-m5-topic-hero-media{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.pe-m5-topic-hero-media>img,.pe-m5-topic-hero-media>.pe-latest-img{display:block;width:100%!important;height:100%!important;object-fit:cover!important;transform:scale(1);transition:transform var(--pe-image-zoom-duration) var(--pe-image-motion-ease)}
.pe-m5-topic-hero-gradient{position:absolute;inset:0;pointer-events:none;background:var(--pe-m5-single-gradient,linear-gradient(to bottom,rgba(8,38,82,0) 0%,rgba(8,38,82,0) 34%,rgba(8,38,82,.30) 50%,rgba(8,38,82,.78) 68%,rgba(8,38,82,.94) 84%,rgba(8,38,82,.98) 100%))}.pe-m5-topic-layout-highlight .pe-m5-topic-hero-gradient{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,.16) 52%,rgba(0,0,0,.56) 72%,rgba(0,0,0,.88) 100%)}
.pe-m5-topic-hero-copy{position:absolute;left:25px;right:25px;bottom:22px;z-index:2}.pe-m5-topic-hero-copy h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--pe-m5-d-topic-title-lines,2);overflow:hidden;margin:0 0 9px;font-family:var(--pe-font-family);font-size:var(--pe-m5-d-topic-title-size,25px);font-weight:var(--pe-font-weight-layout-desktop);line-height:1.28;letter-spacing:-.02em}.pe-m5-topic-title-link{color:#fff;text-decoration:none}
.pe-m5-topic-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:1.35;color:#fff;font-family:var(--pe-font-family);font-size:var(--pe-font-meta-desktop);font-weight:var(--pe-font-weight-meta-desktop)}.pe-m5-topic-layout-single .pe-m5-topic-hero-category{color:#ffcc32}.pe-m5-topic-layout-single .pe-m5-topic-hero-separator,.pe-m5-topic-layout-single .pe-m5-topic-hero-time{color:#fff}
.pe-m5-topic-title-link:hover,.pe-m5-topic-title-link:focus-visible{color:#ffcc32}
.pe-m5-topic-hero-media:hover>img,.pe-m5-topic-hero-media:focus-visible>img,.pe-m5-topic-hero-media:hover>.pe-latest-img,.pe-m5-topic-hero-media:focus-visible>.pe-latest-img,.pe-m5-topic-hero:has(.pe-m5-topic-title-link:hover) .pe-m5-topic-hero-media>img,.pe-m5-topic-hero:has(.pe-m5-topic-title-link:focus-visible) .pe-m5-topic-hero-media>img,.pe-m5-topic-hero:has(.pe-m5-topic-title-link:hover) .pe-m5-topic-hero-media>.pe-latest-img,.pe-m5-topic-hero:has(.pe-m5-topic-title-link:focus-visible) .pe-m5-topic-hero-media>.pe-latest-img{transform:scale(var(--pe-image-zoom-scale))}
.pe-m5-topic-layout-highlight{overflow:hidden;border-radius:var(--pe-m5-d-topic-radius,var(--pe-image-radius));background:var(--pe-m5-panel-bg,linear-gradient(90deg,#2944a8 0%,#078bc8 100%))}.pe-m5-topic-layout-highlight .pe-m5-topic-hero{border-radius:var(--pe-m5-d-topic-radius,var(--pe-image-radius))}
.pe-m5-topic-more{margin-top:0;padding:15px 18px 18px;background:var(--pe-m5-panel-bg,linear-gradient(90deg,#2944a8 0%,#078bc8 100%));color:#fff;border-radius:0 0 var(--pe-m5-d-topic-radius,var(--pe-image-radius)) var(--pe-m5-d-topic-radius,var(--pe-image-radius))}.pe-m5-topic-more-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pe-m5-topic-more-title{flex:0 0 auto;margin:0;color:#ffcc32;font-family:var(--pe-font-family);font-size:14px;font-weight:var(--pe-font-weight-section-desktop);line-height:1.25}.pe-m5-topic-more-rule{flex:1 1 auto;height:1px;background:rgba(255,255,255,.22)}.pe-m5-topic-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.pe-m5-topic-more-item{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#fff;font-family:var(--pe-font-family);font-size:14px;font-weight:var(--pe-font-weight-layout-desktop);line-height:1.4;text-decoration:none}.pe-m5-topic-more-item:hover,.pe-m5-topic-more-item:focus-visible{color:#ffcc32}

.pe-m5-sticky-package{position:sticky;top:var(--pe-m5-d-sticky-top,50px);width:100%;max-width:100%;min-width:0}body.admin-bar .pe-m5-sticky-package{top:calc(var(--pe-m5-d-sticky-top,50px) + 32px)}.pe-m5-sticky-ad{width:100%;max-width:100%;overflow:hidden;border-radius:0px}.pe-m5-sticky-ad a{display:block;color:inherit;text-decoration:none}.pe-m5-sticky-ad img{display:block;width:100%;height:auto;max-width:100%;border-radius:inherit}.pe-m5-mobile-ad-slot{display:none;min-width:0;width:100%}.pe-m5-mobile-ad,.pe-m5-mobile-ad a{display:block;width:100%;color:inherit;text-decoration:none}.pe-m5-mobile-ad img{display:block;width:100%;height:auto;max-width:100%}
.pe-m5-popular-slot{min-width:0;margin:0!important;padding:12px 12px 16px!important;background:#fff}.pe-m5-popular{margin:0;padding:0;border:0;min-width:0}.pe-m5-popular-title{margin:0 0 12px;color:var(--pe-color-section-first);font-family:var(--pe-m5-popular-title-font-d,var(--pe-font-family));font-size:var(--pe-m5-popular-title-size-d,12px);font-weight:var(--pe-font-weight-section-desktop);line-height:1.25}.pe-m5-popular-grid{display:grid;grid-template-columns:repeat(var(--pe-m5-popular-columns-d,2),minmax(0,1fr));column-gap:12px;row-gap:8px}.pe-m5-popular-item{display:flex;align-items:flex-start;gap:5px;min-width:0;text-decoration:none;font-family:var(--pe-m5-popular-tag-font-d,var(--pe-font-family));font-size:var(--pe-m5-popular-tag-size-d,12px);font-weight:var(--pe-font-weight-layout-desktop);line-height:1.3}.pe-m5-popular-hash{flex:0 0 auto;color:#e32636}.pe-m5-popular-name{display:block;min-width:0;overflow-wrap:anywhere;color:var(--pe-color-title);transition:color .16s ease}.pe-m5-popular-item:hover .pe-m5-popular-name,.pe-m5-popular-item:focus-visible .pe-m5-popular-name{color:var(--pe-color-title-hover)}

@media(max-width:900px){.pe-m5-berita-utama,.pe-m5-berita-utama.pe-m5-has-rail{display:flex;flex-direction:column;width:100%}.pe-m5-top5-section{order:1;width:100%}.pe-m5-topic-column{order:2;margin-top:34px;width:100%}.pe-m5-sticky-column{order:3;display:block!important;width:100%;margin-top:18px;background:transparent!important}.pe-m5-sticky-package{position:static;top:auto;width:100%}.pe-m5-sticky-ad{display:none!important}.pe-m5-popular-slot{margin:0!important;padding:18px 0px 8px!important;background:transparent!important;border-top:2px solid #f0f1f2}.pe-m5-popular-title{margin-bottom:16px;font-family:var(--pe-m5-popular-title-font-m,var(--pe-font-family));font-size:var(--pe-m5-popular-title-size-m,14px);font-weight:var(--pe-font-weight-section-mobile)}.pe-m5-popular-grid{grid-template-columns:repeat(var(--pe-m5-popular-columns-m,2),minmax(0,1fr));column-gap:18px;row-gap:14px}.pe-m5-popular-item{gap:7px;font-family:var(--pe-m5-popular-tag-font-m,var(--pe-font-family));font-size:var(--pe-m5-popular-tag-size-m,13px);font-weight:var(--pe-font-weight-layout-mobile)}.pe-m5-latest-slot{order:4;width:100%}.pe-m5-latest-slot>.pe-latest-section{margin-top:27px!important}}
@media(max-width:767px){.pe-m5-berita-utama{padding-bottom:26px!important}.pe-m5-topic-column{order:1;display:block;margin-top:0}.pe-m5-top5-section{order:2;margin-top:24px}.pe-m5-sticky-column{order:3}.pe-m5-mobile-ad-slot{display:block;order:4;width:100%;margin-top:12px}.pe-m5-latest-slot{order:5}.pe-m5-top5-track{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.pe-m5-top5-track::-webkit-scrollbar{display:none}.pe-m5-top5-track-item{flex:0 0 clamp(210px,var(--pe-m5-m-top5-width,78%),430px)}.pe-m5-top5-media{aspect-ratio:var(--pe-m5-m-top5-ratio,16/9);border-radius:var(--pe-image-radius);background:var(--pe-color-media)}.pe-m5-top5-time-gradient{background:linear-gradient(to top,rgba(0,0,0,.74) 0%,rgba(0,0,0,.40) 38%,rgba(0,0,0,0) 100%)}.pe-m5-top5-title{-webkit-line-clamp:var(--pe-m5-m-top5-title-lines,3);margin-top:8px;font-size:var(--pe-m5-m-top5-title-size,13.5px);font-weight:var(--pe-font-weight-layout-mobile);line-height:1.34}.pe-m5-top5-time{left:8px;bottom:6px;color:#fff;font-size:var(--pe-font-meta-mobile);font-weight:var(--pe-font-weight-meta-mobile)}.pe-m5-topic-choice-desktop{display:none!important}.pe-m5-topic-choice-mobile{display:block}.pe-m5-topic-hero{aspect-ratio:var(--pe-m5-m-topic-ratio,16/10);border-radius:var(--pe-m5-m-topic-radius,var(--pe-image-radius));background:var(--pe-color-media)}.pe-m5-topic-layout-highlight{border-radius:var(--pe-m5-m-topic-radius,var(--pe-image-radius))}.pe-m5-topic-layout-highlight .pe-m5-topic-hero{border-radius:var(--pe-m5-m-topic-radius,var(--pe-image-radius))}.pe-m5-topic-more{border-radius:0 0 var(--pe-m5-m-topic-radius,var(--pe-image-radius)) var(--pe-m5-m-topic-radius,var(--pe-image-radius));padding:12px 14px 14px}.pe-m5-topic-more-title{color:#ffcc32;font-size:12.5px;font-weight:var(--pe-font-weight-section-mobile)}.pe-m5-topic-more-rule{background:rgba(255,255,255,.22)}.pe-m5-topic-more-item{color:#fff;-webkit-line-clamp:2;font-size:12.5px;font-weight:var(--pe-font-weight-layout-mobile);line-height:1.38}.pe-m5-topic-more-item:hover,.pe-m5-topic-more-item:focus-visible{color:#ffcc32}.pe-m5-topic-hero-copy{left:17px;right:17px;bottom:16px}.pe-m5-topic-hero-copy h2{-webkit-line-clamp:var(--pe-m5-m-topic-title-lines,2);margin-bottom:7px;font-size:var(--pe-m5-m-topic-title-size,18px);font-weight:var(--pe-font-weight-layout-mobile);line-height:1.28}.pe-m5-topic-title-link{color:#fff}.pe-m5-topic-meta{font-size:var(--pe-font-meta-mobile);font-weight:var(--pe-font-weight-meta-mobile);color:#fff}.pe-m5-topic-title-link:hover,.pe-m5-topic-title-link:focus-visible{color:#ffcc32}.pe-m5-topic-more-head{gap:12px;margin-bottom:12px}.pe-m5-topic-more-grid{gap:0 14px}}
@media(max-width:480px){.pe-m5-sticky-column{margin-top:16px}}

/* Core zoom consumer.
 * Skeleton-ready opacity presentation has higher specificity than the base M5
 * transition rule, so real IMG media explicitly consume the Core zoom tokens.
 * Semantic placeholders remain intentionally non-animated. */
.pe-m5-top5-media>img,.pe-m5-topic-hero-media>img{transform:scale(1);transform-origin:center center;transition:transform var(--pe-image-zoom-duration) var(--pe-image-motion-ease)!important;will-change:transform}
.pe-m5-top5-media-link:hover .pe-m5-top5-media>img,.pe-m5-top5-media-link:focus-visible .pe-m5-top5-media>img,.pe-m5-top5-item:has(.pe-m5-top5-title-link:hover) .pe-m5-top5-media>img,.pe-m5-top5-item:has(.pe-m5-top5-title-link:focus-visible) .pe-m5-top5-media>img,.pe-m5-topic-hero-media:hover>img,.pe-m5-topic-hero-media:focus-visible>img,.pe-m5-topic-hero:has(.pe-m5-topic-title-link:hover) .pe-m5-topic-hero-media>img,.pe-m5-topic-hero:has(.pe-m5-topic-title-link:focus-visible) .pe-m5-topic-hero-media>img{transform:scale(var(--pe-image-zoom-scale))!important}
@media(prefers-reduced-motion:reduce){.pe-m5-top5-media>img,.pe-m5-top5-media>.pe-latest-img,.pe-m5-topic-hero-media>img,.pe-m5-topic-hero-media>.pe-latest-img{transition:none!important}.pe-m5-top5-media-link:hover .pe-m5-top5-media>img,.pe-m5-top5-media-link:focus-visible .pe-m5-top5-media>img,.pe-m5-top5-media-link:hover .pe-m5-top5-media>.pe-latest-img,.pe-m5-top5-media-link:focus-visible .pe-m5-top5-media>.pe-latest-img,.pe-m5-top5-item:has(.pe-m5-top5-title-link:hover) .pe-m5-top5-media>img,.pe-m5-top5-item:has(.pe-m5-top5-title-link:focus-visible) .pe-m5-top5-media>img,.pe-m5-top5-item:has(.pe-m5-top5-title-link:hover) .pe-m5-top5-media>.pe-latest-img,.pe-m5-top5-item:has(.pe-m5-top5-title-link:focus-visible) .pe-m5-top5-media>.pe-latest-img,.pe-m5-topic-hero-media:hover>img,.pe-m5-topic-hero-media:focus-visible>img,.pe-m5-topic-hero-media:hover>.pe-latest-img,.pe-m5-topic-hero-media:focus-visible>.pe-latest-img,.pe-m5-topic-hero:has(.pe-m5-topic-title-link:hover) .pe-m5-topic-hero-media>img,.pe-m5-topic-hero:has(.pe-m5-topic-title-link:focus-visible) .pe-m5-topic-hero-media>img,.pe-m5-topic-hero:has(.pe-m5-topic-title-link:hover) .pe-m5-topic-hero-media>.pe-latest-img,.pe-m5-topic-hero:has(.pe-m5-topic-title-link:focus-visible) .pe-m5-topic-hero-media>.pe-latest-img{transform:none!important}}