/*
Theme Name: CirebonTrust News
Theme URI: https://cirebontrust.id/
Author: CirebonTrust
Author URI: https://cirebontrust.id/
Description: Theme portal berita modern untuk CirebonTrust.id, responsif dan siap digunakan.
Version: 27.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: cirebontrust
License: GPL-2.0-or-later
*/

:root{--red:#e21d2f;--red-dark:#bd1022;--blue:#154b8b;--ink:#171a20;--muted:#69707c;--line:#e7e9ed;--soft:#f5f6f8;--white:#fff;--radius:12px;--shadow:0 8px 28px rgba(20,32,52,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto;display:block}.container{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.topline{height:4px;background:linear-gradient(90deg,var(--red) 0 70%,var(--blue) 70%)}.header-main{height:92px;display:flex;align-items:center;gap:34px}.site-branding{flex:0 0 auto}.custom-logo-link img{max-height:62px;width:auto}.brand-text{display:inline-flex;flex-direction:column;line-height:1}.brand-name{font-weight:900;font-size:31px;letter-spacing:-1.8px;color:var(--red)}.brand-name span{color:var(--blue)}.brand-tag{font-size:10px;letter-spacing:2.5px;margin-top:7px;text-align:right;color:#555;text-transform:uppercase}.header-ad{margin-left:auto;width:620px;min-height:60px;border:1px dashed #d6d9df;color:#9aa0a9;background:#fafbfc;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:1px}.mobile-trigger{display:none;margin-left:auto;border:0;background:none;padding:8px}.mobile-trigger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.main-nav-wrap{position:sticky;top:0;z-index:50;background:var(--red);box-shadow:0 2px 8px rgba(0,0,0,.12)}.nav-row{display:flex;align-items:center;min-height:48px}.main-nav{flex:1}.main-nav ul{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none}.main-nav a{display:block;padding:14px 15px;color:#fff;font-size:14px;font-weight:700;white-space:nowrap}.main-nav li:first-child a{padding-left:0}.main-nav a:hover{color:#fff;opacity:.78}.search-toggle{border:0;background:var(--red-dark);color:#fff;width:48px;height:48px;font-size:19px;cursor:pointer}.search-panel{display:none;padding:12px 0;background:#fff;border-bottom:1px solid var(--line)}.search-panel.active{display:block}.search-form{display:flex}.search-field{width:100%;height:44px;border:1px solid var(--line);padding:0 15px;font-size:15px}.search-submit{border:0;color:#fff;background:var(--blue);font-weight:700;padding:0 24px}.ticker{border-bottom:1px solid var(--line);background:#fff}.ticker-inner{height:46px;display:flex;align-items:center;overflow:hidden}.ticker-label{flex:0 0 auto;padding:5px 12px;color:#fff;background:var(--blue);font-size:12px;font-weight:800;border-radius:5px;margin-right:16px}.ticker-list{display:flex;gap:32px;white-space:nowrap;overflow:hidden;color:#3e4249;font-size:13px}.ticker-list a:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin:0 8px 1px 0}.site-main{padding:28px 0 50px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);grid-template-rows:repeat(2,215px);gap:10px;margin-bottom:30px}.hero-card{position:relative;overflow:hidden;border-radius:var(--radius);background:#29313e}.hero-card:first-child{grid-row:1/3}.hero-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.hero-card:hover img{transform:scale(1.035)}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,8,14,.9),transparent 72%)}.hero-copy{position:absolute;z-index:2;bottom:0;padding:22px;color:#fff}.hero-copy h2{font-size:27px;line-height:1.2;margin:8px 0}.hero-card:not(:first-child) .hero-copy{padding:15px}.hero-card:not(:first-child) h2{font-size:17px;margin:5px 0}.eyebrow{display:inline-block;border-radius:4px;background:var(--red);color:#fff;padding:3px 8px;font-size:10px;font-weight:800;text-transform:uppercase}.meta{font-size:12px;color:#838a95}.hero-copy .meta{color:#e1e3e8}.section-head{display:flex;align-items:center;gap:12px;margin:31px 0 18px;border-bottom:2px solid var(--line)}.section-head h2{font-size:21px;margin:0;padding:0 0 9px;position:relative}.section-head h2:after{content:"";position:absolute;height:3px;width:100%;bottom:-2px;left:0;background:var(--red)}.section-head a{margin-left:auto;color:var(--red);font-size:12px;font-weight:700}.news-list{display:grid;gap:20px}.news-item{display:grid;grid-template-columns:230px 1fr;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line)}.news-thumb{aspect-ratio:16/10;overflow:hidden;border-radius:9px;background:#e9edf2}.news-thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.news-item:hover img{transform:scale(1.04)}.news-item h3{font-size:20px;line-height:1.3;margin:6px 0 7px}.excerpt{margin:0;color:var(--muted);font-size:14px}.category-block{display:grid;grid-template-columns:1.18fr 1fr;gap:22px}.lead-card .news-thumb{aspect-ratio:16/10}.lead-card h3{font-size:23px;line-height:1.25;margin:10px 0 5px}.compact-list{display:grid;gap:15px}.compact-item{display:grid;grid-template-columns:105px 1fr;gap:12px}.compact-item .news-thumb{aspect-ratio:1/ .72}.compact-item h3{font-size:15px;line-height:1.35;margin:0 0 5px}.sidebar-box{border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:24px;background:#fff}.sidebar-title{font-size:19px;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--ink);position:relative}.sidebar-title:after{content:"";position:absolute;left:0;bottom:-2px;width:70px;height:3px;background:var(--red)}.popular-list{counter-reset:pop;display:grid;gap:15px}.popular-item{counter-increment:pop;display:grid;grid-template-columns:34px 1fr;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.popular-item:last-child{border:0;padding-bottom:0}.popular-item:before{content:counter(pop);color:var(--red);font-size:27px;font-weight:900;line-height:1}.popular-item h3{font-size:14px;line-height:1.4;margin:0}.ad-box{min-height:250px;background:#f6f7f9;border:1px dashed #ccd1d9;display:flex;align-items:center;justify-content:center;color:#a0a6af;font-size:11px}.widget{margin-bottom:24px}.widget ul{padding-left:18px}.widget-title{font-size:18px}.site-footer{background:#121822;color:#c5cad2;margin-top:30px}.footer-top{padding:45px 0 32px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:42px}.footer-brand .brand-name{font-size:28px}.footer-brand p{max-width:420px;font-size:13px}.footer-title{color:#fff;font-size:15px;margin:0 0 14px}.footer-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:13px}.copyright{border-top:1px solid #29303c;padding:16px 0;font-size:12px;display:flex;justify-content:space-between}.archive-title{font-size:25px;margin:0 0 22px}.pagination{margin-top:28px}.nav-links{display:flex;gap:7px}.page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:5px}.page-numbers.current{background:var(--red);color:#fff;border-color:var(--red)}.article-header{max-width:780px}.article-header h1{font-size:39px;line-height:1.2;letter-spacing:-.6px;margin:10px 0 12px}.article-deck{font-size:18px;color:var(--muted)}.article-meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;margin:18px 0}.article-cover{border-radius:12px;margin:20px 0 7px;width:100%}.caption{color:#89909b;font-size:11px}.article-body{font-family:Georgia,serif;font-size:18px;line-height:1.8}.article-body h2,.article-body h3{font-family:Arial,sans-serif}.article-body img{border-radius:8px}.article-tags{border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.article-tags a{display:inline-block;padding:5px 10px;background:var(--soft);border-radius:5px;font-size:12px;margin:3px}.share-row{display:flex;gap:8px;margin:18px 0}.share-row a{padding:7px 12px;border-radius:5px;background:var(--blue);color:#fff;font-size:12px}.empty-state{padding:40px;background:var(--soft);border-radius:10px}.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
@media(max-width:900px){.header-ad{display:none}.header-main{height:76px}.mobile-trigger{display:block}.main-nav-wrap{position:relative}.nav-row{min-height:0}.main-nav{display:none;position:absolute;top:0;left:0;right:0;background:var(--red);box-shadow:var(--shadow)}.main-nav.active{display:block}.main-nav ul{display:block}.main-nav a,.main-nav li:first-child a{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.13)}.search-toggle{margin-left:auto}.content-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.sidebar>*{min-width:0}.hero-grid{grid-template-rows:repeat(2,180px)}.footer-top{grid-template-columns:1.4fr 1fr}.footer-top>div:last-child{grid-column:1/-1}}
@media(max-width:640px){body{font-size:14px}.container{width:min(100% - 24px,1180px)}.topline{height:3px}.header-main{height:65px}.brand-name{font-size:25px}.brand-tag{font-size:8px;margin-top:4px}.custom-logo-link img{max-height:46px}.ticker-inner{height:41px}.ticker-list{gap:18px}.site-main{padding-top:16px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:235px 145px;gap:8px}.hero-card:first-child{grid-column:1/-1;grid-row:auto}.hero-card:not(:first-child) .hero-copy{padding:11px}.hero-card:not(:first-child) h2{font-size:14px}.hero-copy{padding:17px}.hero-copy h2{font-size:22px}.hero-copy .meta{display:none}.content-grid{gap:20px}.news-item{grid-template-columns:125px 1fr;gap:12px;padding-bottom:14px}.news-item h3{font-size:16px;margin:3px 0 5px}.news-item .excerpt{display:none}.category-block{grid-template-columns:1fr}.compact-item{grid-template-columns:115px 1fr}.sidebar{display:block}.section-head{margin-top:25px}.article-header h1{font-size:29px}.article-deck{font-size:16px}.article-body{font-size:17px}.footer-top{grid-template-columns:1fr;gap:25px;padding-top:32px}.footer-top>div:last-child{grid-column:auto}.copyright{display:block;line-height:1.8}.header-main .mobile-trigger{order:2}.search-toggle{height:44px;width:44px}.archive-title{font-size:22px}}

