:root{
  --primary:#ff0000;--bg:#fff;--surface:#fff;--surface-2:#f5f5f5;--text:#151515;--muted:#8a8a8a;--line:#ededed;
  --black:#050505;--container:980px;--radius:8px;--shadow:0 4px 18px rgba(0,0,0,.08)
}
html[data-theme="dark"]{--bg:#0f0f0f;--surface:#151515;--surface-2:#202020;--text:#f4f4f4;--muted:#aaa;--line:#2d2d2d;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}img{max-width:100%;display:block}.container{width:min(var(--container),calc(100% - 30px));margin-inline:auto}.home-page{overflow:hidden}.beritaku-compact .container{max-width:var(--container)}

/* Top advertising area */
.parallax-ad-wrap{background:#080808;min-height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:1}.parallax-ad{width:min(1140px,calc(100% - 24px));height:250px;background-color:#dedede;background-image:var(--ad-desktop);background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:fixed;position:relative;display:grid;place-items:center}.parallax-ad>a{position:absolute;inset:0}.ad-placeholder-label{font-size:10px;color:#888;border:1px solid #999;border-radius:3px;padding:1px 4px;line-height:1.1}.ad-slot{background:#e1e1e1;display:grid;place-items:center;overflow:hidden;color:#999;position:relative}.ad-slot>a.ad-slot-link{position:absolute;inset:0;display:grid;place-items:center}.ad-slot>a.ad-slot-link img{width:100%;height:100%;object-fit:cover}.ad-slot img{width:100%;height:100%;object-fit:cover}.leaderboard{height:90px;max-width:728px;width:100%;margin-inline:auto}.rail-ad{height:250px;width:160px}.vertical-ad{height:340px;width:100%}.vertical-ad.short{height:250px}.side-ad-small{height:240px;margin-bottom:24px}.home-ad-row{display:flex;justify-content:center;padding:20px 0}.home-ad-row.narrow{padding:16px 0}.home-ad-row.inline-ad{padding:24px 0 0}.after-breaking-ad{display:flex;justify-content:center;padding:16px 0 6px}.outer-rail-ads{pointer-events:none;position:relative;height:0;z-index:38}.outer-rail-ad{pointer-events:auto;width:160px;position:absolute;top:16px}.outer-rail-left{right:calc(50% + (var(--container) / 2) + 20px)}.outer-rail-right{left:calc(50% + (var(--container) / 2) + 20px)}.outer-rail-ads.is-sticky.is-stuck .outer-rail-ad{position:fixed;top:var(--rail-top,150px)}

/* Header */
.site-header{background:var(--surface);position:relative;z-index:60;border-bottom:1px solid var(--line)}.masthead{min-height:68px;display:grid;grid-template-columns:auto minmax(240px,420px) auto;align-items:center;gap:28px}.site-branding{display:flex;align-items:center}.custom-logo-link{display:block}.custom-logo{max-height:42px;width:auto}.brand-text,.footer-brand{font-size:29px;font-weight:900;letter-spacing:-1.2px;line-height:1}.brand-text{color:#111}.brand-text span,.footer-brand span{color:var(--primary)}html[data-theme="dark"] .brand-text{color:#fff}.header-search{height:34px;border:1px solid #e5e5e5;background:#fafafa;border-radius:3px;display:flex;overflow:hidden}.header-search input{border:0;background:transparent;outline:0;flex:1;padding:0 12px;font-size:12px;color:var(--text);min-width:0}.header-search button{border:0;background:transparent;width:38px;color:var(--primary);font-size:18px;cursor:pointer}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.network-dropdown{position:relative}.network-trigger{border:0;background:transparent;color:var(--text);font-size:12px;cursor:pointer;padding:8px 4px;display:flex;gap:5px;align-items:center}.network-trigger:before{content:'▦';color:var(--primary);font-size:13px}.network-panel{position:absolute;right:0;top:100%;width:220px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:12px;display:none}.network-dropdown.open .network-panel{display:block}.network-menu,.primary-menu,.footer-menu{list-style:none;margin:0;padding:0}.network-menu li+li{border-top:1px solid var(--line)}.network-menu a{display:block;padding:8px 5px;font-size:12px}.dark-toggle{width:31px;height:31px;border:1px solid var(--line);background:var(--surface);border-radius:50%;font-size:15px;cursor:pointer;color:var(--text)}.mobile-menu-toggle{display:none;border:0;background:transparent;width:34px;padding:5px}.mobile-menu-toggle span{display:block;height:2px;background:var(--text);margin:5px 0}.main-nav{border-top:1px solid #f0f0f0;background:var(--surface)}.main-nav .container{overflow-x:auto}.primary-menu{display:flex;align-items:center;gap:0;height:39px;white-space:nowrap}.primary-menu>li>a{display:block;padding:12px 11px 10px;font-size:11px;font-weight:700;line-height:1;position:relative}.primary-menu>li:first-child>a{padding-left:0}.primary-menu>.current-menu-item>a,.primary-menu>.current_page_item>a{color:var(--primary)}.primary-menu>.current-menu-item>a:after,.primary-menu>.current_page_item>a:after{content:'';height:2px;background:var(--primary);position:absolute;left:11px;right:11px;bottom:0}.primary-menu>li:first-child.current-menu-item>a:after{left:0}

/* Breaking */
.breaking{background:var(--surface);border-bottom:1px solid var(--line)}.breaking-inner{height:37px;display:flex;align-items:center;overflow:hidden}.breaking-inner>strong{background:var(--primary);color:#fff;height:25px;display:flex;align-items:center;padding:0 10px;border-radius:2px;font-size:10px;white-space:nowrap;margin-right:8px}.breaking-viewport{overflow:hidden;flex:1}.breaking-track{display:flex;align-items:center;gap:28px;white-space:nowrap;font-size:10.5px;will-change:transform}.breaking-track a{display:inline-flex;align-items:center}.breaking-track a:before{content:'•';color:var(--primary);margin-right:7px;font-size:14px}.breaking-track a:hover{color:var(--primary)}

/* Homepage headline */
.headline-section{padding-top:22px}.headline-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.94fr);gap:18px}.headline-main__image{display:block;border-radius:5px;overflow:hidden;aspect-ratio:16/10;background:#eee}.headline-main__image img{width:100%;height:100%;object-fit:cover}.headline-main__body{padding-top:8px}.news-cat{display:inline-block;color:var(--primary);font-size:9.5px;font-weight:700;line-height:1.25}.headline-main h1{font-size:20px;line-height:1.23;margin:3px 0 0;font-weight:700}.headline-side{display:flex;flex-direction:column;gap:10px}.mini-card{display:grid;grid-template-columns:112px 1fr;gap:10px;min-width:0}.mini-card__media{display:block;border-radius:4px;overflow:hidden;aspect-ratio:16/9;background:#eee}.mini-card__media img{width:100%;height:100%;object-fit:cover}.mini-card__body{min-width:0}.mini-card h3{font-size:12px;line-height:1.3;margin:3px 0 0;font-weight:700}.headline-mini .news-cat{font-size:9px}

/* Common sections */
.section-block{padding:18px 0}.home-two-col{display:grid;grid-template-columns:minmax(0,680px) minmax(230px,272px);gap:28px;align-items:start}.home-main-col,.home-side-col{min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;border-bottom:1px solid #efefef;padding-bottom:7px;position:relative}.section-head:before{content:'';position:absolute;left:0;bottom:-1px;width:3px;height:18px;background:var(--primary)}.section-head h1,.section-head h2{margin:0;padding-left:10px;font-size:14px;line-height:1.1}.section-head.simple{justify-content:flex-start}.pill-more,.red-more{background:var(--primary);color:#fff!important;border-radius:999px;padding:4px 11px;font-size:9px;font-weight:700;line-height:1.2}.home-grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.news-card{min-width:0}.news-card__media{display:block;border-radius:5px;overflow:hidden;aspect-ratio:16/10;background:#eee}.news-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.news-card:hover img{transform:scale(1.025)}.news-card__body{padding-top:6px}.news-card h3{font-size:11.5px;line-height:1.3;margin:3px 0;font-weight:700}.news-meta{font-size:8.5px;color:var(--muted)}.home-slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:thin}.home-slider .news-card{flex:0 0 calc((100% - 24px)/3);scroll-snap-align:start}.sidebar-top-stack{display:grid;gap:18px}.ad-side-column{padding-top:31px}

/* Lists */
.latest-list{min-width:0}.latest-item{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center}.latest-item:first-child{padding-top:0}.latest-img{display:block;border-radius:4px;overflow:hidden;aspect-ratio:16/9;background:#eee}.latest-img img{width:100%;height:100%;object-fit:cover}.latest-body h2,.latest-body h3{font-size:13px;line-height:1.3;margin:2px 0 3px}.latest-body p{font-size:11px;color:var(--muted);margin:5px 0 0}.compact-list .news-meta{font-size:8px}.no-heading{margin-top:-3px}.lower-news{padding-bottom:32px}.index-more{text-align:center;padding:16px 0}.index-more a{display:inline-block;background:var(--primary);color:#fff;border-radius:999px;padding:7px 18px;font-size:10px;font-weight:700}

/* Sidebar modules */
.sidebar-module,.beritaku-widget{background:var(--surface);margin-bottom:18px}.sidebar-module>h3,.widget-title{font-size:13px;margin:0 0 8px;padding:8px 10px;border-left:3px solid var(--primary);border-bottom:1px solid var(--line)}.popular-row{display:grid;grid-template-columns:28px 1fr;gap:7px;padding:7px 0;border-bottom:1px solid var(--line)}.popular-row>b{color:var(--primary);font-size:15px;line-height:1}.popular-row h4{font-size:10.5px;line-height:1.3;margin:0}.popular-row span{font-size:8.5px;color:var(--primary)}.tag-rank>a{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.tag-rank>a b{font-size:16px;color:#bbb}.tag-rank>a span{font-size:11px;font-weight:700}.black-list{background:#050505;color:#fff;border-radius:5px;overflow:hidden;padding-bottom:12px}.black-list>h3{border-left:0;border-bottom:1px solid #242424;text-align:center;padding:10px;margin:0;color:#fff}.black-list .mini-card{grid-template-columns:74px 1fr;gap:8px;padding:9px 10px;border-bottom:1px solid #222}.black-list .mini-card__media{aspect-ratio:4/3}.black-list .news-cat{display:none}.black-list .mini-card h3{font-size:10px;margin:0;color:#fff}.black-list .red-more{display:block;width:max-content;margin:10px auto 0;padding-inline:20px}.social-circles{display:flex;gap:6px;flex-wrap:wrap}.social-circles a{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff!important;display:grid;place-items:center;font-size:10px;font-weight:700}

/* Video area */
.video-home-wrap{background:#050505;color:#fff;margin-top:16px;padding:22px 0}.video-home-grid{grid-template-columns:minmax(0,680px) minmax(230px,272px)}.section-head.on-dark{border-color:#232323}.section-head.on-dark h2{color:#fff}.video-lead__media{display:block;position:relative;border-radius:5px;overflow:hidden;aspect-ratio:16/9;background:#222}.video-lead__media img{width:100%;height:100%;object-fit:cover}.play-button{position:absolute;left:14px;bottom:14px;width:36px;height:36px;background:var(--primary);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px;padding-left:2px;box-shadow:0 2px 9px rgba(0,0,0,.3)}.video-lead h3{font-size:14px;line-height:1.3;margin:8px 0 10px}.video-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.video-mini-grid .news-card__media{aspect-ratio:16/9}.video-mini-grid .news-card h3{font-size:10px;color:#fff}.video-mini-grid .news-cat{display:none}.video-mini-grid .news-meta{color:#999}

/* Pre-footer homepage modules */
.footer-prewidgets{padding:24px 0 34px}.footer-pre-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:28px}.opinion-module>h3{font-size:13px;margin:0 0 8px;padding:8px 10px;border-left:3px solid var(--primary);border-bottom:1px solid var(--line)}.opinion-module article{display:grid;grid-template-columns:44px 1fr;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.opinion-module .op-avatar img{border-radius:50%}.opinion-module h4{font-size:10.5px;line-height:1.3;margin:0 0 2px}.opinion-module span{font-size:8.5px;color:var(--muted)}

/* Footer */
.site-footer{background:#040404;color:#d6d6d6;border-top:4px solid var(--primary);padding-top:27px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px;padding-bottom:25px}.footer-brand{color:#fff;font-size:25px;margin-bottom:10px}.footer-about p{font-size:10px;color:#aaa;max-width:260px;line-height:1.55}.footer-social-label{font-size:10px;font-weight:700;margin:12px 0 8px;color:#fff}.site-footer h3{font-size:11px;color:#fff;margin:2px 0 10px}.footer-menu li{margin:5px 0}.footer-menu a,.footer-pages a{font-size:9.5px;color:#aaa}.footer-menu a:hover,.footer-pages a:hover{color:#fff}.footer-pages ul{list-style:none;margin:0;padding:0}.footer-apps{display:flex;gap:6px;margin-top:12px}.footer-apps a{border:1px solid #333;padding:6px 8px;border-radius:3px;font-size:8.5px;color:#ddd}.footer-bottom{border-top:1px solid #1c1c1c;padding:12px 0;font-size:8.5px;color:#888;text-align:center}

/* Generic inner pages */
.page-main{padding-top:18px;padding-bottom:42px}.breadcrumbs{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:9px;margin:0 0 16px;white-space:nowrap;overflow:hidden}.breadcrumbs a{color:var(--primary)}.content-columns{display:grid;grid-template-columns:minmax(0,680px) minmax(230px,272px);gap:28px;align-items:start}.main-column,.single-article{min-width:0}.home-sidebar{min-width:0}.page-heading{padding:6px 0 18px}.page-heading h1{font-size:25px;margin:0}.article-header .news-cat{font-size:10px}.article-header h1{font-size:30px;line-height:1.18;margin:5px 0 8px}.article-byline{font-size:9.5px;color:var(--muted)}.article-byline a{font-weight:700;color:var(--text)}.article-cover{margin:18px 0}.article-cover img{width:100%;border-radius:4px}.article-cover figcaption{font-size:9px;color:var(--muted);margin-top:5px}.share-row{display:flex;gap:7px;align-items:center;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px}.share-row a{border:1px solid var(--line);padding:4px 7px;border-radius:3px}.article-content{font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.75}.article-content h2,.article-content h3{font-family:Arial,Helvetica,sans-serif;line-height:1.3}.article-mid-parallax{height:190px;margin:24px 0;background-image:var(--article-ad);background-size:cover;background-position:center;background-attachment:fixed;position:relative}.article-mid-parallax a{position:absolute;inset:0}.article-mid-ad{margin:24px 0;min-height:90px;display:grid;place-items:center;background:var(--surface-2);overflow:hidden}.page-links{font-family:Arial,sans-serif;display:flex;gap:6px;align-items:center;margin:20px 0;font-size:11px}.page-links .post-page-numbers{border:1px solid var(--line);padding:5px 8px}.page-links .current{background:var(--primary);color:#fff}.article-footer{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.tag-cloud{display:flex;gap:5px;flex-wrap:wrap}.tag-cloud a{font-size:9px!important;background:#f3f3f3;border-radius:2px;padding:5px 7px!important}.related{margin-top:30px}.related .home-grid-cards{gap:10px}.single-sidebar{position:sticky;top:15px}

/* Archive / Search / Index */
.index-filter{margin-top:12px;display:flex;gap:6px}.index-filter input,.index-filter button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:7px 9px;border-radius:3px;font-size:11px}.index-filter button{background:var(--primary);color:#fff;border-color:var(--primary)}.index-list article{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.index-list time{font-weight:800;color:var(--primary);font-size:11px}.index-list span{font-size:9px;color:var(--muted)}.index-list h2{font-size:14px;margin:2px 0}.popular-page{max-width:760px}.popular-large{display:grid;grid-template-columns:38px 150px 1fr;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.popular-large>b{font-size:24px;color:#c7ccd4}.popular-large img{width:150px;aspect-ratio:16/10;object-fit:cover;border-radius:4px}.popular-large h2{font-size:14px;margin:3px 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.staff-section{margin:20px 0 35px}.staff-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.staff-card{border:1px solid var(--line);border-radius:5px;padding:12px;background:var(--surface)}.staff-card img{width:64px;height:64px;border-radius:50%;object-fit:cover}.staff-card h3{margin:8px 0 0;font-size:12px}.staff-card span{font-size:9px;color:var(--primary);font-weight:700}.staff-card p{font-size:9.5px;color:var(--muted)}.staff-card a{font-size:9px;color:var(--primary);font-weight:700}.widget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.widget-grid.compact .news-card h3{font-size:10px}.widget-grid.is-slider{display:flex;overflow-x:auto}.widget-grid.is-slider .news-card{min-width:180px}.mini-news{display:grid;grid-template-columns:72px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.mini-news__img{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:3px}.mini-news__img img{width:100%;height:100%;object-fit:cover}.mini-news h4{font-size:10px;line-height:1.3;margin:0}.mini-news span{font-size:8px;color:var(--muted)}.widget-ad{overflow:hidden}.widget-empty{font-size:10px;color:var(--muted)}.app-buttons{display:grid;gap:7px}.app-buttons a{background:#111;color:#fff;padding:8px 10px;border-radius:4px;font-size:10px;text-align:center}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.social-grid a{background:var(--primary);color:#fff;padding:7px;border-radius:3px;font-size:9px;text-align:center}

/* WordPress common */
.navigation.pagination{margin-top:18px}.nav-links{display:flex;gap:5px;flex-wrap:wrap}.page-numbers{border:1px solid var(--line);padding:5px 8px;font-size:10px}.page-numbers.current{background:var(--primary);color:#fff;border-color:var(--primary)}.comments-area{margin-top:30px}.comments-title,.comment-reply-title{font-size:15px}.comment-list{padding-left:20px}.comment-body{border-bottom:1px solid var(--line);padding:12px 0}.comment-form input,.comment-form textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px}.comment-form .submit{width:auto;background:var(--primary);color:#fff;border:0;padding:8px 14px}

/* Responsive */
@media(min-width:1260px) and (max-width:1399px){.outer-rail-ad,.outer-rail-ad .rail-ad{width:95px}.outer-rail-left{left:10px;right:auto}.outer-rail-right{right:10px;left:auto}}
@media(max-width:1259px){.outer-rail-ads{display:none}}
@media(max-width:900px){
  .masthead{grid-template-columns:auto 1fr auto;gap:12px}.header-search{grid-column:1/-1;grid-row:2;margin-bottom:10px}.site-branding{grid-column:2}.mobile-menu-toggle{display:block;grid-column:1;grid-row:1}.header-actions{grid-column:3;grid-row:1}.masthead{padding-top:10px}.main-nav{display:none}.main-nav.open{display:block}.main-nav .container{overflow:visible}.primary-menu{height:auto;display:block;padding:8px 0}.primary-menu>li>a{padding:10px 0}.primary-menu>.current-menu-item>a:after{display:none}.home-two-col,.content-columns,.video-home-grid{grid-template-columns:1fr}.home-side-col{margin-top:10px}.ad-side-column{display:none}.headline-grid{grid-template-columns:1fr}.headline-side{display:grid;grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.footer-pre-grid{grid-template-columns:1fr 1fr}.footer-pre-grid>div:last-child{grid-column:1/-1}
}
@media(max-width:640px){
  .parallax-ad-wrap{min-height:120px}.parallax-ad{height:120px;background-image:var(--ad-mobile,var(--ad-desktop));background-size:contain;background-position:center center;background-repeat:no-repeat;background-attachment:scroll}.container{width:min(var(--container),calc(100% - 22px))}.brand-text{font-size:24px}.custom-logo{max-height:35px}.network-trigger{font-size:0}.network-trigger:before{font-size:15px}.breaking-inner{height:34px}.breaking-inner>strong{font-size:9px}.breaking-track{font-size:9.5px}.after-breaking-ad{padding-top:10px}.leaderboard{height:70px}.headline-section{padding-top:15px}.headline-main h1{font-size:18px}.headline-side{grid-template-columns:1fr}.mini-card{grid-template-columns:105px 1fr}.home-two-col{gap:16px}.section-block{padding:13px 0}.home-grid-cards{grid-template-columns:repeat(2,1fr);gap:9px}.home-grid-cards .news-card:last-child{display:none}.home-slider .news-card{flex-basis:72%}.latest-item{grid-template-columns:120px 1fr;gap:9px}.latest-body h2,.latest-body h3{font-size:11.5px}.latest-body .news-meta{display:none}.vertical-ad,.side-ad-small{height:180px}.video-home-wrap{padding:17px 0}.video-mini-grid{display:flex;overflow-x:auto}.video-mini-grid .news-card{min-width:72%}.footer-pre-grid{grid-template-columns:1fr}.footer-pre-grid>div:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-about{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.article-header h1{font-size:24px}.article-content{font-size:15px}.popular-large{grid-template-columns:28px 110px 1fr}.popular-large img{width:110px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.staff-grid{grid-template-columns:repeat(2,1fr)}
}
.archive-feature{max-width:680px;margin-bottom:10px}.archive-feature__media{display:block;aspect-ratio:16/8.5;overflow:hidden;border-radius:5px;background:#eee}.archive-feature__media img{width:100%;height:100%;object-fit:cover}.archive-feature__body{padding-top:7px}.archive-feature h1{font-size:20px;line-height:1.25;margin:3px 0 0}.archive-news-page>.home-ad-row{max-width:680px;margin-left:0}
@media(max-width:900px){.archive-feature{max-width:none}.archive-news-page>.home-ad-row{max-width:none}}


/* =========================================================
   Beritaku v1.0.4 — Typography & sticky header refinements
   ========================================================= */
body.beritaku-theme{
  font-family:var(--font-body,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
  font-size:var(--body-font-size,15px);
  line-height:var(--body-line-height,1.55);
}
body.beritaku-theme h1,
body.beritaku-theme h2,
body.beritaku-theme h3,
body.beritaku-theme h4,
body.beritaku-theme h5{
  font-family:var(--font-heading,"Poppins",Arial,sans-serif);
  letter-spacing:-.015em;
}
body.beritaku-theme h1{font-size:var(--h1-size,28px);font-weight:var(--h1-weight,700);line-height:var(--h1-line-height,1.2)}
body.beritaku-theme h2{font-size:var(--h2-size,20px);font-weight:var(--h2-weight,700);line-height:var(--h2-line-height,1.28)}
body.beritaku-theme h3{font-size:var(--h3-size,16px);font-weight:var(--h3-weight,700);line-height:var(--h3-line-height,1.32)}
body.beritaku-theme h4{font-size:var(--h4-size,14px);font-weight:var(--h4-weight,700);line-height:var(--h4-line-height,1.38)}
body.beritaku-theme h5{font-size:var(--h5-size,13px);font-weight:var(--h5-weight,700);line-height:var(--h5-line-height,1.42)}

.site-header.is-sticky{
  position:sticky;
  top:0;
  z-index:1000;
  box-shadow:0 5px 18px rgba(0,0,0,.08);
}
body.admin-bar .site-header.is-sticky{top:32px}
@media(max-width:782px){body.admin-bar .site-header.is-sticky{top:46px}}

.header-search,
.header-actions,
.main-nav,
.breaking{
  font-family:var(--font-nav,var(--font-body));
}
.primary-menu>li>a{
  font-size:var(--menu-font-size,13px);
  padding-top:13px;
  padding-bottom:12px;
}
.network-trigger,.network-menu a,.header-search input{font-size:calc(var(--menu-font-size,13px) - 1px)}
.breaking-inner>strong{font-size:calc(var(--menu-font-size,13px) - 2px);height:27px;padding-inline:11px}
.breaking-track{font-size:calc(var(--menu-font-size,13px) - 1px);gap:32px}
.breaking-inner{height:40px}

.news-cat,
.news-meta,
.article-byline,
.breadcrumbs,
.opinion-module span,
.popular-row span,
.index-list span,
.mini-news span{
  font-size:var(--meta-font-size,11px);
}
.news-cat{font-weight:700}
.news-meta{line-height:1.35}

.headline-main h1{font-size:var(--h1-size,28px);line-height:var(--h1-line-height,1.2);font-weight:var(--h1-weight,700)}
.mini-card h3,
.news-card h3,
.latest-body h3,
.video-lead h3,
.staff-card h3{
  font-size:var(--h3-size,16px);
  line-height:var(--h3-line-height,1.32);
  font-weight:var(--h3-weight,700);
}
.section-head h1,.section-head h2{
  font-size:var(--h2-size,20px);
  line-height:var(--h2-line-height,1.28);
  font-weight:var(--h2-weight,700);
}
.section-head{padding-bottom:9px;margin-bottom:15px}
.section-head:before{height:22px}
.pill-more,.red-more,.index-more a{
  font-size:11px;
}
.latest-body p{
  font-size:13px;
  line-height:1.55;
}
.sidebar-module>h3,.widget-title,.opinion-module>h3{
  font-size:15px;
  line-height:1.3;
  font-weight:700;
}
.popular-row h4,.opinion-module h4,.mini-news h4{
  font-size:var(--h4-size,14px);
  line-height:var(--h4-line-height,1.38);
  font-weight:var(--h4-weight,700);
}
.tag-rank>a span{font-size:13px}
.black-list .mini-card h3{font-size:13px;line-height:1.35}
.video-mini-grid .news-card h3{font-size:13px;line-height:1.35}
.footer-about p{font-size:12px}
.site-footer h3{font-size:13px}
.footer-menu a,.footer-pages a{font-size:11px}
.footer-bottom{font-size:10px}

.article-content,
.entry-content,
.page-content{
  font-family:var(--font-content,var(--font-body));
  font-size:var(--content-font-size,17px);
  line-height:var(--content-line-height,1.8);
}
.article-content h1,.entry-content h1,.page-content h1,
.article-content h2,.entry-content h2,.page-content h2,
.article-content h3,.entry-content h3,.page-content h3,
.article-content h4,.entry-content h4,.page-content h4,
.article-content h5,.entry-content h5,.page-content h5{
  font-family:var(--font-heading,"Poppins",Arial,sans-serif);
  margin-top:1.55em;
  margin-bottom:.7em;
}
.article-content p,.entry-content p,.page-content p{margin:0 0 1.25em}
.article-content li,.entry-content li,.page-content li{margin-bottom:.4em}

/* Keep dense portal modules readable without looking oversized. */
.headline-side .mini-card h3{font-size:max(13px,calc(var(--h3-size,16px) - 2px))}
.home-grid-cards .news-card h3{font-size:max(13px,calc(var(--h3-size,16px) - 1px))}
.home-slider .news-card h3{font-size:max(13px,calc(var(--h3-size,16px) - 1px))}
.latest-list .latest-body h3{font-size:var(--h3-size,16px)}
.popular-module .popular-row h4{font-size:max(12px,calc(var(--h4-size,14px) - 1px))}

@media(max-width:640px){
  .primary-menu>li>a{font-size:var(--menu-font-size,13px)}
  .breaking-inner>strong{font-size:10px}
  .breaking-track{font-size:11px}
  .headline-main h1{font-size:clamp(22px,var(--h1-size,28px),32px)}
  .section-head h1,.section-head h2{font-size:clamp(17px,var(--h2-size,20px),24px)}
  .mini-card h3,.news-card h3,.latest-body h3{font-size:clamp(13px,var(--h3-size,16px),19px)}
  .article-content,.entry-content,.page-content{font-size:var(--content-font-size,17px);line-height:var(--content-line-height,1.8)}
}


/* =========================================================
   Beritaku v1.0.5 — iBerita-like header refinement
   ========================================================= */
.site-header{
  border-bottom:1px solid #ececec;
}
.site-header .masthead{
  min-height:84px;
  grid-template-columns:minmax(140px,220px) minmax(320px,430px) auto;
  gap:28px;
  padding-block:10px 8px;
}
.site-branding{min-width:0}
.custom-logo{max-height:64px}
.brand-text,.footer-brand{
  font-size:38px;
  font-weight:900;
  letter-spacing:-1.6px;
  line-height:1;
}
.brand-text{display:inline-flex;align-items:flex-end;gap:1px}
.brand-text span,.footer-brand span{color:var(--primary)}
.header-search{
  max-width:430px;
  width:100%;
  height:42px;
  background:#fff;
  border:1.5px solid #dfdfdf;
  border-radius:999px;
  overflow:hidden;
  box-shadow:none;
}
.header-search input{
  padding:0 18px 0 20px;
  font-size:15px;
  color:#666;
}
.header-search input::placeholder{color:#a4a4a4}
.header-search button{
  width:52px;
  color:var(--primary);
  display:grid;
  place-items:center;
}
.header-search button svg,
.dark-toggle svg,
.network-icon svg{
  width:22px;height:22px;display:block;
  fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.header-actions{gap:18px}
.header-icon-btn,
.dark-toggle,
.mobile-menu-toggle,
.network-trigger{
  border:0;
  background:transparent;
}
.network-trigger{
  display:flex;align-items:center;gap:9px;
  color:#191919;
  padding:8px 0;
  font-size:17px;
  font-weight:700;
}
.network-trigger:before{display:none}
.network-icon{display:grid;place-items:center;color:var(--primary)}
.network-label{line-height:1}
.network-caret{color:var(--primary);font-size:13px;line-height:1;transform:translateY(1px)}
.network-panel{top:calc(100% + 10px);border-radius:12px;padding:12px 14px}
.network-menu a{padding:10px 4px;font-size:14px}
.dark-toggle,
.mobile-menu-toggle{
  width:28px;height:28px;padding:0;display:grid;place-items:center;color:var(--primary);
}
.dark-toggle{border-radius:50%}
.mobile-menu-toggle{gap:4px}
.mobile-menu-toggle span{width:20px;height:2.25px;background:var(--primary);margin:0;border-radius:999px}
.main-nav{border-top:0;border-bottom:1px solid #ececec}
.main-nav .container{overflow-x:auto}
.primary-menu{height:52px;gap:4px}
.primary-menu>li>a{
  padding:18px 14px 16px;
  font-size:18px;
  font-weight:800;
  color:#202020;
}
.primary-menu>li:first-child>a{padding-left:0}
.primary-menu>.current-menu-item>a:after,.primary-menu>.current_page_item>a:after{
  left:14px;right:14px;bottom:4px;height:4px;border-radius:999px;
}
.primary-menu>li:first-child.current-menu-item>a:after{left:0;right:14px}
.breaking{border-bottom:1px solid var(--line)}
@media (min-width:901px){
  .main-nav{display:block!important}
}
@media(max-width:1100px){
  .site-header .masthead{grid-template-columns:minmax(120px,170px) minmax(240px,1fr) auto;gap:18px}
  .brand-text{font-size:34px}
  .primary-menu>li>a{font-size:16px;padding-inline:11px}
  .network-trigger{font-size:15px}
}
@media(max-width:900px){
  .site-header .masthead{grid-template-columns:auto 1fr auto;gap:12px;padding-top:10px;padding-bottom:10px;min-height:unset}
  .site-branding{grid-column:1;grid-row:1}
  .header-actions{grid-column:3;grid-row:1;gap:10px}
  .header-search{grid-column:1/-1;grid-row:2;max-width:none;height:40px;margin-bottom:0}
  .brand-text{font-size:30px}
  .custom-logo{max-height:46px}
  .network-label{display:none}
  .network-caret{display:none}
  .network-trigger{padding:0}
  .network-panel{right:-8px}
  .mobile-menu-toggle{display:grid}
  .main-nav{display:none}
  .main-nav.open{display:block}
  .primary-menu{height:auto;display:block;padding:8px 0}
  .primary-menu>li>a{font-size:15px;padding:12px 0}
  .primary-menu>.current-menu-item>a:after,.primary-menu>.current_page_item>a:after{display:none}
}
@media(max-width:640px){
  .brand-text{font-size:28px}
  .header-search input{font-size:14px}
}


/* =========================================================
   Beritaku v1.0.6 — Header precision tweaks
   ========================================================= */
@media (min-width: 901px){
  .site-header .masthead{
    min-height:106px;
    grid-template-columns:minmax(190px,265px) minmax(470px,520px) auto;
    gap:34px;
    align-items:center;
    padding-block:0;
  }
  .site-branding{min-width:230px}
  .custom-logo{max-height:76px}
  .brand-text{font-size:64px;letter-spacing:-2px;line-height:.95}
  .header-search{max-width:500px;width:500px;height:46px;border-width:1.5px}
  .header-search input{font-size:14px;padding-left:22px;padding-right:12px}
  .header-search button{width:56px}
  .header-search button svg{width:24px;height:24px}
  .header-actions{gap:20px}
  .network-trigger{font-size:17px;gap:8px;font-weight:700}
  .network-icon svg{width:22px;height:22px;stroke-width:1.9}
  .network-caret{font-size:12px;margin-left:-2px}
  .dark-toggle,.mobile-menu-toggle{width:30px;height:30px}
  .main-nav{border-top:0;border-bottom:1px solid #ebebeb}
  .primary-menu{height:56px;gap:2px}
  .primary-menu>li{position:relative;flex:0 0 auto}
  .primary-menu>li>a{font-size:16px;font-weight:800;padding:20px 13px 17px;letter-spacing:-.01em}
  .primary-menu>li:first-child>a{padding-left:0}
  .primary-menu>.current-menu-item>a:after,.primary-menu>.current_page_item>a:after{left:13px;right:13px;bottom:3px;height:4px;border-radius:999px}
  .primary-menu>li:first-child.current-menu-item>a:after{left:0;right:13px}
  .primary-menu>li.menu-item-has-children>a,.primary-menu>li.beritaku-more>a{padding-right:27px}
  .primary-menu>li.menu-item-has-children>a::before,.primary-menu>li.beritaku-more>a::before{content:'';position:absolute;right:12px;top:50%;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-64%) rotate(45deg);opacity:.8}
  .primary-menu li .sub-menu{list-style:none;margin:0;padding:10px 0;position:absolute;left:0;top:100%;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 30px rgba(0,0,0,.08);display:none;z-index:1002}
  .primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block}
  .primary-menu li .sub-menu li{position:relative}
  .primary-menu li .sub-menu a{display:block;padding:11px 16px;font-size:14px;font-weight:600;white-space:nowrap}
  .primary-menu li .sub-menu a:hover{background:#fafafa;color:var(--primary)}
}
@media (max-width: 900px){
  .primary-menu>li.menu-item-has-children>a::before,.primary-menu>li.beritaku-more>a::before{display:none}
  .primary-menu .sub-menu{list-style:none;margin:0;padding:0 0 0 14px;display:block}
  .primary-menu .sub-menu a{display:block;padding:9px 0;font-size:14px;opacity:.9}
}


/* =========================================================
   Beritaku v1.0.7 — Compact desktop header + true mobile header
   ========================================================= */
.site-header .masthead{box-sizing:border-box}
.mobile-search-toggle,.mobile-search-panel,.mobile-drawer{display:none}

@media (min-width:901px){
  body.beritaku-theme .site-header .masthead{
    min-height:58px !important;
    height:58px;
    grid-template-columns:210px minmax(360px,430px) 1fr !important;
    gap:26px !important;
    padding:0 !important;
  }
  body.beritaku-theme .site-branding{min-width:0 !important;height:58px;display:flex;align-items:center}
  body.beritaku-theme .custom-logo{max-height:46px !important;max-width:180px;width:auto}
  body.beritaku-theme .brand-text{font-size:37px !important;letter-spacing:-1.4px !important}
  body.beritaku-theme .header-search{width:100% !important;max-width:430px !important;height:38px !important;margin:0}
  body.beritaku-theme .header-search input{font-size:14px !important;padding-left:18px}
  body.beritaku-theme .header-search button{width:48px !important}
  body.beritaku-theme .header-search button svg{width:22px !important;height:22px !important}
  body.beritaku-theme .header-actions{gap:18px !important;align-self:center}
  body.beritaku-theme .network-trigger{font-size:15px !important;gap:7px !important;padding:4px 0}
  body.beritaku-theme .network-icon svg{width:21px !important;height:21px !important}
  body.beritaku-theme .dark-toggle,body.beritaku-theme .mobile-menu-toggle{width:27px !important;height:27px !important}
  body.beritaku-theme .main-nav{display:block !important;height:44px;border-top:0;border-bottom:1px solid #e9e9e9}
  body.beritaku-theme .primary-menu{height:44px !important;gap:0 !important}
  body.beritaku-theme .primary-menu>li>a{font-size:var(--menu-font-size,15px) !important;font-weight:700 !important;padding:14px 11px 11px !important;line-height:1 !important}
  body.beritaku-theme .primary-menu>li:first-child>a{padding-left:0 !important}
  body.beritaku-theme .primary-menu>.current-menu-item>a:after,body.beritaku-theme .primary-menu>.current_page_item>a:after{height:3px !important;bottom:0 !important;left:11px !important;right:11px !important}
  body.beritaku-theme .primary-menu>li:first-child.current-menu-item>a:after{left:0 !important}
}

@media (max-width:900px){
  body.beritaku-theme .site-header{background:var(--surface)}
  body.beritaku-theme .site-header .masthead{
    min-height:74px !important;
    height:74px;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:74px !important;
    gap:10px !important;
    padding:0 15px !important;
    width:100% !important;
    max-width:none !important;
  }
  body.beritaku-theme .site-branding{grid-column:1 !important;grid-row:1 !important;min-width:0;align-items:center}
  body.beritaku-theme .custom-logo{max-height:48px !important;max-width:185px !important;width:auto}
  body.beritaku-theme .brand-text{font-size:35px !important;line-height:1 !important}
  body.beritaku-theme .desktop-search{display:none !important}
  body.beritaku-theme .header-actions{grid-column:2 !important;grid-row:1 !important;gap:13px !important;align-items:center}
  body.beritaku-theme .network-dropdown{display:none !important}
  body.beritaku-theme .mobile-search-toggle{display:grid !important}
  body.beritaku-theme .mobile-search-toggle,body.beritaku-theme .dark-toggle,body.beritaku-theme .mobile-menu-toggle{width:31px !important;height:31px !important;color:var(--primary);place-items:center;padding:0 !important;border:0 !important;background:transparent !important}
  body.beritaku-theme .mobile-search-toggle svg,body.beritaku-theme .dark-toggle svg{width:27px !important;height:27px !important;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  body.beritaku-theme .mobile-menu-toggle{display:grid !important;gap:5px}
  body.beritaku-theme .mobile-menu-toggle span{width:25px !important;height:2px !important;margin:0 !important;background:var(--primary) !important}

  body.beritaku-theme .mobile-search-panel{display:none;padding:10px 15px;background:var(--surface);border-top:1px solid var(--line)}
  body.beritaku-theme .mobile-search-panel.open{display:block}
  body.beritaku-theme .mobile-search-panel form{display:flex;height:40px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
  body.beritaku-theme .mobile-search-panel input{flex:1;min-width:0;border:0;outline:0;padding:0 15px;font-family:var(--font-nav);font-size:14px}
  body.beritaku-theme .mobile-search-panel button{border:0;background:var(--primary);color:#fff;padding:0 17px;font-weight:700}

  body.beritaku-theme .main-nav{display:block !important;height:50px;border-top:0;border-bottom:2px solid #222;background:var(--surface)}
  body.beritaku-theme .main-nav .container{width:100% !important;max-width:none !important;padding:0 15px;overflow-x:auto !important;overflow-y:hidden;scrollbar-width:none}
  body.beritaku-theme .main-nav .container::-webkit-scrollbar{display:none}
  body.beritaku-theme .primary-menu{display:flex !important;height:48px !important;gap:24px !important;padding:0 !important;white-space:nowrap;align-items:stretch;width:max-content}
  body.beritaku-theme .primary-menu>li{display:block !important;flex:0 0 auto}
  body.beritaku-theme .primary-menu>li>a{display:flex !important;height:48px;align-items:center;padding:0 !important;font-size:18px !important;font-weight:800 !important;line-height:1 !important}
  body.beritaku-theme .primary-menu>.current-menu-item>a,body.beritaku-theme .primary-menu>.current_page_item>a{color:var(--primary)}
  body.beritaku-theme .primary-menu>.current-menu-item>a:after,body.beritaku-theme .primary-menu>.current_page_item>a:after{display:block !important;height:4px !important;left:0 !important;right:0 !important;bottom:0 !important;border-radius:4px 4px 0 0}
  body.beritaku-theme .primary-menu .sub-menu{display:none !important}

  .mobile-drawer{display:block;position:fixed;inset:0;z-index:3000;visibility:hidden;pointer-events:none}
  .mobile-drawer.open{visibility:visible;pointer-events:auto}
  .mobile-drawer-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity .2s}
  .mobile-drawer.open .mobile-drawer-backdrop{opacity:1}
  .mobile-drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(86vw,430px);background:var(--surface);color:var(--text);padding:28px 28px 40px;overflow:auto;transform:translateX(-102%);transition:transform .24s ease;box-shadow:12px 0 35px rgba(0,0,0,.18)}
  .mobile-drawer.open .mobile-drawer-panel{transform:translateX(0)}
  body.beritaku-drawer-open{overflow:hidden}
  .mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}
  .mobile-drawer-brand .custom-logo{max-height:52px;max-width:190px;width:auto}
  .mobile-drawer-brand .brand-text{font-size:37px}
  .mobile-drawer-close{border:0;background:transparent;color:var(--primary);font-size:38px;font-weight:300;line-height:1;padding:0;cursor:pointer}
  .mobile-drawer-panel h3{font-family:var(--font-heading) !important;font-size:24px !important;margin:0 0 18px}
  .drawer-primary-menu{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;list-style:none;margin:0;padding:0 0 38px}
  .drawer-primary-menu li{min-width:0}
  .drawer-primary-menu a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;font-family:var(--font-nav) !important;font-size:17px;font-weight:500}
  .drawer-primary-menu .drawer-icon{font-size:28px;color:var(--primary);line-height:1}
  .drawer-info-title{margin-top:8px !important}
  .drawer-info-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px;list-style:none;margin:0;padding:0}
  .drawer-info-menu a{font-family:var(--font-nav) !important;font-size:16px}
}

@media(max-width:480px){
  body.beritaku-theme .site-header .masthead{height:70px;min-height:70px !important;grid-template-rows:70px !important;padding-inline:14px !important}
  body.beritaku-theme .custom-logo{max-width:160px !important;max-height:44px !important}
  body.beritaku-theme .brand-text{font-size:32px !important}
  body.beritaku-theme .header-actions{gap:9px !important}
  body.beritaku-theme .mobile-search-toggle,body.beritaku-theme .dark-toggle,body.beritaku-theme .mobile-menu-toggle{width:29px !important;height:29px !important}
  body.beritaku-theme .primary-menu{gap:24px !important}
  body.beritaku-theme .primary-menu>li>a{font-size:17px !important}
}


/* Beritaku v1.0.8 — side advertisements are desktop-only */
@media (max-width: 1023px){
  .outer-rail-ads,
  .outer-rail-ad,
  .desktop-side-ad{
    display:none !important;
  }
}


/* =========================================================
   Beritaku v1.0.9 — Category & footer typography controls
   ========================================================= */
.news-cat,
.headline-mini .news-cat,
.article-header .news-cat,
.archive-feature .news-cat,
.latest-list .news-cat,
.home-grid-cards .news-cat,
.home-slider .news-cat,
.popular-page .news-cat{
  font-size:var(--category-font-size,13px) !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}
.site-footer h3{
  font-size:var(--footer-heading-size,16px) !important;
  line-height:1.35;
}
.footer-about p,
.footer-social-label{
  font-size:var(--footer-text-size,13px) !important;
  line-height:1.6;
}
.footer-menu a,
.footer-pages a,
.footer-apps a{
  font-size:var(--footer-menu-size,13px) !important;
  line-height:1.5;
}
.footer-bottom{
  font-size:var(--footer-bottom-size,11px) !important;
  line-height:1.5;
}
.footer-brand{font-size:max(28px,calc(var(--footer-heading-size,16px) + 12px)) !important}
@media(max-width:640px){
  .news-cat,
  .headline-mini .news-cat,
  .article-header .news-cat{
    font-size:var(--category-font-size,13px) !important;
  }
  .site-footer h3{font-size:var(--footer-heading-size,16px) !important}
  .footer-about p,.footer-social-label{font-size:var(--footer-text-size,13px) !important}
  .footer-menu a,.footer-pages a,.footer-apps a{font-size:var(--footer-menu-size,13px) !important}
  .footer-bottom{font-size:var(--footer-bottom-size,11px) !important}
}


/* =========================================================
   Beritaku v1.0.10 — desktop/mobile hamburger + off-canvas drawer
   ========================================================= */
body.beritaku-theme .mobile-menu-toggle{
  display:inline-flex !important;
  width:34px !important;
  height:34px !important;
  padding:5px !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:5px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--primary) !important;
  cursor:pointer !important;
  position:relative;
  z-index:2;
}
body.beritaku-theme .mobile-menu-toggle span{
  display:block !important;
  width:22px !important;
  height:2px !important;
  min-height:2px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--primary) !important;
  transform:none !important;
  opacity:1 !important;
}
body.beritaku-theme .mobile-menu-toggle:hover,
body.beritaku-theme .mobile-menu-toggle:focus-visible{
  background:rgba(255,0,0,.06) !important;
  border-radius:8px !important;
  outline:none;
}

/* Drawer must exist on desktop too. */
body.beritaku-theme .mobile-drawer{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  visibility:hidden;
  pointer-events:none;
}
body.beritaku-theme .mobile-drawer.open{
  visibility:visible;
  pointer-events:auto;
}
body.beritaku-theme .mobile-drawer-backdrop{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:rgba(0,0,0,.55) !important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  opacity:0;
  transition:opacity .22s ease;
  cursor:pointer;
}
body.beritaku-theme .mobile-drawer.open .mobile-drawer-backdrop{opacity:1}
body.beritaku-theme .mobile-drawer-panel{
  position:absolute !important;
  top:0 !important;
  right:0 !important;
  left:auto !important;
  bottom:0 !important;
  width:min(500px,32vw) !important;
  min-width:390px;
  height:100dvh;
  background:var(--surface) !important;
  color:var(--text) !important;
  padding:30px 38px 42px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  transform:translateX(102%) !important;
  transition:transform .25s ease !important;
  box-shadow:-16px 0 38px rgba(0,0,0,.16) !important;
}
body.beritaku-theme .mobile-drawer.open .mobile-drawer-panel{
  transform:translateX(0) !important;
}
body.beritaku-theme.beritaku-drawer-open,
body.beritaku-drawer-open{overflow:hidden !important}
body.beritaku-theme .mobile-drawer-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px;
  margin:0 0 30px !important;
}
body.beritaku-theme .mobile-drawer-brand .custom-logo{
  max-height:56px !important;
  max-width:190px !important;
  width:auto !important;
}
body.beritaku-theme .mobile-drawer-brand .brand-text{font-size:37px !important}
body.beritaku-theme .mobile-drawer-close{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0 !important;
  background:transparent !important;
  color:var(--primary) !important;
  font-size:32px !important;
  font-weight:300 !important;
  line-height:1 !important;
  padding:0 !important;
  cursor:pointer !important;
}
body.beritaku-theme .mobile-drawer-panel h3{
  font-family:var(--font-heading) !important;
  font-size:22px !important;
  font-weight:700 !important;
  margin:0 0 20px !important;
}
body.beritaku-theme .drawer-primary-menu{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:24px 28px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 0 38px !important;
}
body.beritaku-theme .drawer-primary-menu li{min-width:0 !important}
body.beritaku-theme .drawer-primary-menu a{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  text-align:center !important;
  font-family:var(--font-nav) !important;
  font-size:16px !important;
  font-weight:600 !important;
}
body.beritaku-theme .drawer-primary-menu .drawer-icon{
  color:var(--primary) !important;
  font-size:28px !important;
  line-height:1 !important;
}
body.beritaku-theme .drawer-info-menu{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:15px 24px !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.beritaku-theme .drawer-info-menu a{
  font-family:var(--font-nav) !important;
  font-size:15px !important;
  font-weight:500 !important;
}

@media(max-width:900px){
  body.beritaku-theme .mobile-drawer-panel{
    left:0 !important;
    right:auto !important;
    width:min(92vw,430px) !important;
    min-width:0 !important;
    padding:26px 26px 38px !important;
    transform:translateX(-102%) !important;
    box-shadow:12px 0 35px rgba(0,0,0,.18) !important;
  }
  body.beritaku-theme .mobile-drawer.open .mobile-drawer-panel{transform:translateX(0) !important}
}
@media(max-width:480px){
  body.beritaku-theme .mobile-menu-toggle{width:31px !important;height:31px !important;padding:4px !important;gap:4px !important}
  body.beritaku-theme .mobile-menu-toggle span{width:22px !important;height:2px !important}
  body.beritaku-theme .mobile-drawer-panel{width:96vw !important;padding:24px 22px 34px !important}
  body.beritaku-theme .drawer-primary-menu{gap:22px 18px !important}
}


/* =========================================================
   Beritaku v1.0.11 — desktop skyscraper ads + larger CTAs
   ========================================================= */
.outer-rail-ad{
  width:clamp(110px,calc((100vw - var(--container))/2 - 20px),160px) !important;
}
.outer-rail-ad .rail-ad,
.rail-ad{
  width:100% !important;
  height:var(--rail-height,600px) !important;
  min-height:400px;
}
.outer-rail-ad .ad-slot img,
.outer-rail-ad .ad-slot-link img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.outer-rail-left{right:calc(50% + (var(--container)/2) + 20px) !important;left:auto !important}
.outer-rail-right{left:calc(50% + (var(--container)/2) + 20px) !important;right:auto !important}
@media(min-width:1260px) and (max-width:1399px){
  .outer-rail-ad,.outer-rail-ad .rail-ad{width:clamp(110px,calc((100vw - var(--container))/2 - 16px),160px) !important}
  .outer-rail-left{right:calc(50% + (var(--container)/2) + 16px) !important;left:auto !important}
  .outer-rail-right{left:calc(50% + (var(--container)/2) + 16px) !important;right:auto !important}
}
@media(max-width:1259px){.outer-rail-ads{display:none !important}}
.desktop-side-ad{overflow:hidden}
.desktop-side-ad img{width:100%;height:100%;object-fit:cover}
.pill-more,
.red-more,
.index-more a,
.black-list .red-more{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:8px 18px !important;
  border-radius:999px !important;
  font-family:var(--font-nav,var(--font-body)) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  white-space:nowrap;
}
.black-list .red-more{min-width:120px;margin-top:12px !important}
.section-head{min-height:44px}
.section-head h1,.section-head h2{font-size:max(18px,var(--h2-size,20px)) !important}
.section-head:before{height:24px}
@media(max-width:640px){
  .pill-more,.red-more,.index-more a,.black-list .red-more{
    min-height:38px;
    padding:10px 20px !important;
    font-size:13px !important;
  }
}


/* =========================================================
   Beritaku v1.0.12 — mobile section alignment, nav, video & footer
   ========================================================= */

/* Terkini/simple section title: keep the red marker vertically aligned
   with the text exactly like the other section headings. */
.section-head.simple{
  min-height:44px !important;
  display:flex !important;
  align-items:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.section-head.simple:before{
  top:50% !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  height:24px !important;
}
.section-head.simple h1,
.section-head.simple h2{
  display:flex !important;
  align-items:center !important;
  min-height:44px !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Safari/iOS can render the text triangle as a blue emoji button.
   Draw a real CSS triangle instead so desktop and mobile stay identical. */
.play-button{
  font-size:0 !important;
  padding-left:0 !important;
  display:grid !important;
  place-items:center !important;
}
.play-button::before{
  content:'';
  width:0;
  height:0;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:10px solid #fff;
  margin-left:2px;
}

@media(max-width:900px){
  /* Remove the unwanted black rule below the mobile channel navigation. */
  body.beritaku-theme .main-nav{
    border-bottom:1px solid #ececec !important;
  }

  /* Keep section headers clean and aligned on small screens. */
  .section-head.simple{
    min-height:42px !important;
  }
  .section-head.simple h1,
  .section-head.simple h2{
    min-height:42px !important;
  }
  .section-head.simple:before{
    height:28px !important;
  }

  /* Footer typography must not shrink below readable mobile sizes. */
  body.beritaku-theme .site-footer h3{
    font-size:max(18px,var(--footer-heading-size,16px)) !important;
    line-height:1.35 !important;
  }
  body.beritaku-theme .footer-about p,
  body.beritaku-theme .footer-social-label{
    font-size:max(15px,var(--footer-text-size,13px)) !important;
    line-height:1.65 !important;
  }
  body.beritaku-theme .footer-menu a,
  body.beritaku-theme .footer-pages a,
  body.beritaku-theme .footer-apps a{
    font-size:max(15px,var(--footer-menu-size,13px)) !important;
    line-height:1.55 !important;
  }
  body.beritaku-theme .footer-menu li{
    margin:9px 0 !important;
  }
  body.beritaku-theme .footer-bottom{
    font-size:max(12px,var(--footer-bottom-size,11px)) !important;
    line-height:1.55 !important;
    padding:15px 0 !important;
  }
  body.beritaku-theme .footer-brand{
    font-size:max(36px,calc(var(--footer-heading-size,16px) + 18px)) !important;
  }
}

@media(max-width:640px){
  /* Video play button keeps the same visual weight as desktop. */
  .play-button{
    width:42px !important;
    height:42px !important;
    left:14px !important;
    bottom:14px !important;
  }
  .play-button::before{
    border-top-width:7px;
    border-bottom-width:7px;
    border-left-width:11px;
  }

  body.beritaku-theme .site-footer{
    padding-top:30px !important;
  }
  body.beritaku-theme .footer-grid{
    row-gap:28px !important;
  }
  body.beritaku-theme .footer-about p{
    max-width:100% !important;
  }
}


/* =========================================================
   Beritaku v1.0.13 — global section-marker alignment + responsive categories
   ========================================================= */

/* Use a real grid column for the red marker instead of absolute positioning.
   This keeps the marker vertically aligned with Terkini, Slider, Grid, Video,
   Opini and every other section heading at every viewport width. */
body.beritaku-theme .section-head,
body.beritaku-theme .section-head.simple{
  display:grid !important;
  grid-template-columns:4px minmax(0,1fr) auto !important;
  align-items:center !important;
  column-gap:10px !important;
  min-height:44px !important;
  padding-top:0 !important;
  padding-bottom:8px !important;
  position:relative !important;
}
body.beritaku-theme .section-head::before,
body.beritaku-theme .section-head.simple::before{
  content:'' !important;
  position:static !important;
  inset:auto !important;
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:center !important;
  width:4px !important;
  height:28px !important;
  margin:0 !important;
  background:var(--primary) !important;
  border-radius:999px !important;
  transform:none !important;
}
body.beritaku-theme .section-head h1,
body.beritaku-theme .section-head h2,
body.beritaku-theme .section-head.simple h1,
body.beritaku-theme .section-head.simple h2{
  grid-column:2 !important;
  grid-row:1 !important;
  align-self:center !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.25 !important;
}
body.beritaku-theme .section-head .pill-more,
body.beritaku-theme .section-head .red-more{
  grid-column:3 !important;
  grid-row:1 !important;
  align-self:center !important;
}

/* Category labels must use the Customizer value everywhere. The minimum is
   deliberately readable on small screens, while larger chosen values are
   preserved unchanged. */
body.beritaku-theme .news-cat,
body.beritaku-theme .headline-mini .news-cat,
body.beritaku-theme .article-header .news-cat,
body.beritaku-theme .archive-feature .news-cat,
body.beritaku-theme .latest-list .news-cat,
body.beritaku-theme .home-grid-cards .news-cat,
body.beritaku-theme .home-slider .news-cat,
body.beritaku-theme .popular-page .news-cat,
body.beritaku-theme .mini-card .news-cat,
body.beritaku-theme .latest-item .news-cat{
  font-family:var(--font-body) !important;
  font-size:max(14px,var(--category-font-size,14px)) !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

@media(max-width:900px){
  body.beritaku-theme .section-head,
  body.beritaku-theme .section-head.simple{
    grid-template-columns:4px minmax(0,1fr) auto !important;
    min-height:42px !important;
    column-gap:9px !important;
    padding-bottom:8px !important;
  }
  body.beritaku-theme .section-head::before,
  body.beritaku-theme .section-head.simple::before{
    width:4px !important;
    height:28px !important;
  }
  body.beritaku-theme .news-cat,
  body.beritaku-theme .headline-mini .news-cat,
  body.beritaku-theme .article-header .news-cat,
  body.beritaku-theme .archive-feature .news-cat,
  body.beritaku-theme .latest-list .news-cat,
  body.beritaku-theme .home-grid-cards .news-cat,
  body.beritaku-theme .home-slider .news-cat,
  body.beritaku-theme .popular-page .news-cat,
  body.beritaku-theme .mini-card .news-cat,
  body.beritaku-theme .latest-item .news-cat{
    font-size:max(15px,var(--category-font-size,14px)) !important;
  }
}

@media(max-width:640px){
  body.beritaku-theme .section-head,
  body.beritaku-theme .section-head.simple{
    min-height:40px !important;
  }
  body.beritaku-theme .section-head::before,
  body.beritaku-theme .section-head.simple::before{
    height:26px !important;
  }
}


/* =========================================================
   Beritaku v1.0.14 — Match Widget List card style
   ========================================================= */
.black-list{
  border-radius:16px !important;
  padding:0 0 18px !important;
  overflow:hidden;
}
.black-list > h3{
  border-left:0 !important;
  border-bottom:0 !important;
  text-align:center !important;
  padding:18px 18px 10px !important;
  margin:0 0 2px !important;
  color:#fff !important;
  font-size:clamp(17px,1.05vw,19px) !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}
.black-list .mini-card{
  grid-template-columns:92px 1fr !important;
  gap:12px !important;
  align-items:start !important;
  padding:12px 16px 0 !important;
  border-bottom:0 !important;
}
.black-list .mini-card + .mini-card{
  margin-top:10px !important;
}
.black-list .mini-card__media{
  aspect-ratio:4 / 3 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#111;
}
.black-list .mini-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.black-list .mini-card h3{
  color:#fff !important;
  font-size:14px !important;
  line-height:1.34 !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
  margin:0 !important;
}
.black-list .red-more{
  display:flex !important;
  width:calc(100% - 32px) !important;
  margin:18px 16px 0 !important;
  min-height:48px !important;
  padding:12px 18px !important;
  font-size:15px !important;
  font-weight:800 !important;
  border-radius:999px !important;
}
@media (max-width: 900px){
  .black-list{
    border-radius:14px !important;
    padding-bottom:20px !important;
  }
  .black-list > h3{
    padding:20px 18px 12px !important;
    font-size:18px !important;
  }
  .black-list .mini-card{
    grid-template-columns:112px 1fr !important;
    gap:14px !important;
    padding:14px 18px 0 !important;
  }
  .black-list .mini-card + .mini-card{
    margin-top:12px !important;
  }
  .black-list .mini-card__media{
    border-radius:14px !important;
  }
  .black-list .mini-card h3{
    font-size:16px !important;
    line-height:1.32 !important;
  }
  .black-list .red-more{
    width:calc(100% - 36px) !important;
    min-height:56px !important;
    margin:20px 18px 0 !important;
    font-size:17px !important;
  }
}


/* =========================================================
   Beritaku v1.0.15 — Match headline hero section to reference
   ========================================================= */
.headline-section{
  padding-top:26px !important;
}
.headline-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr) !important;
  gap:26px !important;
  align-items:start;
}
.headline-main__image{
  border-radius:18px !important;
  aspect-ratio:16 / 10.4 !important;
}
.headline-main__body{
  padding-top:14px !important;
}
.headline-main > .headline-main__body > .news-cat,
.headline-main .news-cat{
  font-size:max(14px,var(--category-font-size,14px)) !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}
.headline-main h1{
  font-size:clamp(28px,var(--h1-size,28px),34px) !important;
  line-height:1.28 !important;
  font-weight:800 !important;
  margin:8px 0 0 !important;
  letter-spacing:-.02em;
}
.headline-side{
  gap:18px !important;
}
.headline-side .mini-card,
.mini-card.headline-mini{
  grid-template-columns:160px 1fr !important;
  gap:14px !important;
  align-items:start !important;
}
.headline-side .mini-card__media,
.mini-card.headline-mini .mini-card__media{
  aspect-ratio:16 / 10 !important;
  border-radius:10px !important;
}
.headline-side .mini-card__body,
.mini-card.headline-mini .mini-card__body{
  padding-top:2px;
}
.headline-side .mini-card .news-cat,
.mini-card.headline-mini .news-cat{
  display:inline-block !important;
  font-size:max(13px,calc(var(--category-font-size,14px) - 1px)) !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  margin-bottom:7px !important;
}
.headline-side .mini-card h3,
.mini-card.headline-mini h3{
  font-size:16px !important;
  line-height:1.38 !important;
  margin:0 !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
}
@media (max-width: 900px){
  .headline-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .headline-main__image{
    border-radius:16px !important;
  }
  .headline-main__body{
    padding-top:12px !important;
  }
  .headline-main h1{
    font-size:clamp(22px,var(--h1-size,28px),29px) !important;
    line-height:1.28 !important;
  }
  .headline-side{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
  }
  .headline-side .mini-card,
  .mini-card.headline-mini{
    grid-template-columns:120px 1fr !important;
    gap:12px !important;
  }
  .headline-side .mini-card .news-cat,
  .mini-card.headline-mini .news-cat{
    font-size:max(14px,var(--category-font-size,14px)) !important;
    margin-bottom:6px !important;
  }
  .headline-side .mini-card h3,
  .mini-card.headline-mini h3{
    font-size:15px !important;
    line-height:1.35 !important;
  }
}


/* =========================================================
   Beritaku v1.0.16 — Mobile header/nav spacing + underline fix
   ========================================================= */
@media (max-width:900px){
  body.beritaku-theme .site-header{
    border-bottom:0 !important;
  }
  body.beritaku-theme .site-header .masthead{
    min-height:64px !important;
    height:64px !important;
    grid-template-rows:64px !important;
    gap:8px !important;
    padding:0 15px !important;
  }
  body.beritaku-theme .site-branding{
    height:64px !important;
  }
  body.beritaku-theme .custom-logo{
    max-height:44px !important;
    max-width:170px !important;
  }
  body.beritaku-theme .brand-text{
    font-size:31px !important;
    line-height:1 !important;
  }
  body.beritaku-theme .header-actions{
    gap:12px !important;
  }
  body.beritaku-theme .mobile-search-toggle,
  body.beritaku-theme .dark-toggle,
  body.beritaku-theme .mobile-menu-toggle{
    width:30px !important;
    height:30px !important;
  }
  body.beritaku-theme .mobile-search-toggle svg,
  body.beritaku-theme .dark-toggle svg{
    width:25px !important;
    height:25px !important;
  }
  body.beritaku-theme .mobile-menu-toggle{
    gap:4px !important;
  }
  body.beritaku-theme .mobile-menu-toggle span{
    width:24px !important;
    height:2px !important;
  }
  body.beritaku-theme .main-nav{
    display:block !important;
    height:46px !important;
    border-top:0 !important;
    border-bottom:0 !important;
    background:var(--surface) !important;
    box-shadow:none !important;
  }
  body.beritaku-theme .main-nav .container{
    padding:0 15px !important;
  }
  body.beritaku-theme .primary-menu{
    display:flex !important;
    height:46px !important;
    gap:26px !important;
    padding:0 !important;
    align-items:stretch !important;
    width:max-content;
  }
  body.beritaku-theme .primary-menu>li{
    display:block !important;
    flex:0 0 auto !important;
    position:relative !important;
  }
  body.beritaku-theme .primary-menu>li>a{
    display:flex !important;
    position:relative !important;
    height:46px !important;
    align-items:center !important;
    padding:0 !important;
    font-size:18px !important;
    font-weight:800 !important;
    line-height:1 !important;
  }
  body.beritaku-theme .primary-menu>.current-menu-item>a,
  body.beritaku-theme .primary-menu>.current_page_item>a{
    color:var(--primary) !important;
  }
  body.beritaku-theme .primary-menu>.current-menu-item>a:after,
  body.beritaku-theme .primary-menu>.current_page_item>a:after{
    content:'' !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:4px !important;
    background:var(--primary) !important;
    border-radius:999px !important;
  }
  body.beritaku-theme .breaking{
    border-top:1px solid #ececec !important;
  }
}
@media (max-width:640px){
  body.beritaku-theme .site-header .masthead{
    min-height:62px !important;
    height:62px !important;
    grid-template-rows:62px !important;
  }
  body.beritaku-theme .site-branding{
    height:62px !important;
  }
  body.beritaku-theme .custom-logo{
    max-height:42px !important;
    max-width:160px !important;
  }
  body.beritaku-theme .brand-text{
    font-size:30px !important;
  }
  body.beritaku-theme .main-nav,
  body.beritaku-theme .primary-menu,
  body.beritaku-theme .primary-menu>li>a{
    height:44px !important;
  }
  body.beritaku-theme .primary-menu{
    gap:22px !important;
  }
  body.beritaku-theme .primary-menu>li>a{
    font-size:17px !important;
  }
}


/* =========================================================
   Beritaku v1.0.17 — Mobile hero/breaking style closer to iBerita
   ========================================================= */
@media (max-width:900px){
  body.beritaku-theme .breaking{
    background:var(--primary) !important;
    border-top:0 !important;
    border-bottom:0 !important;
  }
  body.beritaku-theme .breaking .container{
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
  }
  body.beritaku-theme .breaking-inner{
    height:50px !important;
    padding:0 10px !important;
    gap:10px !important;
    align-items:center !important;
  }
  body.beritaku-theme .breaking-inner > strong{
    background:#111 !important;
    color:#fff !important;
    height:40px !important;
    margin-right:0 !important;
    padding:0 16px !important;
    border-radius:12px !important;
    font-size:15px !important;
    font-weight:800 !important;
    line-height:1 !important;
    box-shadow:none !important;
  }
  body.beritaku-theme .breaking-viewport{
    min-width:0 !important;
  }
  body.beritaku-theme .breaking-track{
    color:#fff !important;
    font-size:14px !important;
    font-weight:700 !important;
    gap:24px !important;
  }
  body.beritaku-theme .breaking-track a{
    color:#fff !important;
  }
  body.beritaku-theme .breaking-track a:before{
    color:#fff !important;
    opacity:.85 !important;
    margin-right:9px !important;
  }

  body.beritaku-theme .after-breaking-ad{
    padding-top:14px !important;
    padding-bottom:2px !important;
  }
  body.beritaku-theme .headline-section{
    padding-top:16px !important;
  }
  body.beritaku-theme .headline-grid{
    gap:18px !important;
  }
  body.beritaku-theme .headline-main__image{
    border-radius:0 !important;
    aspect-ratio:4 / 3.2 !important;
  }
  body.beritaku-theme .headline-main__body{
    padding-top:16px !important;
  }
  body.beritaku-theme .headline-main .news-cat,
  body.beritaku-theme .headline-main > .headline-main__body > .news-cat{
    font-size:max(14px,var(--category-font-size,14px)) !important;
    margin-bottom:8px !important;
    font-weight:800 !important;
  }
  body.beritaku-theme .headline-main h1{
    font-size:clamp(22px,var(--h1-size,28px),28px) !important;
    line-height:1.35 !important;
    margin:0 !important;
    letter-spacing:-.015em !important;
  }
  body.beritaku-theme .headline-side{
    gap:16px !important;
    padding-top:2px !important;
  }
  body.beritaku-theme .headline-side .mini-card,
  body.beritaku-theme .mini-card.headline-mini{
    grid-template-columns:124px 1fr !important;
    gap:16px !important;
    align-items:start !important;
  }
  body.beritaku-theme .headline-side .mini-card__media,
  body.beritaku-theme .mini-card.headline-mini .mini-card__media{
    aspect-ratio:4 / 3 !important;
    border-radius:12px !important;
  }
  body.beritaku-theme .headline-side .mini-card__body,
  body.beritaku-theme .mini-card.headline-mini .mini-card__body{
    padding-top:4px !important;
  }
  body.beritaku-theme .headline-side .mini-card .news-cat,
  body.beritaku-theme .mini-card.headline-mini .news-cat{
    font-size:max(13px,calc(var(--category-font-size,14px) - 1px)) !important;
    margin-bottom:8px !important;
    font-weight:800 !important;
  }
  body.beritaku-theme .headline-side .mini-card h3,
  body.beritaku-theme .mini-card.headline-mini h3{
    font-size:16px !important;
    line-height:1.42 !important;
    font-weight:800 !important;
    margin:0 !important;
  }
}
@media (max-width:640px){
  body.beritaku-theme .headline-main__image{
    aspect-ratio:4 / 3.1 !important;
  }
  body.beritaku-theme .headline-main h1{
    font-size:21px !important;
    line-height:1.34 !important;
  }
  body.beritaku-theme .headline-side .mini-card,
  body.beritaku-theme .mini-card.headline-mini{
    grid-template-columns:118px 1fr !important;
    gap:14px !important;
  }
  body.beritaku-theme .headline-side .mini-card h3,
  body.beritaku-theme .mini-card.headline-mini h3{
    font-size:15px !important;
  }
}


/* =========================================================
   Beritaku v1.0.18 — Smaller mobile breaking pill + consistent across pages
   ========================================================= */
@media (max-width:900px){
  body.beritaku-theme .breaking{
    background:var(--primary) !important;
  }
  body.beritaku-theme .breaking-inner{
    height:46px !important;
    padding:0 8px !important;
    gap:8px !important;
  }
  body.beritaku-theme .breaking-inner > strong{
    flex:0 0 auto !important;
    height:34px !important;
    padding:0 14px !important;
    border-radius:10px !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:34px !important;
    white-space:nowrap !important;
    margin-right:0 !important;
  }
  body.beritaku-theme .breaking-track{
    font-size:13px !important;
    font-weight:700 !important;
    gap:20px !important;
  }
  body.beritaku-theme .breaking-track a:before{
    font-size:13px !important;
    margin-right:8px !important;
  }
  body.beritaku-theme .breaking-viewport{
    display:block !important;
    min-width:0 !important;
  }
}
@media (max-width:640px){
  body.beritaku-theme .breaking-inner{
    height:44px !important;
    padding:0 7px !important;
  }
  body.beritaku-theme .breaking-inner > strong{
    height:32px !important;
    padding:0 12px !important;
    border-radius:9px !important;
    font-size:12.5px !important;
    line-height:32px !important;
  }
  body.beritaku-theme .breaking-track{
    font-size:12.5px !important;
    gap:18px !important;
  }
}


/* =========================================================
   Beritaku v1.0.19 — Force consistent mobile breaking style
   ========================================================= */
.breaking .breaking-inner > .breaking-label,
.breaking .breaking-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
@media (max-width: 900px){
  .breaking,
  body.beritaku-theme .breaking{
    background: var(--primary) !important;
    border: 0 !important;
  }
  .breaking .breaking-inner,
  body.beritaku-theme .breaking-inner{
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    gap: 8px !important;
    align-items: center !important;
  }
  .breaking .breaking-inner > .breaking-label,
  .breaking .breaking-label,
  body.beritaku-theme .breaking-inner > strong,
  body.beritaku-theme .breaking-label{
    flex: 0 0 auto !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border-radius: 10px !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    line-height: 32px !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
  }
  .breaking .breaking-viewport,
  body.beritaku-theme .breaking-viewport{
    min-width: 0 !important;
  }
  .breaking .breaking-track,
  body.beritaku-theme .breaking-track{
    color: #fff !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    gap: 18px !important;
  }
  .breaking .breaking-track a,
  body.beritaku-theme .breaking-track a{
    color: #fff !important;
  }
  .breaking .breaking-track a:before,
  body.beritaku-theme .breaking-track a:before{
    font-size: 12px !important;
    margin-right: 8px !important;
    opacity: .9 !important;
    color: #fff !important;
  }
}
@media (max-width: 640px){
  .breaking .breaking-inner,
  body.beritaku-theme .breaking-inner{
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 7px !important;
    gap: 7px !important;
  }
  .breaking .breaking-inner > .breaking-label,
  .breaking .breaking-label,
  body.beritaku-theme .breaking-inner > strong,
  body.beritaku-theme .breaking-label{
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 9px !important;
    font-size: 12px !important;
    line-height: 30px !important;
  }
  .breaking .breaking-track,
  body.beritaku-theme .breaking-track{
    font-size: 12px !important;
    gap: 16px !important;
  }
}


/* =========================================================
   Beritaku v1.0.20 — Smaller mobile breaking-news pill
   ========================================================= */
@media (max-width: 900px){
  .breaking .breaking-inner,
  body.beritaku-theme .breaking-inner{
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 6px !important;
    gap: 6px !important;
  }
  .breaking .breaking-inner > .breaking-label,
  .breaking .breaking-label,
  body.beritaku-theme .breaking-inner > strong,
  body.beritaku-theme .breaking-label{
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 11px !important;
    border-radius: 8px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 28px !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
  }
  .breaking .breaking-track,
  body.beritaku-theme .breaking-track{
    font-size: 12px !important;
    gap: 14px !important;
  }
  .breaking .breaking-track a:before,
  body.beritaku-theme .breaking-track a:before{
    font-size: 11px !important;
    margin-right: 6px !important;
  }
}
@media (max-width: 640px){
  .breaking .breaking-inner,
  body.beritaku-theme .breaking-inner{
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 5px !important;
  }
  .breaking .breaking-inner > .breaking-label,
  .breaking .breaking-label,
  body.beritaku-theme .breaking-inner > strong,
  body.beritaku-theme .breaking-label{
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    line-height: 27px !important;
  }
  .breaking .breaking-track,
  body.beritaku-theme .breaking-track{
    font-size: 11.5px !important;
    gap: 12px !important;
  }
}


/* =========================================================
   Beritaku v1.0.21 — Add left spacing to mobile breaking pill
   ========================================================= */
@media (max-width: 900px){
  .breaking .container,
  .breaking .breaking-inner,
  body.beritaku-theme .breaking .container,
  body.beritaku-theme .breaking-inner{
    padding-left: 10px !important;
    padding-right: 8px !important;
  }
  .breaking .breaking-inner > .breaking-label,
  .breaking .breaking-label,
  body.beritaku-theme .breaking-inner > strong,
  body.beritaku-theme .breaking-label{
    margin-left: 0 !important;
  }
}
@media (max-width: 640px){
  .breaking .container,
  .breaking .breaking-inner,
  body.beritaku-theme .breaking .container,
  body.beritaku-theme .breaking-inner{
    padding-left: 9px !important;
    padding-right: 7px !important;
  }
}


/* =========================================================
   Beritaku v1.0.22 — Full-bleed mobile hero image like iBerita
   ========================================================= */
@media (max-width: 900px){
  .headline-main__image,
  body.beritaku-theme .headline-main__image{
    width: calc(100% + 22px) !important;
    max-width: none !important;
    margin-left: -11px !important;
    margin-right: -11px !important;
    border-radius: 0 !important;
  }
  .archive-feature__media,
  body.beritaku-theme .archive-feature__media{
    width: calc(100% + 22px) !important;
    max-width: none !important;
    margin-left: -11px !important;
    margin-right: -11px !important;
    border-radius: 0 !important;
  }
}
@media (max-width: 640px){
  .headline-main__image,
  body.beritaku-theme .headline-main__image,
  .archive-feature__media,
  body.beritaku-theme .archive-feature__media{
    width: calc(100% + 22px) !important;
    margin-left: -11px !important;
    margin-right: -11px !important;
  }
}


/* =========================================================
   Beritaku v1.0.23 — True full-width mobile hero section
   ========================================================= */
@media (max-width: 900px){
  .headline-section.container,
  body.beritaku-theme .headline-section.container{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .headline-grid,
  body.beritaku-theme .headline-grid{
    display:block !important;
  }
  .headline-main,
  body.beritaku-theme .headline-main{
    width:100% !important;
  }
  .headline-main__image,
  body.beritaku-theme .headline-main__image{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:0 !important;
  }
  .headline-main__body,
  body.beritaku-theme .headline-main__body,
  .headline-side,
  body.beritaku-theme .headline-side{
    padding-left:15px !important;
    padding-right:15px !important;
  }

  .archive-news-page.container,
  body.beritaku-theme .archive-news-page.container{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .archive-feature,
  body.beritaku-theme .archive-feature{
    max-width:none !important;
    margin:0 !important;
  }
  .archive-feature__media,
  body.beritaku-theme .archive-feature__media{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    border-radius:0 !important;
  }
  .archive-feature__body,
  body.beritaku-theme .archive-feature__body,
  .archive-news-page > .content-columns,
  body.beritaku-theme .archive-news-page > .content-columns,
  .archive-news-page > .home-ad-row,
  body.beritaku-theme .archive-news-page > .home-ad-row,
  .archive-news-page .beritaku-breadcrumbs,
  body.beritaku-theme .archive-news-page .beritaku-breadcrumbs{
    padding-left:15px !important;
    padding-right:15px !important;
  }
}


/* =========================================================
   Beritaku v1.0.24 — Use uploaded social media icons
   ========================================================= */
.social-circles{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.social-circles a{
  width:32px;
  height:32px;
  border-radius:0 !important;
  background:transparent !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  overflow:hidden;
  box-shadow:none !important;
}
.social-circles a img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
@media (max-width: 900px){
  .social-circles{gap:12px;}
  .social-circles a{width:36px;height:36px;}
}


/* =========================================================
   Beritaku v1.0.25 — App Store & Google Play badges
   ========================================================= */
.footer-apps,
.app-buttons{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:center;
}
.footer-apps a,
.app-buttons a{
  border:0 !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  line-height:0;
}
.store-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.store-badge img{
  display:block;
  width:auto;
  height:40px;
  max-width:180px;
  object-fit:contain;
}
.footer-apps .store-badge--apple img{height:40px; max-width:170px;}
.footer-apps .store-badge--google img{height:40px; max-width:190px;}
.app-buttons .store-badge img{height:44px; max-width:200px;}
@media (max-width: 767px){
  .footer-apps,
  .app-buttons{gap:10px;}
  .store-badge img{height:34px; max-width:150px;}
  .app-buttons .store-badge img{height:38px; max-width:170px;}
}


/* =========================================================
   Beritaku v1.0.26 — Force store badges over legacy text buttons
   ========================================================= */
.footer-apps a.store-badge,
.app-buttons a.store-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
}
.footer-apps a.store-badge img,
.app-buttons a.store-badge img{
  display:block !important;
  width:auto !important;
  height:40px !important;
  max-width:190px !important;
  object-fit:contain !important;
}
.footer-apps a.store-badge--apple img{height:40px !important;}
.footer-apps a.store-badge--google img{height:40px !important;}
@media(max-width:767px){
  .footer-apps a.store-badge img,
  .app-buttons a.store-badge img{height:34px !important;max-width:160px !important;}
}


/* =========================================================
   Beritaku v1.0.27 — Equal-size store badges
   ========================================================= */
.footer-apps a.store-badge,
.app-buttons a.store-badge{
  width:170px !important;
  height:50px !important;
  flex:0 0 170px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.footer-apps a.store-badge img,
.app-buttons a.store-badge img{
  width:170px !important;
  height:50px !important;
  max-width:170px !important;
  max-height:50px !important;
  object-fit:contain !important;
}
@media (max-width: 767px){
  .footer-apps a.store-badge,
  .app-buttons a.store-badge{
    width:150px !important;
    height:44px !important;
    flex-basis:150px !important;
  }
  .footer-apps a.store-badge img,
  .app-buttons a.store-badge img{
    width:150px !important;
    height:44px !important;
    max-width:150px !important;
    max-height:44px !important;
  }
}


/* =========================================================
   Beritaku v1.0.28 — Keep store badges inline and equal size
   ========================================================= */
.footer-apps,
.app-buttons{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:10px !important;
}
.footer-apps a.store-badge,
.app-buttons a.store-badge{
  width:140px !important;
  height:42px !important;
  flex:0 0 140px !important;
}
.footer-apps a.store-badge img,
.app-buttons a.store-badge img{
  width:140px !important;
  height:42px !important;
  max-width:140px !important;
  max-height:42px !important;
  object-fit:contain !important;
}
@media (max-width: 767px){
  .footer-apps,
  .app-buttons{
    gap:8px !important;
  }
  .footer-apps a.store-badge,
  .app-buttons a.store-badge{
    width:126px !important;
    height:38px !important;
    flex-basis:126px !important;
  }
  .footer-apps a.store-badge img,
  .app-buttons a.store-badge img{
    width:126px !important;
    height:38px !important;
    max-width:126px !important;
    max-height:38px !important;
  }
}


/* =========================================================
   Beritaku v1.0.29 — Space between headline title and article list
   ========================================================= */
@media (max-width: 900px){
  body.beritaku-theme .headline-main__body{
    padding-bottom:24px !important;
  }
  body.beritaku-theme .headline-side{
    padding-top:0 !important;
    margin-top:0 !important;
  }
}
@media (max-width: 640px){
  body.beritaku-theme .headline-main__body{
    padding-bottom:28px !important;
  }
}


/* Beritaku v1.0.31 — top parallax ad should show full image without cropping */
.parallax-ad{background-size:contain !important;background-position:center center !important;background-repeat:no-repeat !important;}
@media(max-width:640px){.parallax-ad{background-size:contain !important;background-position:center center !important;}}


/* Beritaku v1.0.32 — force official app badges and equal inline sizing */
.footer-apps, .app-buttons{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:12px !important;}
.footer-apps a.store-badge, .app-buttons a.store-badge{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:160px !important;height:50px !important;flex:0 0 160px !important;overflow:hidden !important;}
.footer-apps a.store-badge img, .app-buttons a.store-badge img{display:block !important;width:160px !important;height:50px !important;max-width:160px !important;max-height:50px !important;object-fit:contain !important;}
@media (max-width: 767px){.footer-apps, .app-buttons{gap:10px !important;}.footer-apps a.store-badge, .app-buttons a.store-badge{width:146px !important;height:46px !important;flex-basis:146px !important;}.footer-apps a.store-badge img, .app-buttons a.store-badge img{width:146px !important;height:46px !important;max-width:146px !important;max-height:46px !important;}}


/* Beritaku v1.0.33 — align app badges with social icons */
.site-footer .footer-apps{
  margin-left:-11px !important;
  justify-content:flex-start !important;
}
@media (max-width:767px){
  .site-footer .footer-apps{
    margin-left:-10px !important;
  }
}


/* =========================================================
   Beritaku v1.0.34 — Mobile ads show full image, no cropping
   ========================================================= */
@media (max-width: 767px){
  /* Top billboard / parallax banner: use the natural 1140x224 banner ratio. */
  .parallax-ad-wrap{
    min-height:0 !important;
    height:auto !important;
  }
  .parallax-ad{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1140 / 224 !important;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
  }

  /* Uploaded horizontal banner images: let their own ratio define the height. */
  .ad-slot.has-image.leaderboard{
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    background:transparent !important;
    overflow:visible !important;
  }
  .ad-slot.has-image.leaderboard > .ad-slot-link{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
  }
  .ad-slot.has-image.leaderboard > img,
  .ad-slot.has-image.leaderboard > .ad-slot-link > img{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  /* Keep a useful height only for empty ADS placeholders. */
  .ad-slot.is-placeholder.leaderboard{
    height:70px !important;
  }

  .after-breaking-ad,
  .home-ad-row,
  .home-ad-row.narrow{
    overflow:visible !important;
  }
}


/* =========================================================
   Beritaku v1.0.35 — Separate top parallax desktop/mobile ads
   ========================================================= */
.parallax-ad-wrap.has-desktop-ad .parallax-ad{
  background-image:var(--ad-desktop) !important;
}
@media (min-width:641px){
  .parallax-ad-wrap:not(.has-desktop-ad){
    display:none !important;
  }
  .parallax-ad-wrap.has-desktop-ad .parallax-ad{
    background-image:var(--ad-desktop) !important;
  }
}
@media (max-width:640px){
  .parallax-ad-wrap:not(.has-mobile-ad){
    display:none !important;
  }
  .parallax-ad-wrap.has-mobile-ad{
    display:flex !important;
  }
  .parallax-ad-wrap.has-mobile-ad .parallax-ad{
    background-image:var(--ad-mobile) !important;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    background-attachment:scroll !important;
  }
}


/* =========================================================
   Beritaku v1.0.36 — show 300x250 ads without cropping
   ========================================================= */
.ad-slot.vertical-ad,
.ad-slot.side-ad-small,
.desktop-side-ad{
  width:100% !important;
  height:auto !important;
  aspect-ratio:300 / 250 !important;
  background:#e1e1e1 !important;
  overflow:hidden !important;
}
.ad-slot.vertical-ad img,
.ad-slot.vertical-ad .ad-slot-link img,
.ad-slot.side-ad-small img,
.ad-slot.side-ad-small .ad-slot-link img,
.desktop-side-ad img,
.desktop-side-ad .ad-slot-link img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}
@media (max-width:1023px){
  .desktop-side-ad{display:none !important;}
}


/* Beritaku v1.0.37 - rapatkan jarak badge App Store & Google Play */
.site-footer .footer-apps,
.footer-apps,
.beritaku-footer .footer-apps{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  row-gap:10px !important;
  column-gap:10px !important;
}

.site-footer .footer-apps a,
.footer-apps a,
.beritaku-footer .footer-apps a{
  margin:0 !important;
}

@media (max-width: 767px){
  .site-footer .footer-apps,
  .footer-apps,
  .beritaku-footer .footer-apps{
    gap:8px !important;
    row-gap:8px !important;
    column-gap:8px !important;
  }
}


/* =========================================================
   Beritaku v1.0.40 — Slider sidebar uses Widget Opini
   ========================================================= */
.slider-section .slider-opinion-sidebar{
  margin-top:0;
}
.slider-section .slider-opinion-module{
  margin:0;
  width:100%;
}
.slider-section .slider-opinion-module>h3{
  margin-top:0;
}
.slider-section .slider-opinion-module article{
  grid-template-columns:52px minmax(0,1fr);
  gap:12px;
  padding:10px 0;
  align-items:center;
}
.slider-section .slider-opinion-module .op-avatar,
.slider-section .slider-opinion-module .op-avatar img{
  width:52px;
  height:52px;
}
.slider-section .slider-opinion-module .op-avatar img{
  object-fit:cover;
  border-radius:50%;
}
.slider-section .slider-opinion-module h4{
  margin:0 0 4px;
  line-height:1.35;
}
.slider-section .slider-opinion-module span{
  display:block;
  line-height:1.35;
}
@media (max-width:900px){
  .slider-section .slider-opinion-sidebar{
    margin-top:14px;
  }
}


/* Beritaku v1.0.41 — force slider right column to opinion, remove social icons */
.slider-section .home-side-col .social-circles,
.slider-section .home-side-col .social-grid,
.slider-section .home-side-col .widget_beritaku_social,
.slider-section .home-side-col .beritaku-widget.social,
.slider-section .home-side-col .sidebar-social,
.slider-section .home-side-col .social-module,
.slider-section .home-side-col .follow-social,
.slider-section .home-side-col .widget-social,
.slider-section .home-side-col [class*="social"]{
  display:none !important;
}
.slider-section .slider-opinion-sidebar,
.slider-section .slider-opinion-module{
  display:block !important;
}
.slider-section .slider-opinion-module article:last-child{
  border-bottom:0;
}


/* Beritaku v1.0.42 — video section desktop/mobile match reference */
.video-home-wrap{
  background:transparent;
  color:#fff;
  margin-top:18px;
  padding:0;
}
.video-home-shell{
  background:#050505;
  border-radius:18px;
  padding:18px 18px 20px;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.video-home-shell .section-head.on-dark{
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.video-home-shell .section-head.on-dark:before{
  width:5px;
  height:30px;
  border-radius:99px;
}
.video-home-shell .section-head.on-dark h2{
  color:#fff;
  font-size:20px;
  line-height:1.15;
  font-weight:800;
  padding-left:16px;
}
.video-home-shell .pill-more{
  padding:12px 24px;
  font-size:14px;
  font-weight:800;
  border-radius:999px;
}
.video-lead__media{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  aspect-ratio:16/9;
}
.video-lead__media::before,
.video-small-card .news-card__media::before{
  content:'◉';
  position:absolute;
  left:14px;
  top:14px;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-size:14px;
  display:grid;
  place-items:center;
  z-index:2;
  backdrop-filter:blur(4px);
}
.video-small-card .news-card__media{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#222}
.video-home-shell .play-button{
  left:18px;
  bottom:18px;
  width:46px;
  height:46px;
  font-size:15px;
  box-shadow:0 10px 20px rgba(0,0,0,.25);
}
.video-lead h3{
  margin:14px 0 0;
  color:#fff;
  font-size:18px;
  line-height:1.4;
  font-weight:800;
}
.video-mini-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  overflow:visible !important;
}
.video-small-card .news-card__body{padding-top:10px}
.video-small-card .news-cat,
.video-small-card .news-meta{display:none !important}
.video-small-card h3{
  color:#fff;
  font-size:14px;
  line-height:1.45;
  margin:0;
  font-weight:700;
}
.video-list2-section{padding-top:16px}
@media(max-width:900px){
  .video-home-shell{padding:16px 14px 18px;border-radius:16px}
  .video-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:640px){
  .video-home-wrap{margin-top:14px}
  .video-home-shell{padding:14px 12px 16px;border-radius:14px}
  .video-home-shell .section-head.on-dark{margin-bottom:14px;padding-bottom:12px}
  .video-home-shell .section-head.on-dark:before{height:24px;width:5px}
  .video-home-shell .section-head.on-dark h2{font-size:18px;padding-left:14px}
  .video-home-shell .pill-more{padding:10px 18px;font-size:12px}
  .video-lead__media{border-radius:12px}
  .video-home-shell .play-button{left:14px;bottom:14px;width:42px;height:42px;font-size:14px}
  .video-lead h3{font-size:17px;line-height:1.42;margin-top:12px}
  .video-mini-grid{display:grid !important;grid-template-columns:1fr !important;gap:14px;overflow:visible !important}
  .video-small-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;align-items:start}
  .video-small-card .news-card__media{aspect-ratio:1/1;border-radius:10px}
  .video-small-card .news-card__body{padding-top:0}
  .video-small-card .news-card__media::before{left:8px;top:8px;width:26px;height:26px;border-radius:8px;font-size:11px}
  .video-small-card h3{font-size:13px;line-height:1.4}
}

/* Beritaku v1.0.43 rebuild for forced deployment */


/* Beritaku v1.0.44 — video section with right Widget List 2 */
.video-home-split{
  grid-template-columns:minmax(0,1fr) minmax(260px,320px);
  align-items:start;
  gap:22px;
}
.video-home-split .home-main-col,
.video-home-split .video-side-col{min-width:0}
.video-home-split .video-home-shell,
.video-home-split .video-side-shell{
  background:#050505;
  border-radius:18px;
  padding:18px;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.video-home-split .video-side-shell{padding:16px 16px 18px}
.video-home-split .section-head.on-dark{
  margin-bottom:18px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.video-home-split .section-head.on-dark:before{width:5px;height:30px;border-radius:99px}
.video-home-split .section-head.on-dark h2{color:#fff;font-size:20px;line-height:1.15;font-weight:800;padding-left:16px}
.video-home-split .pill-more{padding:10px 20px;font-size:13px;font-weight:800;border-radius:999px}
.video-home-split .video-lead__media{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#222}
.video-home-split .video-lead__media::before,
.video-home-split .video-small-card .news-card__media::before{
  content:'◉';position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:10px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:14px;
  display:grid;place-items:center;z-index:2;backdrop-filter:blur(4px)
}
.video-home-split .play-button{left:18px;bottom:18px;width:46px;height:46px;font-size:15px;box-shadow:0 10px 20px rgba(0,0,0,.25)}
.video-home-split .video-lead h3{margin:14px 0 0;color:#fff;font-size:18px;line-height:1.38;font-weight:800}
.video-home-split .video-mini-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;overflow:visible !important;margin-top:12px}
.video-home-split .video-small-card .news-card__media{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#222}
.video-home-split .video-small-card .news-card__body{padding-top:10px}
.video-home-split .video-small-card .news-cat,
.video-home-split .video-small-card .news-meta{display:none !important}
.video-home-split .video-small-card h3{color:#fff;font-size:13px;line-height:1.42;margin:0;font-weight:700}
.video-home-split .video-side-shell .black-list{margin:0;padding-bottom:0;border-radius:0;background:transparent}
.video-home-split .video-side-shell .black-list>h3{
  text-align:left;padding:0 0 14px 14px;margin:0 0 12px;border-bottom:1px solid rgba(255,255,255,.12);
  font-size:18px;line-height:1.2;color:#fff;position:relative
}
.video-home-split .video-side-shell .black-list>h3:before{
  content:'';position:absolute;left:0;top:0;width:5px;height:28px;background:var(--primary);border-radius:99px
}
.video-home-split .video-side-shell .mini-card{grid-template-columns:90px 1fr;gap:10px;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:14px}
.video-home-split .video-side-shell .mini-card:last-of-type{margin-bottom:16px}
.video-home-split .video-side-shell .mini-card__media{aspect-ratio:1/1;border-radius:10px;overflow:hidden}
.video-home-split .video-side-shell .mini-card__body{display:flex;align-items:center}
.video-home-split .video-side-shell .mini-card h3{font-size:13px;line-height:1.45;color:#fff;margin:0}
.video-home-split .video-side-shell .news-cat{display:none}
.video-home-split .video-side-shell .red-more{display:block;width:100%;text-align:center;padding:14px 18px;font-size:13px;font-weight:800;border-radius:999px;margin-top:8px}
@media(max-width:900px){
  .video-home-split{grid-template-columns:1fr;gap:16px}
}
@media(max-width:640px){
  .video-home-split .video-home-shell,.video-home-split .video-side-shell{padding:14px 12px 16px;border-radius:14px}
  .video-home-split .section-head.on-dark{margin-bottom:14px;padding-bottom:12px}
  .video-home-split .section-head.on-dark:before{height:24px;width:5px}
  .video-home-split .section-head.on-dark h2{font-size:18px;padding-left:14px}
  .video-home-split .pill-more{padding:10px 18px;font-size:12px}
  .video-home-split .video-lead__media{border-radius:12px}
  .video-home-split .play-button{left:14px;bottom:14px;width:42px;height:42px;font-size:14px}
  .video-home-split .video-lead h3{font-size:17px;line-height:1.42;margin-top:12px}
  .video-home-split .video-mini-grid{grid-template-columns:1fr !important;gap:14px;margin-top:14px}
  .video-home-split .video-small-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;align-items:start}
  .video-home-split .video-small-card .news-card__media{aspect-ratio:1/1;border-radius:10px}
  .video-home-split .video-small-card .news-card__body{padding-top:0}
  .video-home-split .video-small-card .news-card__media::before{left:8px;top:8px;width:26px;height:26px;border-radius:8px;font-size:11px}
  .video-home-split .video-small-card h3{font-size:13px;line-height:1.4}
  .video-home-split .video-side-shell .black-list>h3{font-size:16px;padding-left:14px}
  .video-home-split .video-side-shell .black-list>h3:before{height:24px}
  .video-home-split .video-side-shell .mini-card{grid-template-columns:88px 1fr;gap:10px}
}


/* Beritaku v1.0.45 — center play icon and change video badge icon to red */
.video-home-split .play-button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  line-height:0 !important;
  padding:0 !important;
}
.video-home-split .play-button::before{
  content:'' !important;
  display:block;
  width:0;
  height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:14px solid #fff;
  margin-left:3px;
}
.video-home-split .video-lead__media::before,
.video-home-split .video-small-card .news-card__media::before{
  content:'' !important;
  position:absolute;
  left:14px;
  top:14px;
  width:34px;
  height:34px;
  border-radius:10px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.30);
  z-index:2;
  backdrop-filter:blur(4px);
}
.video-home-split .video-lead__media::after,
.video-home-split .video-small-card .news-card__media::after{
  content:'';
  position:absolute;
  left:27px;
  top:23px;
  width:0;
  height:0;
  border-top:7px solid transparent;
  border-bottom:7px solid transparent;
  border-left:10px solid var(--primary);
  z-index:3;
}
@media(max-width:640px){
  .video-home-split .play-button::before{
    border-top:9px solid transparent;
    border-bottom:9px solid transparent;
    border-left:13px solid #fff;
    margin-left:3px;
  }
  .video-home-split .video-small-card .news-card__media::before{
    left:8px;
    top:8px;
    width:26px;
    height:26px;
    border-radius:8px;
  }
  .video-home-split .video-small-card .news-card__media::after{
    left:18px;
    top:15px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:8px solid var(--primary);
  }
}


/* Beritaku v1.0.46 — white circular video badge and improved title spacing */
.video-home-split .video-home-shell,
.video-home-split .video-side-shell{
  padding-top:22px;
}
.video-home-split .section-head.on-dark{
  margin-bottom:20px;
  padding-bottom:16px;
}
.video-home-split .section-head.on-dark h2,
.video-home-split .video-side-shell .black-list>h3{
  line-height:1.25;
}
.video-home-split .video-lead h3{
  margin-top:16px;
}
.video-home-split .video-small-card .news-card__body,
.video-home-split .video-side-shell .mini-card__body{
  display:flex;
  align-items:center;
}
.video-home-split .video-small-card .news-card__body{
  min-height:100%;
}
.video-home-split .video-lead__media::before,
.video-home-split .video-small-card .news-card__media::before{
  content:'' !important;
  position:absolute;
  left:14px;
  top:14px;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#fff;
  border:none;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
  z-index:2;
  backdrop-filter:none;
}
.video-home-split .video-lead__media::after,
.video-home-split .video-small-card .news-card__media::after{
  content:'';
  position:absolute;
  left:26px;
  top:22px;
  width:0;
  height:0;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:9px solid var(--primary);
  z-index:3;
}
@media(max-width:640px){
  .video-home-split .video-home-shell,
  .video-home-split .video-side-shell{
    padding:18px 14px 18px;
  }
  .video-home-split .section-head.on-dark{
    margin-bottom:16px;
    padding-bottom:14px;
  }
  .video-home-split .video-lead h3{
    margin-top:14px;
  }
  .video-home-split .video-small-card{
    align-items:center;
  }
  .video-home-split .video-small-card .news-card__body{
    display:flex;
    align-items:center;
    min-height:88px;
  }
  .video-home-split .video-small-card .news-card__media::before{
    left:8px;
    top:8px;
    width:24px;
    height:24px;
    border-radius:50%;
  }
  .video-home-split .video-small-card .news-card__media::after{
    left:17px;
    top:14px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:7px solid var(--primary);
  }
}


/* Beritaku v1.0.47 — fix broken mini video card titles */
.video-home-split .video-mini-grid{
  align-items:start;
}
.video-home-split .video-small-card{
  display:block !important;
}
.video-home-split .video-small-card .news-card__body{
  display:block !important;
  min-height:0 !important;
  height:auto !important;
  padding-top:10px !important;
}
.video-home-split .video-small-card h3{
  display:block !important;
  margin:0 !important;
  word-break:break-word;
}
@media(max-width:640px){
  .video-home-split .video-small-card{
    display:grid !important;
    grid-template-columns:108px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
  }
  .video-home-split .video-small-card .news-card__body{
    display:flex !important;
    align-items:center !important;
    min-height:88px !important;
    height:auto !important;
    padding-top:0 !important;
  }
  .video-home-split .video-small-card h3{
    margin:0 !important;
  }
}


/* Beritaku v1.0.48 — remove red marker from Widget List 2 only */
.video-home-split .video-side-shell .black-list>h3::before{
  display:none !important;
  content:none !important;
}
.video-home-split .video-side-shell .black-list>h3{
  padding-left:0 !important;
}


/* Beritaku v1.0.49 — remove footer opinion & popular on homepage */
.footer-pre-grid--single{grid-template-columns:1fr !important;max-width:420px;}


/* Beritaku v1.0.50 — increase mobile video item titles to match Widget List 2 */
@media(max-width:640px){
  .video-home-split .video-small-card h3,
  .video-home-split .video-side-shell .mini-card h3{
    font-size:15px !important;
    line-height:1.42 !important;
    font-weight:700 !important;
  }
  .video-home-split .video-small-card .news-card__body,
  .video-home-split .video-side-shell .mini-card__body{
    align-items:center !important;
  }
}


/* Beritaku v1.0.51 — horizontal ads above footer full width without cropping */
.home-ad-row,
.home-ad-row.narrow,
.after-breaking-ad{
  width:100%;
}
.home-ad-row .leaderboard,
.home-ad-row.narrow .leaderboard,
.after-breaking-ad .leaderboard{
  width:100% !important;
  max-width:1140px !important;
  margin-inline:auto !important;
}
.home-ad-row .ad-slot.has-image.leaderboard,
.home-ad-row.narrow .ad-slot.has-image.leaderboard,
.after-breaking-ad .ad-slot.has-image.leaderboard{
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  background:transparent !important;
  overflow:visible !important;
  border-radius:6px;
}
.home-ad-row .ad-slot.has-image.leaderboard > .ad-slot-link,
.home-ad-row.narrow .ad-slot.has-image.leaderboard > .ad-slot-link,
.after-breaking-ad .ad-slot.has-image.leaderboard > .ad-slot-link{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
}
.home-ad-row .ad-slot.has-image.leaderboard > img,
.home-ad-row .ad-slot.has-image.leaderboard > .ad-slot-link > img,
.home-ad-row.narrow .ad-slot.has-image.leaderboard > img,
.home-ad-row.narrow .ad-slot.has-image.leaderboard > .ad-slot-link > img,
.after-breaking-ad .ad-slot.has-image.leaderboard > img,
.after-breaking-ad .ad-slot.has-image.leaderboard > .ad-slot-link > img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:6px;
}
.home-ad-row .ad-slot.is-placeholder.leaderboard,
.home-ad-row.narrow .ad-slot.is-placeholder.leaderboard,
.after-breaking-ad .ad-slot.is-placeholder.leaderboard{
  max-width:1140px !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1140 / 224 !important;
  min-height:120px !important;
}
@media (max-width:640px){
  .home-ad-row,
  .home-ad-row.narrow,
  .after-breaking-ad{
    padding:14px 0 !important;
  }
  .home-ad-row .leaderboard,
  .home-ad-row.narrow .leaderboard,
  .after-breaking-ad .leaderboard{
    max-width:100% !important;
  }
  .home-ad-row .ad-slot.is-placeholder.leaderboard,
  .home-ad-row.narrow .ad-slot.is-placeholder.leaderboard,
  .after-breaking-ad .ad-slot.is-placeholder.leaderboard{
    aspect-ratio:360 / 180 !important;
    min-height:90px !important;
  }
}


/* Beritaku v1.0.52 — single post structure like iBerita reference */
.single-news-page{padding-bottom:22px}
.single-top-wrap{padding-bottom:10px}
.single-portal-layout{grid-template-columns:minmax(0,1fr) minmax(250px,290px);align-items:start}
.single-sidebar-stack{display:flex;flex-direction:column;gap:18px;position:sticky;top:14px}
.single-sidebar-slot{min-width:0}
.single-sidebar-ad .ad-slot,
.single-sidebar-ad .side-ad-small{width:100% !important}
.single-sidebar-dark .black-list{border-radius:8px}
.single-opinion-box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 14px 4px}
.single-opinion-box>h3{font-size:13px;margin:0 0 8px;padding:10px 10px 8px;border-left:3px solid var(--primary);border-bottom:1px solid var(--line)}
.single-opinion-box article{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.single-opinion-box article:last-child{border-bottom:0}
.single-opinion-box .op-avatar,.single-opinion-box .op-avatar img{width:52px;height:52px;border-radius:50%;overflow:hidden}
.single-opinion-box h4{margin:0 0 2px;font-size:12px;line-height:1.4}
.single-opinion-box span{font-size:10px;color:var(--muted)}
.single-comments-wrap{margin-top:18px}
.single-extra-section{padding-top:12px}
.single-related-grid,.single-grid-cards{grid-template-columns:repeat(3,1fr)}
.single-slider-popular-wrap{padding-top:10px}
.single-popular-side .sidebar-module,.single-popular-side .beritaku-widget{margin-bottom:0}
.single-video-section{padding-top:12px}
.single-video-shell{background:#050505;border-radius:18px;padding:18px 18px 20px;box-shadow:0 8px 24px rgba(0,0,0,.14);color:#fff}
.single-video-shell .section-head.on-dark{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.single-video-shell .section-head.on-dark:before{width:5px;height:28px;border-radius:99px}
.single-video-shell .section-head.on-dark h2{color:#fff;padding-left:14px}
.single-video-lead__media{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#222}
.single-video-lead__media img{width:100%;height:100%;object-fit:cover}
.single-video-lead__media::before,.single-video-mini-grid .video-small-card .news-card__media::before{content:'';position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:2}
.single-video-lead__media::after,.single-video-mini-grid .video-small-card .news-card__media::after{content:'';position:absolute;left:26px;top:22px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--primary);z-index:3}
.single-video-shell .play-button{display:flex;align-items:center;justify-content:center;position:absolute;left:18px;bottom:18px;width:46px;height:46px;background:var(--primary);border-radius:50%;font-size:0;line-height:0;padding:0;box-shadow:0 10px 20px rgba(0,0,0,.25)}
.single-video-shell .play-button::before{content:'';width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:14px solid #fff;margin-left:3px}
.single-video-lead h3{margin:14px 0 0;color:#fff;font-size:18px;line-height:1.38;font-weight:800}
.single-video-lead h3 a,.single-video-mini-grid h3 a{color:#fff}
.single-video-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.single-video-mini-grid .video-small-card .news-card__media{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#222}
.single-video-mini-grid .video-small-card .news-card__body{padding-top:10px}
.single-video-mini-grid .video-small-card .news-cat,.single-video-mini-grid .video-small-card .news-meta{display:none !important}
.single-video-mini-grid .video-small-card h3{font-size:13px;line-height:1.42;margin:0;font-weight:700;color:#fff}
@media(max-width:900px){
  .single-portal-layout{grid-template-columns:1fr}
  .single-sidebar-stack{position:static}
}
@media(max-width:640px){
  .single-opinion-box{padding-inline:12px}
  .single-related-grid,.single-grid-cards{grid-template-columns:repeat(2,1fr)}
  .single-video-shell{padding:16px 14px 18px;border-radius:14px}
  .single-video-shell .section-head.on-dark{margin-bottom:14px;padding-bottom:12px}
  .single-video-shell .section-head.on-dark h2{font-size:18px}
  .single-video-lead__media{border-radius:12px}
  .single-video-shell .play-button{left:14px;bottom:14px;width:42px;height:42px}
  .single-video-shell .play-button::before{border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:13px solid #fff}
  .single-video-lead h3{font-size:17px;line-height:1.42;margin-top:12px}
  .single-video-mini-grid{grid-template-columns:1fr;gap:14px}
  .single-video-mini-grid .video-small-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;align-items:center}
  .single-video-mini-grid .video-small-card .news-card__media{aspect-ratio:1/1;border-radius:10px}
  .single-video-mini-grid .video-small-card .news-card__body{padding-top:0;display:flex;align-items:center;min-height:88px}
  .single-video-mini-grid .video-small-card .news-card__media::before{left:8px;top:8px;width:24px;height:24px}
  .single-video-mini-grid .video-small-card .news-card__media::after{left:17px;top:14px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--primary)}
  .single-video-mini-grid .video-small-card h3{font-size:15px;line-height:1.42}
}


/* Beritaku v1.0.53 — single page structure closer to reference */
.single-article-header h1{max-width:760px}
.single-meta-strip{display:flex;gap:12px;align-items:center;margin-top:8px;margin-bottom:10px}
.single-author-badge,.single-author-badge img{width:40px;height:40px;border-radius:50%;overflow:hidden}
.single-meta-copy{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.single-inline-share{display:flex;gap:6px;align-items:center}
.single-inline-share a{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#f3f3f3;color:var(--text);font-size:10px;font-weight:700;text-transform:uppercase}
.single-sidebar-dark .red-more{background:var(--primary) !important}
.single-sidebar-dark .black-list > h3{padding-top:2px}
.single-related-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.single-slider-popular-wrap .home-slider .news-card{flex:0 0 calc((100% - 24px)/3)}
.single-popular-side .popular-list{padding-top:2px}
.single-comments-wrap .comments-area{margin-top:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}
.single-comments-wrap .comments-title,.single-comments-wrap .comment-reply-title{font-size:16px;margin:0 0 12px}
.single-comments-wrap .comment-list{padding-left:0;list-style:none;margin:0 0 14px}
.single-comments-wrap .comment-body{padding:14px 0}
.single-comments-wrap .comment-form input,.single-comments-wrap .comment-form textarea{border-radius:6px;padding:10px 12px;background:#fff}
.single-comments-wrap .comment-form .submit{border-radius:4px;padding:10px 16px;font-weight:700}
@media(max-width:640px){
  .single-meta-strip{align-items:flex-start}
  .single-meta-copy{display:block}
  .single-inline-share{margin-top:8px}
  .single-related-grid,.single-grid-cards{grid-template-columns:repeat(2,1fr)}
  .single-slider-popular-wrap .home-slider .news-card{flex-basis:72%}
}


/* Beritaku v1.0.54 — single post hero header like reference */
.single-hero-header .news-cat{margin-bottom:10px}
.single-hero-header h1{margin-bottom:12px}
.single-date-line{font-size:13px;line-height:1.4;color:#7a7a7a;font-weight:600;margin-bottom:10px}
.single-author-share-row{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}
.single-author-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.single-author-badge,.single-author-badge img{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#f0f0f0}
.single-author-namewrap{display:flex;align-items:center;gap:8px;min-width:0}
.single-author-name{font-size:16px;line-height:1.2;font-weight:800;color:var(--text);white-space:nowrap}
.single-verified{width:20px;height:20px;border-radius:50%;background:#2196f3;position:relative;flex:0 0 20px}
.single-verified:before{content:'';position:absolute;left:5px;top:6px;width:8px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.single-share-icons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.share-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;overflow:hidden;box-shadow:none;transition:transform .2s ease}
.share-icon-btn:hover{transform:translateY(-1px)}
.share-icon-btn img{display:block;width:100%;height:100%;object-fit:cover}
.single-inline-meta{font-size:13px;color:#8c8c8c;margin-top:-2px;margin-bottom:12px}
.article-cover{margin-top:0}
.article-cover img{border-radius:22px}
.article-cover figcaption{font-size:13px;color:#7f7f7f;margin-top:10px}
@media(max-width:640px){
  .single-date-line{font-size:12px;margin-bottom:8px}
  .single-author-share-row{flex-direction:column;align-items:flex-start;gap:12px}
  .single-author-name{font-size:15px;white-space:normal}
  .single-share-icons{justify-content:flex-start}
  .share-icon-btn{width:34px;height:34px}
  .article-cover img{border-radius:16px}
}


/* Beritaku v1.0.55 — mobile single post exact structural match */
.single-mobile-sharebar{display:none}
.single-hero-header > .news-cat{display:none !important}
@media(max-width:640px){
  /* Reference single page has no top billboard and no breaking ticker on mobile. */
  body.single-post .parallax-ad-wrap,
  body.single-post .breaking{display:none !important}

  body.single-post .site-header{border-bottom:1px solid #ececec}

  .single-mobile-sharebar{
    display:block;
    background:#f4f4f4;
    border-top:1px solid #ededed;
    border-bottom:1px solid #e4e4e4;
  }
  .single-mobile-sharebar__inner{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:58px;
    padding-top:8px;
    padding-bottom:8px;
  }
  .single-mobile-sharebar__inner>strong{
    font-size:16px;
    line-height:1;
    font-weight:800;
    color:#222;
    white-space:nowrap;
  }
  .single-mobile-share-icons{display:flex;align-items:center;gap:8px;min-width:0}
  .single-mobile-share-icons .share-icon-btn{width:36px;height:36px;flex:0 0 36px}

  .single-top-wrap{
    padding-top:0 !important;
  }
  body.single-post .breadcrumbs{
    margin:0 0 22px !important;
    padding-top:12px;
    font-size:15px !important;
    line-height:1.3;
    gap:8px;
    overflow:visible;
    white-space:normal;
  }
  body.single-post .breadcrumbs a{font-size:15px !important}
  body.single-post .breadcrumbs span{font-size:17px;color:#aaa}

  .single-portal-layout{display:block !important}
  .single-article-header h1{
    font-size:21px !important;
    line-height:1.32 !important;
    font-weight:800 !important;
    margin:0 0 18px !important;
    letter-spacing:-.02em;
  }
  .single-date-line{
    font-size:13px !important;
    line-height:1.4 !important;
    margin:0 0 16px !important;
    color:#777 !important;
    font-weight:500 !important;
  }
  .single-author-share-row{
    display:block !important;
    margin-bottom:18px !important;
  }
  .single-author-wrap{gap:10px}
  .single-author-badge,.single-author-badge img{width:44px !important;height:44px !important}
  .single-author-name{font-size:16px !important;font-weight:800 !important}
  .single-verified{width:18px !important;height:18px !important;flex-basis:18px !important}
  .single-verified:before{left:4px;top:5px}
  .single-author-share-row>.single-share-icons{display:none !important}
  .single-inline-meta{display:none !important}

  /* Full-bleed featured image like reference mobile view. */
  .single-article .article-cover{
    width:calc(100% + 22px) !important;
    margin:0 -11px 0 !important;
  }
  .single-article .article-cover img{
    display:block;
    width:100% !important;
    height:auto !important;
    border-radius:0 !important;
  }
  .single-article .article-cover figcaption{
    margin:0 !important;
    padding:12px 14px 10px !important;
    font-size:13px !important;
    line-height:1.45;
    color:#7d7d7d !important;
    background:#fff;
  }
  .single-after-cover-ad{
    margin:10px 0 18px;
  }
  .single-after-cover-ad .leaderboard{
    width:100% !important;
    max-width:100% !important;
  }
  .single-after-cover-ad .ad-slot.is-placeholder.leaderboard{
    min-height:150px !important;
    height:150px !important;
    aspect-ratio:auto !important;
  }
  .single-after-cover-ad .ad-slot.has-image.leaderboard,
  .single-after-cover-ad .ad-slot.has-image.leaderboard img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .single-article .article-content{
    font-size:17px !important;
    line-height:1.78 !important;
  }

  /* Sidebar follows later on mobile instead of crowding the article hero. */
  .single-sidebar-stack{margin-top:26px !important}
}


/* Beritaku v1.0.56 — black copy icon and styled comment form */
.single-share-icons .share-copy{background:#000;border-radius:50%}
.single-share-icons .share-copy img{object-fit:cover}
.single-comments-wrap .comments-area{
  margin-top:0;
  background:#f5f5f5;
  border:1px solid #e5e5e5;
  border-radius:16px;
  padding:22px 26px 18px;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.single-comments-wrap .comments-title,
.single-comments-wrap .comment-reply-title{
  font-size:22px;
  line-height:1.2;
  font-weight:800;
  margin:0 0 16px;
  color:#262626;
}
.single-comments-wrap .comment-notes,
.single-comments-wrap .logged-in-as{
  font-size:15px;
  line-height:1.7;
  color:#6c6c6c;
  margin:0 0 14px;
}
.single-comments-wrap .logged-in-as a{color:#1f2937;font-weight:600}
.single-comments-wrap .required{color:var(--primary)}
.single-comments-wrap .comment-form{margin-top:0}
.single-comments-wrap .comment-form-author,
.single-comments-wrap .comment-form-email,
.single-comments-wrap .comment-form-comment,
.single-comments-wrap .comment-form-cookies-consent{margin:0 0 14px}
.single-comments-wrap .comment-form-cookies-consent{
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:#4c4c4c;
  font-size:14px;
  line-height:1.6;
}
.single-comments-wrap .comment-form-cookies-consent input{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 32px;
  width:32px;
  height:32px;
  border-radius:8px;
  border:1px solid #d7d7d7;
  background:#dedede;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  margin:0;
  position:relative;
}
.single-comments-wrap .comment-form-cookies-consent input:checked::after{
  content:'';
  position:absolute;
  left:9px;
  top:6px;
  width:10px;
  height:14px;
  border-right:3px solid #1679a4;
  border-bottom:3px solid #1679a4;
  transform:rotate(40deg);
}
.single-comments-wrap .comment-form-cookies-consent label{padding-top:2px;cursor:pointer}
.single-comments-wrap .comment-form input,
.single-comments-wrap .comment-form textarea{
  width:100%;
  border:1px solid #dbdbdb;
  background:#fff;
  color:#2f2f2f;
  padding:16px 20px;
  border-radius:20px;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  font-size:16px;
}
.single-comments-wrap .comment-form textarea{
  min-height:210px;
  resize:vertical;
  border-radius:22px 22px 0 0;
}
.single-comments-wrap .comment-form input::placeholder,
.single-comments-wrap .comment-form textarea::placeholder{color:#8a8a8a}
.single-comments-wrap .comment-submit-row{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  padding:12px 16px;
  background:#e6e6e6;
  border:1px solid #dbdbdb;
  border-top:0;
  border-radius:0 0 22px 22px;
  margin-top:-14px;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}
.single-comments-wrap .comment-form .submit{
  width:auto;
  background:#18749b;
  color:#fff;
  border:0;
  padding:12px 24px;
  border-radius:999px;
  font-size:16px;
  font-weight:700;
  box-shadow:none;
}
.single-comments-wrap .comment-list{list-style:none;padding:0;margin:0 0 18px}
.single-comments-wrap .comment-list .comment-body{padding:16px 0;border-bottom:1px solid #e2e2e2}
.single-comments-wrap .comment-author img{border-radius:50%}
@media(max-width:640px){
  .single-comments-wrap .comments-area{padding:18px 16px 16px;border-radius:14px}
  .single-comments-wrap .comments-title,
  .single-comments-wrap .comment-reply-title{font-size:18px;margin-bottom:14px}
  .single-comments-wrap .comment-notes,
  .single-comments-wrap .logged-in-as{font-size:14px;line-height:1.6}
  .single-comments-wrap .comment-form input,
  .single-comments-wrap .comment-form textarea{padding:14px 16px;font-size:15px;border-radius:18px}
  .single-comments-wrap .comment-form textarea{min-height:180px;border-radius:18px 18px 0 0}
  .single-comments-wrap .comment-submit-row{padding:12px 14px;border-radius:0 0 18px 18px}
  .single-comments-wrap .comment-form .submit{font-size:15px;padding:11px 20px}
}


/* Beritaku v1.0.57 — use uploaded copy icon */
.single-share-icons .share-copy{background:transparent !important;}
.single-share-icons .share-copy img{object-fit:contain !important;background:transparent !important;}


/* Beritaku v1.0.59 — respect configured theme color on sidebar buttons */
.single-sidebar-dark .red-more,
.single-sidebar-dark .black-list .red-more,
.single-sidebar .black-list .red-more{
  background:var(--primary) !important;
  border-color:var(--primary) !important;
}


/* Beritaku v1.0.60 — author page like iBerita reference */
.author-page{padding-bottom:30px}
.author-after-breaking-ad{padding-top:16px;padding-bottom:18px}
.author-page-inner{padding-top:4px;padding-bottom:42px}
.author-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:34px;align-items:start;max-width:860px;margin:0 auto}
.author-profile-card{background:#282828;color:#fff;border-radius:14px;padding:24px 22px 26px;text-align:center;position:sticky;top:95px;box-shadow:0 8px 22px rgba(0,0,0,.08)}
.author-avatar-wrap{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 18px;background:#6639df}
.author-avatar-wrap img{width:100%;height:100%;object-fit:cover}
.author-profile-name{margin:0;font-size:18px;line-height:1.3;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.author-verified{width:17px;height:17px;border-radius:50%;background:#20a7e8;position:relative;display:inline-block;flex:0 0 17px}
.author-verified:after{content:'';position:absolute;left:4px;top:4px;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.author-social-row{display:flex;justify-content:center;gap:9px;margin:18px 0 20px;min-height:30px}
.author-social{width:31px;height:31px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#444;color:#fff}
.author-social img{width:100%;height:100%;object-fit:cover}
.author-social-web{background:#898989;font-size:16px;font-weight:900}
.author-profile-description{font-size:12px;line-height:1.65;color:#f0f0f0;margin:0 auto;max-width:215px}
.author-posts-col{min-width:0}
.author-posts-heading{margin-bottom:10px;padding-bottom:8px}
.author-posts-heading h2{font-size:20px!important;padding-left:12px!important}
.author-posts-heading:before{height:26px!important;width:4px!important;border-radius:99px}
.author-post-list{display:flex;flex-direction:column}
.author-post-item{display:grid;grid-template-columns:155px minmax(0,1fr);gap:15px;align-items:center;padding:0 0 18px;margin-bottom:18px;border-bottom:0}
.author-post-thumb{display:block;width:155px;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#eee}
.author-post-thumb img{width:100%;height:100%;object-fit:cover}
.author-post-copy{min-width:0}
.author-post-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.author-post-meta-row .news-cat{font-size:11px;font-weight:700;color:var(--primary)}
.author-post-time{font-size:10px;color:#8c8c8c;white-space:nowrap}
.author-post-item h2{font-size:19px;line-height:1.28;margin:0;font-weight:800}
.author-post-item h2 a{color:var(--text)}
.author-more-wrap{display:flex;justify-content:center;margin-top:6px}
.author-more-button{display:inline-flex;align-items:center;justify-content:center;min-width:105px;padding:10px 20px;border-radius:999px;background:var(--primary);color:#fff!important;font-size:12px;font-weight:800}
.author-more-button.is-disabled{opacity:.55}
.author-empty{padding:18px 0;color:var(--muted)}
@media(max-width:900px){
  .author-layout{grid-template-columns:235px minmax(0,1fr);gap:24px;max-width:780px}
  .author-profile-card{padding:20px 16px 22px}
  .author-avatar-wrap{width:125px;height:125px}
  .author-post-item{grid-template-columns:135px minmax(0,1fr)}
  .author-post-thumb{width:135px}
  .author-post-item h2{font-size:17px}
}
@media(max-width:640px){
  .author-after-breaking-ad{padding:10px 0 12px}
  .author-page-inner{padding-top:12px;padding-bottom:30px}
  .author-layout{display:block;max-width:none}
  .author-profile-col{margin-bottom:22px}
  .author-profile-card{position:static;border-radius:14px;padding:22px 18px 24px}
  .author-avatar-wrap{width:118px;height:118px;margin-bottom:14px}
  .author-profile-name{font-size:18px}
  .author-social-row{margin:14px 0 16px}
  .author-profile-description{font-size:13px;max-width:290px}
  .author-posts-heading h2{font-size:19px!important}
  .author-post-item{grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start;padding-bottom:16px;margin-bottom:14px}
  .author-post-thumb{width:112px;border-radius:8px;aspect-ratio:4/3}
  .author-post-meta-row{display:block;margin-bottom:4px}
  .author-post-time{display:block;margin-top:3px;font-size:10px}
  .author-post-item h2{font-size:15px;line-height:1.35}
}


/* Beritaku v1.0.61 — editable author username/photo */
.author-avatar-wrap img{width:190px;height:190px;object-fit:cover;border-radius:50%;display:block;margin-inline:auto;}
@media(max-width:640px){.author-avatar-wrap img{width:160px;height:160px;}}


/* Beritaku v1.0.62 — author avatar ratio + uploaded social icons */
.author-profile-card{padding:28px 22px 28px}
.author-avatar-wrap{
  width:190px !important;
  height:190px !important;
  border-radius:50%;
  overflow:hidden;
  margin:0 auto 18px;
  background:#d4d4d4 !important;
  border:0 !important;
  box-shadow:none !important;
}
.author-avatar-wrap img,
.author-avatar-wrap .avatar{
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:50% !important;
  display:block !important;
  margin:0 !important;
}
.author-profile-name{font-size:20px;gap:8px}
.author-social-row{display:flex;justify-content:center;gap:10px;margin:18px 0 20px;flex-wrap:wrap}
.author-social{
  width:36px;
  height:36px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:transparent !important;
  box-shadow:none !important;
  padding:0;
}
.author-social img{width:100%;height:100%;object-fit:contain;display:block}
.author-social-web{background:transparent !important;font-size:0}
.author-profile-description{font-size:13px;line-height:1.75;max-width:225px}
@media(max-width:767px){
  .author-profile-card{padding:22px 18px 24px}
  .author-avatar-wrap{width:170px !important;height:170px !important}
  .author-profile-name{font-size:18px}
}


/* Beritaku v1.0.64 — show full top and in-article ad images without cropping */
.parallax-ad-wrap{
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#080808;
}
.parallax-ad{
  width:min(1140px,100%) !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  margin:0 auto !important;
  background:#dedede !important;
  display:block !important;
  overflow:hidden !important;
}
.parallax-ad-link,
.parallax-ad-picture{
  display:block !important;
  width:100% !important;
  height:auto !important;
  position:relative !important;
  inset:auto !important;
}
.parallax-ad-image{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}
.article-mid-parallax{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:24px 0 !important;
  background:transparent !important;
  overflow:hidden !important;
  position:relative;
}
.article-mid-image-link{
  display:block !important;
  width:100% !important;
  height:auto !important;
}
.article-mid-image{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 !important;
}
@media(min-width:641px){
  .parallax-ad-wrap.has-desktop-ad{display:block !important}
  .parallax-ad-wrap.has-desktop-ad .parallax-ad{width:min(1140px,100%) !important}
}
@media(max-width:640px){
  .parallax-ad-wrap.has-mobile-ad .parallax-ad{width:100% !important}
  .article-mid-parallax{margin:18px 0 !important}
}


/* Beritaku v1.0.65 — widget video with sidebar + centered play icons */
.single-video-section{padding-top:12px}
.single-video-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.single-video-side{display:flex;flex-direction:column;gap:22px;min-width:0}
.single-video-side .sidebar-module{margin:0}
.single-video-side .popular-module{background:transparent;border:0;padding:0}
.single-video-side .popular-module h3{font-size:22px;line-height:1.2;font-weight:800;margin:0 0 18px;color:#202020}
.single-video-side .popular-row{padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid #ebebeb;align-items:flex-start}
.single-video-side .popular-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.single-video-side .popular-row b{font-size:18px;color:#a5a5a5;text-shadow:1px 1px 0 #fff,-1px -1px 0 #c9c9c9;min-width:28px}
.single-video-side .popular-row h4{font-size:18px;line-height:1.45;font-weight:700;margin:0 0 8px;color:#222}
.single-video-side .popular-row h4 a{color:#222}
.single-video-side .popular-row span{font-size:14px;font-weight:700;color:#1f86b8;text-transform:none}
.single-video-side-ad .side-ad-small,.single-video-side-ad .ad-slot{margin:0}
.single-video-shell{background:#050505;border-radius:18px;padding:18px 18px 20px;box-shadow:0 8px 24px rgba(0,0,0,.14);color:#fff}
.single-video-shell .section-head.on-dark{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.single-video-shell .section-head.on-dark:before{width:5px;height:28px;border-radius:99px;background:var(--primary)}
.single-video-shell .section-head.on-dark h2{color:#fff;padding-left:14px}
.single-video-lead__media{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#222}
.single-video-lead__media img{width:100%;height:100%;object-fit:cover}
.single-video-lead__media::before,
.single-video-mini-grid .video-small-card .news-card__media::before{content:'';position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.18);z-index:2}
.single-video-lead__media::after,
.single-video-mini-grid .video-small-card .news-card__media::after{content:'';position:absolute;left:29px;top:29px;transform:translate(-40%,-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--primary);z-index:3}
.single-video-shell .play-button{display:block;position:absolute;left:18px;bottom:18px;width:46px;height:46px;background:var(--primary);border-radius:50%;font-size:0;line-height:0;padding:0;box-shadow:0 10px 20px rgba(0,0,0,.25)}
.single-video-shell .play-button::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:14px solid #fff}
.single-video-lead h3{margin:14px 0 0;color:#fff;font-size:18px;line-height:1.38;font-weight:800}
.single-video-lead h3 a,.single-video-mini-grid h3 a{color:#fff}
.single-video-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.single-video-mini-grid .video-small-card .news-card__media{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:#222}
.single-video-mini-grid .video-small-card .news-card__body{padding-top:10px}
.single-video-mini-grid .video-small-card .news-cat,.single-video-mini-grid .video-small-card .news-meta{display:none !important}
.single-video-mini-grid .video-small-card h3{font-size:13px;line-height:1.42;margin:0;font-weight:700;color:#fff}
@media(max-width:1199px){
  .single-video-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px}
  .single-video-side .popular-row h4{font-size:16px}
}
@media(max-width:991px){
  .single-video-layout{grid-template-columns:1fr;gap:22px}
}
@media(max-width:767px){
  .single-video-shell{padding:16px 14px 18px;border-radius:14px}
  .single-video-shell .section-head.on-dark{margin-bottom:14px;padding-bottom:12px}
  .single-video-shell .section-head.on-dark h2{font-size:18px}
  .single-video-lead__media{border-radius:12px}
  .single-video-shell .play-button{left:14px;bottom:14px;width:42px;height:42px}
  .single-video-shell .play-button::before{border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:13px solid #fff}
  .single-video-lead h3{font-size:17px;line-height:1.42;margin-top:12px}
  .single-video-mini-grid{grid-template-columns:1fr;gap:14px}
  .single-video-mini-grid .video-small-card{display:grid;grid-template-columns:108px minmax(0,1fr);gap:12px;align-items:center}
  .single-video-mini-grid .video-small-card .news-card__media{aspect-ratio:1/1;border-radius:10px}
  .single-video-mini-grid .video-small-card .news-card__body{padding-top:0;display:flex;align-items:center;min-height:88px}
  .single-video-mini-grid .video-small-card .news-card__media::before{left:8px;top:8px;width:24px;height:24px}
  .single-video-mini-grid .video-small-card .news-card__media::after{left:20px;top:20px;transform:translate(-40%,-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--primary)}
  .single-video-mini-grid .video-small-card h3{font-size:15px;line-height:1.42}
  .single-video-side .popular-module h3{font-size:20px}
  .single-video-side .popular-row h4{font-size:16px}
}


/* Beritaku v1.0.67 — popular sidebar number/category follow primary theme color */
.single-video-side .popular-row b{
  color:var(--primary) !important;
  text-shadow:none !important;
}
.single-video-side .popular-row span{
  color:var(--primary) !important;
}
.single-video-side .popular-module>h3{
  border-left-color:var(--primary) !important;
}


/* Beritaku v1.0.68 — homepage opinion public-name/profile sync */
.slider-opinion-module .op-avatar img,
.opinion-module .op-avatar img{
  width:52px !important;
  height:52px !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:50% !important;
  display:block !important;
}


/* Beritaku v1.0.69 — dark mode menu visibility fix */
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .main-nav,
html[data-theme="dark"] .breaking-bar,
html[data-theme="dark"] .site-header-sticky{
  background:#101010 !important;
}
html[data-theme="dark"] .main-nav{
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
html[data-theme="dark"] .primary-menu > li > a,
html[data-theme="dark"] .primary-menu > li > a:visited,
html[data-theme="dark"] .primary-menu .menu-item > a{
  color:#f3f3f3 !important;
  opacity:1 !important;
}
html[data-theme="dark"] .primary-menu > li > a:hover,
html[data-theme="dark"] .primary-menu > li.current-menu-item > a,
html[data-theme="dark"] .primary-menu > li.current_page_item > a,
html[data-theme="dark"] .primary-menu > li.current-menu-ancestor > a,
html[data-theme="dark"] .primary-menu > li > a:focus{
  color:var(--primary) !important;
}
html[data-theme="dark"] .header-search{
  background:#171717 !important;
  border-color:#2a2a2a !important;
}
html[data-theme="dark"] .header-search input{
  color:#f3f3f3 !important;
}
html[data-theme="dark"] .header-search input::placeholder{
  color:#9a9a9a !important;
}
html[data-theme="dark"] .mobile-menu-toggle span{background:#f3f3f3 !important;}


/* Beritaku v1.0.70 — Widget Grid always shows posts on desktop/mobile */
@media(max-width:640px){
  .home-grid-cards .news-card:last-child{
    display:block !important;
  }
  .home-grid-cards{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
}


/* Beritaku v1.0.71 — separate header/footer logo controls */
.beritaku-header-logo-link{display:inline-flex;align-items:center;line-height:0;max-width:100%}
.beritaku-header-logo{display:block;width:auto;height:auto;max-width:220px;max-height:48px;object-fit:contain}
.mobile-drawer-brand .beritaku-header-logo{max-width:190px;max-height:44px}
.footer-brand-wrap{display:flex;align-items:center;margin-bottom:10px}
.beritaku-footer-logo-link{display:inline-flex;align-items:center;line-height:0;max-width:100%}
.beritaku-footer-logo{display:block;width:auto;height:auto;max-width:220px;max-height:64px;object-fit:contain}
@media(max-width:640px){
  .beritaku-header-logo{max-width:165px;max-height:38px}
  .mobile-drawer-brand .beritaku-header-logo{max-width:160px;max-height:38px}
  .beritaku-footer-logo{max-width:190px;max-height:56px}
}


/* Beritaku v1.0.72 — separate logos for light and dark mode */
.beritaku-header-logo-link,
.beritaku-footer-logo-link{display:inline-flex;align-items:center;position:relative}
.beritaku-header-logo--dark,
.beritaku-footer-logo--dark{display:none}
html[data-theme="dark"] .beritaku-header-logo--light,
html[data-theme="dark"] .beritaku-footer-logo--light{display:none}
html[data-theme="dark"] .beritaku-header-logo--dark,
html[data-theme="dark"] .beritaku-footer-logo--dark{display:block}


/* Beritaku v1.0.73 — AJAX Load More */
.beritaku-load-more-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:22px 0 8px;
  width:100%;
}
.beritaku-load-more{
  min-width:132px;
  min-height:42px;
  border:0;
  border-radius:999px;
  padding:11px 24px;
  background:var(--primary);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  font:inherit;
  font-size:13px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  box-shadow:none;
  transition:transform .18s ease,opacity .18s ease;
}
.beritaku-load-more:hover{transform:translateY(-1px)}
.beritaku-load-more:disabled{cursor:wait;opacity:.72;transform:none}
.beritaku-load-more-spinner{
  display:none;
  width:15px;
  height:15px;
  border:2px solid rgba(255,255,255,.45);
  border-top-color:#fff;
  border-radius:50%;
  animation:beritakuLoadSpin .7s linear infinite;
}
.beritaku-load-more.is-loading .beritaku-load-more-spinner{display:block}
.beritaku-load-more-status{min-height:16px;font-size:11px;color:var(--muted);text-align:center}
.beritaku-loaded-item{animation:beritakuLoadFade .28s ease both}
@keyframes beritakuLoadSpin{to{transform:rotate(360deg)}}
@keyframes beritakuLoadFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html[data-theme="dark"] .beritaku-load-more-status{color:#aaa}
@media(max-width:640px){
  .beritaku-load-more-wrap{margin:18px 0 5px}
  .beritaku-load-more{min-width:128px;min-height:40px;padding:10px 22px;font-size:12px}
}