/* Version 2 polish */
@media(min-width:901px){.container{width:min(1200px,calc(100% - 40px))}.header-main{height:104px;gap:40px}.brand-name{font-size:35px}.main-nav a{padding-left:17px;padding-right:17px}.content-grid{gap:36px}.hero-grid{grid-template-rows:repeat(2,220px);margin-bottom:34px}.sidebar{align-self:start;position:sticky;top:68px}.news-item{grid-template-columns:245px 1fr;gap:20px;padding-bottom:22px}.news-item h3{font-size:21px;letter-spacing:-.25px}.footer-top{padding-top:38px;padding-bottom:26px}}
.wide-ad{min-height:110px;margin:32px 0;border-radius:10px}.editor-list{display:grid;gap:15px}.editor-item{display:grid;grid-template-columns:92px 1fr;gap:11px}.editor-item img{width:92px;height:66px;object-fit:cover;border-radius:7px}.editor-item h3{font-size:14px;line-height:1.35;margin:0 0 5px}.spotlight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.spotlight-card{min-width:0}.spotlight-card .news-thumb{aspect-ratio:16/10}.spotlight-card h3{font-size:18px;line-height:1.32;margin:9px 0 5px}.spotlight-card:first-child{grid-column:1/-1}.spotlight-card:first-child h3{font-size:25px}.spotlight-card:first-child .news-thumb{aspect-ratio:16/8}.section-head h2{font-size:23px;letter-spacing:-.3px}
@media(max-width:900px){.sidebar{position:static}}
@media(max-width:640px){.spotlight-grid{gap:12px}.spotlight-card:first-child h3{font-size:21px}.spotlight-card h3{font-size:14px}.wide-ad{min-height:90px;margin:24px 0}.section-head h2{font-size:21px}}

/* Version 3: varied sections and controlled sticky */
@media(min-width:901px){
  .sidebar{position:static}
  .popular-sticky-zone{height:520px}
  .popular-sticky-zone>.sidebar-box{position:sticky;top:68px}
  .spotlight-grid{grid-template-columns:1.25fr 1fr;gap:14px 18px;align-items:start}
  .spotlight-card:first-child{grid-column:auto;grid-row:1/5}
  .spotlight-card:first-child .news-thumb{aspect-ratio:16/11}
  .spotlight-card:first-child h3{font-size:24px}
  .spotlight-card:not(:first-child)>a{display:grid;grid-template-columns:120px 1fr;gap:0 12px;align-items:start}
  .spotlight-card:not(:first-child) .news-thumb{grid-row:1/3;width:120px;height:80px}
  .spotlight-card:not(:first-child) h3{font-size:15px;margin:0 0 6px}
  .spotlight-card:not(:first-child) .meta{grid-column:2}
  .category-reverse{grid-template-columns:1fr 1.18fr}
  .category-reverse .lead-card{order:2}
  .category-reverse .compact-list{order:1}
}

/* Version 11: large hero with four stories below */
.headline-feature{padding:12px;border:1px solid #edf0f4;border-radius:15px;background:#fff;box-shadow:0 7px 24px rgba(20,32,52,.06);margin-bottom:34px}.headline-feature .headline-slider{width:100%;height:410px}.headline-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;padding:18px 0 2px}.headline-mini-item{display:grid;grid-template-columns:122px 1fr;gap:13px;align-items:start;min-width:0}.headline-mini-item .headline-latest-thumb{width:122px;height:78px}.headline-mini-item h3{font-size:15px;line-height:1.34;margin:0 0 7px}.mini-category{color:#7b8491;font-size:11px;font-weight:700}
@media(min-width:901px){.headline-feature .headline-copy h2{max-width:680px;font-size:28px}}
@media(max-width:640px){.headline-feature{padding:8px;margin-left:-4px;margin-right:-4px}.headline-feature .headline-slider{height:300px}.headline-mini-grid{grid-template-columns:1fr;gap:12px;padding-top:14px}.headline-mini-item{grid-template-columns:112px 1fr}.headline-mini-item .headline-latest-thumb{width:112px;height:72px}.headline-mini-item h3{font-size:14px}.headline-mini-item:nth-child(n+4){display:none}}

/* Version 12: admin-managed network, regional and trending strips */
.network-strip{background:#fff;border-bottom:1px solid #e1e4e9}.network-strip-inner{min-height:48px;display:flex;align-items:center;gap:24px;overflow:hidden}.network-widgets{display:flex;align-items:center;min-width:0;overflow:hidden}.network-widgets .widget{margin:0}.network-widgets .wp-block-gallery,.network-widgets .wp-block-group{display:flex;align-items:center;flex-wrap:nowrap;gap:14px;margin:0}.network-widgets figure{margin:0!important;width:auto!important}.network-widgets img{display:block;width:auto!important;max-width:105px;max-height:27px;object-fit:contain}.regional-nav-wrap{display:flex;align-items:center;gap:13px;margin-left:auto;white-space:nowrap}.regional-label{font-size:10px;color:#7a828e;letter-spacing:.8px}.regional-nav ul{display:flex;align-items:center;gap:16px;margin:0;padding:0;list-style:none}.regional-nav a{font-size:12px;font-weight:750;color:#252a32}.regional-nav a:hover{color:var(--red)}
.ticker-label{white-space:nowrap}.ticker-label span{font-size:9px}.ticker-list .menu{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none}.ticker-list .menu li{display:flex;align-items:center}.ticker-list .menu li+li:before{content:"";width:1px;height:14px;background:#b8bec7;margin:0 14px}.ticker-list .menu a:before{display:none}.ticker-list .menu a{font-size:13px}
@media(max-width:900px){.network-strip-inner{overflow-x:auto;min-height:45px}.network-widgets{flex:0 0 auto}.regional-nav-wrap{flex:0 0 auto}.ticker-list .menu{white-space:nowrap}}
@media(max-width:640px){.network-strip-inner{gap:16px}.network-widgets img{max-height:23px;max-width:86px}.regional-nav ul{gap:13px}.regional-label{display:none}.ticker-label{font-size:10px;padding:4px 9px}.ticker-list .menu li+li:before{margin:0 10px}}

/* Version 13: network-logo sizing */
.network-strip-inner{min-height:42px}.network-widgets .wp-block-gallery,.network-widgets .wp-block-group{gap:20px}.network-widgets img{max-width:125px;max-height:32px}.network-widgets .widget_media_image{display:flex;align-items:center}.network-widgets .widget_media_image+.widget_media_image{margin-left:20px}
@media(max-width:640px){.network-strip-inner{min-height:40px}.network-widgets img{max-width:105px;max-height:27px}.network-widgets .widget_media_image+.widget_media_image{margin-left:15px}}

/* Version 14: full-width, evenly spaced media-network logos */
.network-strip-inner{width:calc(100% - 36px);max-width:1280px;min-height:48px;padding:0;margin:0 auto;gap:22px}
.network-widgets{display:flex;align-items:center;gap:18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:7px 0;flex:1}
.network-widgets::-webkit-scrollbar{display:none}
.network-widgets>.widget{display:flex;align-items:center;justify-content:center;flex:0 0 auto;margin:0!important;padding:0!important;line-height:1}
.network-widgets>.widget+.widget{margin-left:0!important}
.network-widgets .wp-block-image,.network-widgets .wp-block-gallery,.network-widgets .wp-block-group,.network-widgets figure,.network-widgets p{margin:0!important;padding:0!important}
.network-widgets a{display:flex;align-items:center;justify-content:center}
.network-widgets img{display:block!important;width:auto!important;height:auto!important;max-width:120px!important;max-height:32px!important;object-fit:contain}
@media(max-width:640px){.network-strip-inner{width:calc(100% - 24px);min-height:44px;gap:16px}.network-widgets{gap:14px;padding:6px 0}.network-widgets img{max-width:105px!important;max-height:29px!important}}

/* Version 15: Detik-style blue primary navigation without search button */
.main-nav-wrap{background:#fff;border:0;box-shadow:0 3px 10px rgba(23,48,94,.10);padding:0}
.main-nav-wrap .nav-row{min-height:44px;padding:0 18px;background:linear-gradient(100deg,#203d91 0%,#2854b6 58%,#579ff7 100%);border-radius:4px 4px 0 0}
.main-nav a,.main-nav li:first-child a{padding:12px 14px;color:#fff;font-size:13px;font-weight:800}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:#fff;opacity:.82}
.main-nav .current-menu-item>a:after,.main-nav .current_page_item>a:after{display:none}
@media(max-width:900px){.main-nav-wrap{background:#fff}.main-nav-wrap .nav-row{min-height:44px;padding:0;background:linear-gradient(100deg,#203d91 0%,#2854b6 58%,#579ff7 100%)}.main-nav{background:#24479e}.main-nav a,.main-nav li:first-child a{color:#fff;border-bottom:1px solid rgba(255,255,255,.15);padding:13px 18px}.main-nav a:hover{color:#fff}}
.primary-content>section:last-child{margin-bottom:10px}
@media(max-width:900px){.popular-sticky-zone{height:auto}.popular-sticky-zone>.sidebar-box{position:static}}
@media(max-width:640px){
  .spotlight-grid{grid-template-columns:1fr}
  .spotlight-card:first-child{grid-column:auto}
  .spotlight-card:not(:first-child)>a{display:grid;grid-template-columns:110px 1fr;gap:0 10px}
  .spotlight-card:not(:first-child) .news-thumb{grid-row:1/3;width:110px;height:75px}
  .spotlight-card:not(:first-child) h3{margin:0 0 5px}
  .spotlight-card:not(:first-child) .meta{grid-column:2}
}

/* Version 4: headline slider + latest list */
.headline-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px;margin-bottom:34px}
.headline-slider{position:relative;height:450px;overflow:hidden;border-radius:var(--radius);background:#202633}
.headline-track,.headline-slide,.headline-slide>a{position:absolute;inset:0}
.headline-slide{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.headline-slide.is-active{opacity:1;visibility:visible;z-index:2}
.headline-slide img{width:100%;height:100%;object-fit:cover}
.headline-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,13,.9),rgba(3,7,13,.05) 72%);pointer-events:none}
.headline-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:28px;color:#fff}
.headline-copy h2{font-size:30px;line-height:1.17;letter-spacing:-.5px;margin:9px 0}
.headline-copy .meta{color:#e4e7ec}
.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:38px;height:46px;border:0;border-radius:6px;background:rgba(0,0,0,.46);color:#fff;font-size:30px;line-height:1;cursor:pointer;opacity:0;transition:.2s}
.headline-slider:hover .slider-arrow,.headline-slider:focus-within .slider-arrow{opacity:1}.slider-prev{left:14px}.slider-next{right:14px}
.slider-dots{position:absolute;z-index:6;right:20px;bottom:20px;display:flex;gap:7px}.slider-dot{width:8px;height:8px;border:0;border-radius:20px;padding:0;background:rgba(255,255,255,.55);cursor:pointer;transition:.25s}.slider-dot.is-active{width:24px;background:#fff}
.headline-latest{height:450px;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#fff;overflow:hidden}
.headline-latest-title{display:flex;align-items:center;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:4px}.headline-latest-title span{font-size:19px;font-weight:800}.headline-latest-title span:after{content:"";display:block;width:64px;height:3px;background:var(--red);position:relative;bottom:-12px}.headline-latest-title a{margin-left:auto;color:var(--red);font-size:12px;font-weight:700}
.headline-latest-list{display:grid}.headline-latest-item{display:grid;grid-template-columns:98px 1fr;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.headline-latest-item:last-child{border-bottom:0}.headline-latest-thumb{height:64px;border-radius:7px;overflow:hidden}.headline-latest-thumb img{width:100%;height:100%;object-fit:cover}.headline-latest-item h3{font-size:14px;line-height:1.3;margin:2px 0 4px}.latest-category{color:var(--red);font-size:9px;font-weight:800;text-transform:uppercase}
@media(max-width:900px){.headline-layout{grid-template-columns:1fr}.headline-slider{height:430px}.headline-latest{height:auto}.headline-latest-list{grid-template-columns:1fr 1fr;gap:0 20px}}
@media(max-width:640px){.headline-layout{gap:14px;margin-bottom:24px}.headline-slider{height:310px}.headline-copy{padding:18px}.headline-copy h2{font-size:23px}.slider-arrow{opacity:1;width:32px;height:40px}.slider-dots{right:15px;bottom:15px}.headline-latest{padding:15px}.headline-latest-list{grid-template-columns:1fr}.headline-latest-item{grid-template-columns:105px 1fr}.headline-latest-item:nth-child(n+5){display:none}}

/* Version 5: final proportion polish */
@media(min-width:901px){
  .site-main{padding-top:22px}
  .headline-layout{grid-template-columns:minmax(0,1.72fr) minmax(275px,.95fr);gap:18px}
  .custom-logo-link img{max-height:68px}
  .brand-name{font-size:37px}
  .headline-latest-item{grid-template-columns:92px 1fr;gap:10px}
  .headline-latest-thumb{height:62px}
  .latest-category{font-size:10px}
}

/* Version 6: video shorts */
.shorts-section{margin-top:34px}.shorts-head h2{display:flex;align-items:center;gap:8px}.shorts-mark{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:var(--red);color:#fff;font-size:11px;padding-left:2px}
.shorts-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);grid-template-rows:1fr;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#c8cdd5 transparent}
.short-card{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;overflow:hidden;border:0;border-radius:12px;background:#151922;color:#fff;text-align:left;cursor:pointer;scroll-snap-align:start;box-shadow:0 4px 14px rgba(17,24,39,.12)}
.short-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.short-card:hover img{transform:scale(1.045)}.short-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,7,13,.88),transparent 58%)}.short-play{position:absolute;left:14px;top:14px;display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;background:rgba(237,27,47,.94);font-size:13px;padding-left:2px;box-shadow:0 4px 14px rgba(0,0,0,.24)}.short-duration{position:absolute;right:10px;top:12px;padding:4px 7px;border-radius:4px;background:rgba(0,0,0,.62);font-size:9px;font-weight:800;letter-spacing:.5px}.short-title{position:absolute;left:13px;right:13px;bottom:14px;font-size:14px;font-weight:750;line-height:1.32;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.short-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}.short-modal.is-open{display:flex}.short-modal-backdrop{position:absolute;inset:0;background:rgba(4,7,12,.88);backdrop-filter:blur(5px)}.short-modal-dialog{position:relative;z-index:2;width:min(390px,calc(100vw - 32px));max-height:94vh}.short-player{width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:14px;background:#000;box-shadow:0 20px 70px rgba(0,0,0,.45)}.short-player iframe,.short-player video{width:100%;height:100%;border:0;object-fit:contain}.short-modal-title{color:#fff;font-size:16px;line-height:1.35;margin:12px 40px 0 2px}.short-modal-close{position:absolute;z-index:4;right:-48px;top:0;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.48);color:#fff;font-size:28px;line-height:1;cursor:pointer}.short-modal-open{overflow:hidden}
@media(min-width:901px){.shorts-rail{grid-auto-columns:calc((100% - 56px)/5)}}
@media(max-width:640px){.shorts-section{margin-top:26px}.shorts-rail{grid-auto-columns:42%;gap:11px;margin-right:-12px}.short-title{font-size:13px}.short-modal-close{right:0;top:-46px}}

/* Version 7: compact latest-news rows */
.home .primary-content>.news-list .news-item{align-items:center}

/* Version 8: elegant brand-first header */
.header-top{height:34px;background:#101a2a;color:#dbe2ec;font-size:11px}.header-top-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.header-top-left{display:flex;align-items:center;gap:20px}.header-top-left span{color:#fff;font-weight:650}.header-top a{transition:.2s}.header-top a:hover{color:#fff}.header-social{display:flex;align-items:center;gap:8px}.header-social a{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;font-size:11px;font-weight:800}.header-social a:hover{background:var(--red);border-color:var(--red)}
.site-header{border-bottom:0}.header-main{height:100px}.header-ad{background:#fbfcfd;border-color:#d9dde5;color:#9199a7;border-radius:4px}.main-nav-wrap{background:#fff;border-top:1px solid #eceef2;border-bottom:1px solid #dfe3e9;box-shadow:0 3px 12px rgba(20,32,52,.07)}.nav-row{min-height:52px}.main-nav a{position:relative;padding-top:16px;padding-bottom:16px;color:#20252d}.main-nav li:first-child a{padding-left:0}.main-nav a:hover{color:var(--red);opacity:1}.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:var(--red)}.main-nav .current-menu-item>a:after,.main-nav .current_page_item>a:after{content:"";position:absolute;height:3px;left:15px;right:15px;bottom:-1px;background:var(--red);border-radius:3px 3px 0 0}.main-nav li:first-child.current-menu-item>a:after,.main-nav li:first-child.current_page_item>a:after{left:0}.search-toggle{width:40px;height:40px;border-radius:50%;background:var(--blue);font-size:20px;margin-left:10px}.search-toggle:hover{background:var(--red)}.ticker{background:#f7f8fa}.ticker-inner{height:43px}.ticker-label{background:var(--red)}.search-panel{box-shadow:0 8px 20px rgba(20,32,52,.08)}
@media(max-width:900px){.header-top{display:none}.header-main{height:76px}.main-nav-wrap{background:#fff}.nav-row{min-height:46px}.main-nav{background:#fff}.main-nav a,.main-nav li:first-child a{color:#20252d;border-bottom:1px solid var(--line);padding:13px 20px}.main-nav a:hover{color:var(--red)}.main-nav .current-menu-item>a:after,.main-nav .current_page_item>a:after{display:none}.search-toggle{width:38px;height:38px;margin:4px 0 4px auto}}
@media(max-width:640px){.header-main{height:66px}.custom-logo-link img{max-height:48px}.brand-name{font-size:26px}.ticker-inner{height:40px}}

/* Version 9: header finishing details */
.header-top{font-size:12px}.topbar-identity{color:#bfc9d7;font-size:11px;letter-spacing:.25px}.header-ad{border-color:#cbd2dc;color:#858f9d}.ticker-label{font-size:11px;padding:4px 11px;letter-spacing:.15px}

/* Version 10: narrower boxed desktop layout */
@media(min-width:901px){
  .container{width:min(1100px,calc(100% - 40px))}
  .content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:30px}
  .headline-layout{grid-template-columns:minmax(0,1.7fr) minmax(255px,1fr);gap:16px}
  .headline-copy h2{font-size:28px}
  .news-item{grid-template-columns:225px 1fr;gap:18px}
  .header-ad{width:580px}
  .main-nav a{padding-left:15px;padding-right:15px}
  .headline-latest{padding-left:16px;padding-right:16px}
  .headline-latest-item{grid-template-columns:86px 1fr}
  .headline-latest-thumb{height:60px}
  .headline-latest-item h3{font-size:13px}
}

/* Version 16: final navigation color override — keep last */
.main-nav-wrap{background:#fff;border:0;box-shadow:0 3px 10px rgba(23,48,94,.10)}
.main-nav-wrap .nav-row{min-height:44px;padding:0 18px;background:linear-gradient(100deg,#203d91 0%,#2854b6 58%,#579ff7 100%);border-radius:4px 4px 0 0}
.main-nav a,.main-nav li:first-child a{padding:12px 14px;color:#fff;font-size:13px;font-weight:800}
.main-nav a:hover,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:#fff;opacity:.82}
.main-nav .current-menu-item>a:after,.main-nav .current_page_item>a:after{display:none}
@media(max-width:900px){.main-nav-wrap .nav-row{min-height:44px;padding:0;background:linear-gradient(100deg,#203d91 0%,#2854b6 58%,#579ff7 100%)}.main-nav{background:#24479e}.main-nav a,.main-nav li:first-child a{color:#fff;border-bottom:1px solid rgba(255,255,255,.15);padding:13px 18px}.main-nav a:hover{color:#fff}}

/* Version 17: Detik-style regional navigation */
.regional-nav-wrap{gap:11px;margin-left:auto;color:#20252d}
.regional-pin{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;color:#555;font-size:17px;line-height:1}
.regional-label{font-size:11px;color:#303640;letter-spacing:.35px}
.regional-label:after{content:":"}
.regional-nav ul{gap:16px}
.regional-nav a{font-size:12px;font-weight:900;color:#171a20;text-transform:uppercase}
.regional-more{display:inline-flex;align-items:center;gap:5px;margin-left:2px;padding:9px 18px;border-radius:22px;background:#ed252f;color:#fff!important;font-size:11px;font-weight:900;white-space:nowrap;transition:.2s}
.regional-more:hover{background:#c91520;color:#fff!important}
.regional-chevron{font-size:13px;line-height:1;transform:translateY(-1px)}
@media(max-width:900px){.regional-nav-wrap{padding-right:2px}.regional-more{padding:8px 14px}.regional-nav ul{gap:13px}}
@media(max-width:640px){.regional-pin{display:inline-flex}.regional-label{display:inline}.regional-more{padding:7px 12px}.regional-nav a{font-size:11px}}

/* Version 18: functional regional dropdown */
.regional-nav-wrap{position:relative}
.regional-more{border:0;cursor:pointer;font-family:inherit}
.regional-more[aria-expanded="true"] .regional-chevron{transform:rotate(180deg) translateY(1px)}
.regional-dropdown{position:absolute;z-index:80;top:calc(100% + 8px);right:0;width:210px;padding:8px;background:#fff;border:1px solid #e2e5ea;border-radius:10px;box-shadow:0 12px 30px rgba(20,32,52,.16);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .18s,transform .18s,visibility .18s}
.regional-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.regional-dropdown ul{display:block;margin:0;padding:0;list-style:none}
.regional-dropdown li+li{border-top:1px solid #edf0f3}
.regional-dropdown a{display:block;padding:9px 11px;border-radius:6px;color:#20252d;font-size:12px;font-weight:800;text-transform:none}
.regional-dropdown a:hover{background:#f4f6f9;color:#ed252f}
@media(max-width:640px){.regional-dropdown{position:fixed;top:auto;right:12px;bottom:12px;left:12px;width:auto;max-height:60vh;overflow-y:auto}}

/* Version 20: full-width video row below the headline slider */
.home .primary-content>.shorts-section{position:relative;z-index:3;width:calc(100% + 330px);margin:32px 0 30px;padding:1px 18px 18px;background:#f2f2f2;border-radius:10px}
.home .shorts-section .section-head{margin:0 0 18px;padding-top:0;min-height:48px;border-bottom:2px solid #d9dce1}
.home .shorts-section .section-head h2{font-size:22px;padding-bottom:8px}
.home .shorts-section .section-head h2:after{width:20px;height:2px;bottom:-2px}
.home .shorts-rail{grid-auto-columns:calc((100% - 56px)/5);gap:14px;padding-bottom:2px}
.home .short-card{border-radius:11px;box-shadow:none}
@media(max-width:900px){.home .primary-content>.shorts-section{width:100%;padding:1px 14px 15px}.home .shorts-rail{grid-auto-columns:calc((100% - 42px)/4)}}
@media(max-width:640px){.home .primary-content>.shorts-section{margin:24px 0;padding:1px 12px 14px}.home .shorts-section .section-head h2{font-size:20px}.home .shorts-rail{grid-auto-columns:44%;gap:11px;margin-right:-12px}}

/* Version 22: compact duration badge, no large play logo */
.short-play{display:none!important}
.short-duration{top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;background:rgba(20,23,29,.78);color:#fff;font-size:11px;font-weight:700;letter-spacing:0;line-height:1}
.short-duration-play{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:#fff;color:#4b4f57;font-size:7px;line-height:1;padding-left:1px}

/* Version 23: slightly smaller desktop video cards */
@media(min-width:901px){.home .shorts-rail{grid-auto-columns:calc((100% - 70px)/6)}}

/* Version 24: expandable focus panel below trending */
.focus-panel{position:relative;margin-bottom:30px;overflow:hidden;border:1px solid rgba(105,83,48,.18);border-radius:16px;background:#ebe3cf;background-image:linear-gradient(90deg,rgba(28,56,42,.82),rgba(240,194,120,.72),rgba(244,242,229,.88)),var(--focus-background);background-position:center;background-size:cover;box-shadow:0 5px 18px rgba(49,54,45,.08)}
.focus-collapsed{min-height:145px;display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:18px;padding:12px 14px 12px 22px}
.focus-brand{display:flex;flex-direction:column;color:#fff;line-height:1.05;text-align:center}.focus-brand strong{font-size:24px;font-weight:950;text-shadow:0 2px 5px rgba(0,0,0,.25)}.focus-brand span{margin-top:11px;font-size:11px;font-weight:850;letter-spacing:.4px}.focus-brand b,.focus-expanded-brand b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:5px;border:1px solid currentColor;border-radius:50%}
.focus-collapsed-story{min-height:120px;display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:16px;padding:10px;border:3px solid #fff;border-radius:15px;background:rgba(255,255,255,.78);color:#222}.focus-collapsed-story:hover{color:#222;background:rgba(255,255,255,.9)}.focus-collapsed-story img{width:130px;height:96px;border-radius:9px;object-fit:cover}.focus-story-copy{display:flex;flex-direction:column}.focus-story-copy strong{font-size:15px;line-height:1.35}.focus-story-copy small{margin-top:4px;color:#7d838b;font-size:12px}
.focus-expanded{display:none;padding:20px 20px 21px}.focus-panel.is-expanded .focus-collapsed{display:none}.focus-panel.is-expanded .focus-expanded{display:block}.focus-panel.is-expanded{background-image:linear-gradient(rgba(255,250,239,.87),rgba(224,230,207,.74)),var(--focus-background)}
.focus-expanded-brand{height:74px;display:flex;align-items:center;gap:18px;color:#cf5d24}.focus-expanded-brand strong{font-size:25px;font-weight:950}.focus-expanded-brand span{padding-left:18px;border-left:1px solid rgba(207,93,36,.35);font-size:11px;font-weight:900;letter-spacing:.4px}
.focus-expanded-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:16px}.focus-lead{position:relative;height:445px;overflow:hidden;border:3px solid #fff;border-radius:16px;color:#fff}.focus-lead:hover{color:#fff}.focus-lead img{width:100%;height:100%;object-fit:cover}.focus-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,65,50,.91),transparent 62%)}.focus-lead-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;display:flex;flex-direction:column}.focus-lead-copy small{color:#ffc456;font-size:11px;font-weight:900;letter-spacing:.5px}.focus-lead-copy strong{max-width:620px;margin:7px 0;font-size:25px;line-height:1.25}.focus-lead-copy em{font-size:12px;font-style:normal;color:#e5eee9}
.focus-side-list{height:445px;padding:12px;border:3px solid #fff;border-radius:16px;background:rgba(250,248,235,.76);overflow:hidden}.focus-side-list h3{margin:0 0 3px;color:#37613f;font-size:14px}.focus-side-item{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(80,100,73,.14)}.focus-side-item:last-child{border-bottom:0}.focus-side-item img{width:96px;height:70px;border-radius:8px;object-fit:cover}.focus-side-item span{display:flex;flex-direction:column}.focus-side-item strong{font-size:14px;line-height:1.27}.focus-side-item small{margin-top:3px;color:#858983;font-size:11px}
.focus-toggle{position:absolute;z-index:5;left:50%;bottom:-1px;transform:translateX(-50%);min-width:94px;padding:7px 18px;border:0;border-radius:15px 15px 0 0;background:#f26a36;color:#fff;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer}.focus-toggle:hover{background:#db5423}.focus-toggle-arrow{margin-left:3px}
@media(max-width:900px){.focus-expanded-grid{grid-template-columns:1.35fr 1fr}.focus-lead,.focus-side-list{height:400px}.focus-side-item{grid-template-columns:76px 1fr}.focus-side-item img{width:76px;height:61px}.focus-side-item strong{font-size:12px}}
@media(max-width:640px){.focus-panel{width:calc(100% - 24px);margin-bottom:24px;border-radius:12px}.focus-collapsed{min-height:175px;grid-template-columns:1fr;gap:9px;padding:13px 12px 22px}.focus-brand{display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:left}.focus-brand strong{font-size:18px}.focus-brand span{margin:0 0 0 12px;font-size:9px}.focus-collapsed-story{min-height:93px;grid-template-columns:105px 1fr;padding:7px}.focus-collapsed-story img{width:105px;height:75px}.focus-story-copy strong{font-size:13px}.focus-expanded{padding:12px 10px 22px}.focus-expanded-brand{height:59px}.focus-expanded-brand strong{font-size:18px}.focus-expanded-brand span{font-size:9px}.focus-expanded-grid{grid-template-columns:1fr}.focus-lead{height:320px}.focus-lead-copy{left:17px;right:17px;bottom:18px}.focus-lead-copy strong{font-size:20px}.focus-side-list{height:auto}.focus-side-item{grid-template-columns:88px 1fr}.focus-side-item img{width:88px;height:64px}}

/* Version 25: keep the full 300 x 250 sidebar banner visible above video */
@media(min-width:901px){.home .primary-content>.shorts-section{margin-top:145px}}

/* Version 27: lightweight popular-news list */
.popular-modern{border:0;border-radius:0;padding:0;background:#fff}.popular-modern .sidebar-title{margin:0 0 10px;padding:0 0 11px;border-bottom:0;color:#244797;font-size:19px}.popular-modern .sidebar-title:after{display:none}.popular-modern .popular-list{gap:0}.popular-modern .popular-item{position:relative;display:block;padding:0 0 14px 38px;margin:0 0 13px;border-bottom:0}.popular-modern .popular-item:before{position:absolute;left:0;top:0;color:#9b9b9b;font-size:20px;font-weight:500;line-height:1;content:'#' counter(pop)}.popular-modern .popular-item h3{font-size:15px;line-height:1.32;margin:0;font-weight:500}.popular-modern .popular-item h3 a:hover{color:#244797}.popular-modern .popular-item p{margin:5px 0 0;color:#777;font-size:11px;line-height:1.2}.popular-more{display:block;width:max-content;margin:7px auto 0;padding:8px 17px;border-radius:5px;background:#f0f0f0;color:#ee6339;font-size:12px;font-weight:700}.popular-more:hover{background:#e8e8e8;color:#d84d27}.popular-more span{margin-left:4px;font-size:16px;line-height:0;vertical-align:-1px}