/*
Theme Name: BNEWSMEDIA Custom Theme
Theme URI: https://bnewsmedia.id/
Author: BNEWSMEDIA
Description: Custom lightweight WordPress theme for BNEWSMEDIA. No page builder or external plugin required.
Version: 2.9.5
Text Domain: bnewsmedia
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* BNEWSMEDIA HEADER V2.4 */
:root{--red:#ed1c24;--blue:#3156e8;--black:#111;--ink:#151515;--muted:#777;--line:#e7e7e7;--soft:#f7f7f7;--white:#fff;--max:1180px;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;image-rendering:auto}button,input{font:inherit}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:#fff;position:relative;z-index:50}.topbar{height:35px;border-bottom:1px solid #ededed;font-size:12px;color:#666;background:#fff}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.toplinks{display:flex;gap:22px}.toplinks a{transition:color .2s}.toplinks a:hover{color:var(--red)}
.masthead{background:#fff}.masthead-inner{min-height:102px;display:grid;grid-template-columns:330px minmax(280px,1fr) auto;align-items:center;gap:28px}.brand-wrap{min-width:0}.brand{display:inline-block;font-weight:900;font-size:34px;line-height:.9;letter-spacing:-2.2px;white-space:nowrap}.brand-blue{color:var(--blue)}.brand-red{color:var(--red)}.brand small{display:block;color:#999;font-size:8px;line-height:1;margin-top:8px;letter-spacing:3px;font-weight:700;text-transform:lowercase}.custom-logo-wrap .custom-logo{display:block;max-height:54px;width:auto}.searchbox{justify-self:center;display:flex;align-items:center;width:min(100%,420px);height:48px;border:1px solid #ddd;border-radius:26px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}.searchbox:focus-within{border-color:#bfc7ef;box-shadow:0 0 0 3px rgba(49,86,232,.07)}.searchbox input{border:0;outline:0;min-width:0;flex:1;height:100%;padding:0 18px;color:#222;background:transparent;font-size:14px}.searchbox input::placeholder{color:#8b8b8b}.searchbox button{border:0;background:transparent;width:48px;height:100%;display:grid;place-items:center;color:#111;cursor:pointer}.searchbox svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mast-actions{display:flex;align-items:center;gap:9px;justify-self:end}.header-live,.header-tv{height:46px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;letter-spacing:.1px;white-space:nowrap}.header-live{min-width:82px;background:var(--red);color:#fff}.header-live span{font-size:9px;margin-right:4px}.header-tv{min-width:112px;padding:0 18px;border:1px solid #ddd;color:#111;background:#fff}.header-tv span{color:var(--blue);margin-left:4px}

.mainnav{border-top:1px solid #f0f0f0;border-bottom:1px solid #dedede;background:#fff}.mainnav-inner{display:flex;align-items:center;gap:30px;min-height:55px;overflow-x:auto;scrollbar-width:none}.mainnav-inner::-webkit-scrollbar{display:none}.mainnav a{position:relative;padding:18px 0 16px;font-size:15px;font-weight:800;white-space:nowrap;color:#111;transition:color .2s}.mainnav a:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--red);transform:scaleX(0);transform-origin:center;transition:transform .2s}.mainnav a:hover,.mainnav a.current{color:var(--blue)}.mainnav a.current:after,.mainnav a:hover:after{transform:scaleX(1)}
.breaking{background:#111;color:#fff}.breaking-inner{min-height:45px;display:flex;align-items:center;gap:16px;overflow:hidden}.breaking strong{background:var(--red);font-size:11px;line-height:1;padding:8px 11px;border-radius:4px;white-space:nowrap}.breaking a{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breaking a:hover{text-decoration:underline}
.section{padding:28px 0}.section.alt{background:#fafafa}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title{font-size:20px;margin:0;font-weight:900;letter-spacing:-.3px;position:relative;padding-left:12px}.section-title:before{content:"";position:absolute;left:0;top:3px;width:4px;height:20px;background:var(--red);border-radius:2px}.more{font-size:12px;color:var(--red);font-weight:800}.hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr) 260px;gap:18px}.hero-main,.side-list,.popular{min-width:0}.hero-image{display:block;aspect-ratio:16/9;background:#eee;border-radius:var(--radius);overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.cat{display:inline-block;color:var(--red);font-size:10px;font-weight:900;text-transform:uppercase;margin-top:9px}.hero-title{font-size:29px;line-height:1.12;letter-spacing:-.7px;margin:5px 0 7px}.meta{font-size:11px;color:#888}.side-list{display:grid;gap:12px}.side-card{display:grid;grid-template-columns:110px 1fr;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.side-card:last-child{border-bottom:0}.side-image{display:block;height:82px;border-radius:8px;overflow:hidden;background:#eee}.side-image img{width:100%;height:100%;object-fit:cover}.side-title{font-size:14px;line-height:1.25;margin:3px 0}.popular{background:#111;color:#fff;border-radius:var(--radius);padding:15px}.popular-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #333}.popular-title h3{margin:0;font-size:18px}.popular-list{list-style:none;padding:0;margin:0}.popular-list li{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:11px 0;border-bottom:1px solid #2b2b2b}.popular-list li:last-child{border-bottom:0}.popular-num{color:var(--red);font-weight:900;font-size:17px}.popular-list a{font-size:12px;line-height:1.35}.shortcut-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.shortcut{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:9px 4px;background:#fff;font-size:10px;font-weight:800}.icon-wrap{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f8f8f8;color:var(--red);border:1px solid #eee}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.market-card{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:#fff}.market-top{display:flex;justify-content:space-between;align-items:flex-start}.market-kicker{font-size:9px;font-weight:900;color:var(--red);display:block}.market-name{font-weight:900;font-size:16px}.live-badge{font-size:9px;border-radius:10px;padding:4px 7px;background:#111;color:#fff}.market-value{font-size:27px;font-weight:900;margin:15px 0 4px}.market-note{font-size:11px;color:#888}.chart{height:48px;display:flex;align-items:flex-end;gap:4px;margin-top:8px}.chart i{flex:1;background:#e51b23;opacity:.2;border-radius:3px 3px 0 0}.chart i:nth-child(1){height:25%}.chart i:nth-child(2){height:45%}.chart i:nth-child(3){height:34%}.chart i:nth-child(4){height:58%}.chart i:nth-child(5){height:42%}.chart i:nth-child(6){height:75%}.chart i:nth-child(7){height:60%}.chart i:nth-child(8){height:88%}.three-grid{display:grid;grid-template-columns:1.15fr 1.15fr .8fr;gap:14px}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:17px;background:#fff}.panel h3{margin:0;font-size:17px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-head a{color:var(--red);font-size:11px;font-weight:800}.compact-item{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.compact-item:last-child{border-bottom:0}.compact-cat{display:block;font-size:9px;color:var(--red);font-weight:900;text-transform:uppercase}.compact-title{display:block;font-size:13px;font-weight:700;line-height:1.3;margin-top:2px}.poll label{display:block;font-size:12px;padding:7px 0}.poll button{border:0;background:#111;color:#fff;border-radius:18px;padding:8px 15px;font-weight:800;margin-top:6px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px}.article-list{display:grid;gap:14px}.article-card{display:grid;grid-template-columns:190px 1fr;gap:13px;padding-bottom:14px;border-bottom:1px solid var(--line)}.article-image{height:122px;border-radius:9px;overflow:hidden;background:#eee}.article-image img{width:100%;height:100%;object-fit:cover}.article-title{font-size:18px;line-height:1.22;margin:4px 0}.channel-box{border:1px solid var(--line);border-radius:var(--radius);padding:14px}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.channel-grid a{border:1px solid var(--line);border-radius:7px;padding:10px;font-size:11px;font-weight:800}.region-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.region-card{position:relative;height:170px;border-radius:10px;overflow:hidden;background:#ddd}.region-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}.region-card img{width:100%;height:100%;object-fit:cover}.region-card strong{position:absolute;z-index:2;left:10px;right:10px;bottom:9px;color:#fff;font-size:12px;line-height:1.2}.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-card img{width:100%;height:125px;object-fit:cover;border-radius:8px;background:#eee}.editor-card strong{display:block;font-size:12px;line-height:1.25;margin-top:6px}.info-list{display:grid;gap:10px}.info-item{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center}.info-item img{width:100px;height:70px;object-fit:cover;border-radius:8px;background:#eee}.info-item strong{font-size:12px;line-height:1.25}.video-shell{position:relative}.video-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 50px)/6);gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:3px}.video-row::-webkit-scrollbar{display:none}.video-card{min-width:0}.video-poster{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#eee}.video-poster img{width:100%;height:100%;object-fit:cover}.video-category{position:absolute;top:9px;left:9px;background:var(--red);color:#fff;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:900}.play-button{position:absolute;left:9px;bottom:9px;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-size:12px}.duration{position:absolute;right:8px;bottom:9px;background:rgba(0,0,0,.75);color:#fff;padding:3px 5px;border-radius:4px;font-size:8px}.video-card h4{font-size:12px;line-height:1.25;margin:7px 0 4px}.author{font-size:9px;color:#777}.verified{display:inline-grid;place-items:center;width:13px;height:13px;background:#1677ff;color:#fff;border-radius:50%;font-size:8px;margin-left:2px}.carousel-controls{display:flex;gap:5px}.carousel-controls button{width:29px;height:29px;border-radius:50%;border:1px solid #ddd;background:#fff}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-card img{width:100%;height:130px;object-fit:cover;border-radius:8px;background:#eee}.photo-card strong{display:block;font-size:11px;line-height:1.25;margin-top:5px}.podcast{display:flex;align-items:center;gap:14px;min-height:155px}.podcast-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;flex:0 0 auto}.newsletter{background:#111;color:#fff;border-radius:var(--radius);padding:27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.newsletter h2{margin:0 0 4px;font-size:23px}.newsletter p{margin:0;color:#aaa;font-size:12px}.newsletter-form{display:flex;gap:7px}.newsletter-form input{height:40px;width:260px;border:0;border-radius:20px;padding:0 14px}.newsletter-form button{height:40px;border:0;border-radius:20px;background:var(--red);color:#fff;padding:0 17px;font-weight:800}.footer{background:#111;color:#fff;margin-top:0;padding:38px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer h3{margin:0 0 10px;font-size:15px}.footer a{display:block;color:#aaa;font-size:12px;margin:7px 0}.copyright{border-top:1px solid #2b2b2b;margin-top:25px;padding-top:15px;color:#777;font-size:11px}.empty{padding:25px;border:1px dashed #ddd;border-radius:10px;color:#888}
@media(max-width:1050px){.hero-grid{grid-template-columns:1.6fr 1fr}.popular{grid-column:1/-1}.shortcut-grid{grid-template-columns:repeat(5,1fr)}.three-grid{grid-template-columns:1fr 1fr}.three-grid .panel:last-child{grid-column:1/-1}.content-grid{grid-template-columns:1fr}.region-grid{grid-template-columns:repeat(3,1fr)}.video-row{grid-auto-columns:calc((100% - 30px)/4)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.wrap{width:min(var(--max),calc(100% - 22px))}.toplinks,.tagline,.mast-actions{display:none}.masthead .wrap{min-height:66px}.brand{font-size:24px}.searchbox{width:42px;margin-left:auto}.searchbox input{display:none}.mainnav .wrap{gap:17px}.hero-grid{grid-template-columns:1fr}.hero-title{font-size:24px}.hero-image{aspect-ratio:16/10}.side-card{grid-template-columns:100px 1fr}.side-image{height:76px}.shortcut-grid{grid-template-columns:repeat(5,1fr)}.shortcut{font-size:9px}.market-grid,.three-grid,.two-grid{grid-template-columns:1fr}.three-grid .panel:last-child{grid-column:auto}.article-card{grid-template-columns:110px 1fr}.article-image{height:80px}.article-title{font-size:15px}.region-grid{grid-template-columns:1fr 1fr}.region-card{height:150px}.editor-grid{grid-template-columns:1fr 1fr}.video-row{grid-auto-columns:72%}.photo-grid{grid-template-columns:1fr 1fr}.photo-card:nth-child(3){display:none}.newsletter{display:block}.newsletter-form{margin-top:15px}.newsletter-form input{width:100%}.footer-grid{grid-template-columns:1fr}.section{padding:23px 0}}

/* Header responsive */
@media(max-width:900px){.masthead-inner{grid-template-columns:260px minmax(220px,1fr) auto;gap:16px}.brand{font-size:30px}.mainnav-inner{gap:24px}}
@media(max-width:680px){.wrap{width:min(var(--max),calc(100% - 22px))}.topbar{height:32px}.toplinks{display:none}.topbar-inner{justify-content:flex-start}.masthead-inner{min-height:72px;display:flex;gap:10px}.brand{font-size:25px;letter-spacing:-1.6px}.brand small{font-size:6px;letter-spacing:2px;margin-top:6px}.custom-logo-wrap .custom-logo{max-height:42px}.searchbox{margin-left:auto;width:42px;height:42px;border:0;box-shadow:none}.searchbox input{display:none}.searchbox button{width:42px}.mast-actions{display:none}.mobile-menu-toggle{display:block}.mainnav{display:none}.mainnav.is-open{display:block}.mainnav-inner{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;min-height:0;padding:6px 0}.mainnav a{padding:12px 0;font-size:14px;border-bottom:1px solid #eee}.mainnav a:after{display:none}.breaking-inner{min-height:40px;gap:10px}.breaking strong{font-size:9px;padding:7px 8px}.breaking a{font-size:11px}}

/* BNEWSMEDIA SHARP VECTOR LOGO */
.brand-logo{display:block;width:290px;max-width:100%;line-height:0}.brand-logo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;image-rendering:auto}.custom-logo-wrap .custom-logo{image-rendering:auto}
@media(max-width:900px){.brand-logo{width:250px}}
@media(max-width:680px){.brand-logo{width:205px}}

/* V2.7 Hero / Side Story / Popular refinement */
.popular-list a{color:#fff !important;display:block}
.popular{min-height:100%;overflow:hidden}
.side-list{align-content:start}
.side-card{min-height:104px}
.side-card .side-title{font-weight:800}
.hero-main{min-width:0}
@media(min-width:1051px){
  .hero-grid{grid-template-columns:minmax(0,1.72fr) minmax(310px,1fr) 300px;align-items:start}
  .popular{min-height:100%}
}

/* BNEWSMEDIA V2.8 — HEADER / NAV / BREAKING NEWS REFRESH */
.bnm-header-v28{font-family:Arial,Helvetica,sans-serif}
.bnm-header-v28 .topbar{height:31px;background:#f5f7f8;border-bottom:1px solid #e4e7e9;color:#454545;font-size:10px}
.bnm-header-v28 .topbar-inner{height:31px}
.bnm-header-v28 .top-left,.bnm-header-v28 .top-right,.bnm-header-v28 .toplinks,.bnm-header-v28 .social-mini{display:flex;align-items:center}
.bnm-header-v28 .top-left{gap:14px}.bnm-header-v28 .top-right{gap:12px}.bnm-header-v28 .toplinks{gap:18px}.bnm-header-v28 .toplinks a{color:#343434;font-size:9px}.bnm-header-v28 .toplinks a:hover{color:var(--red)}
.bnm-header-v28 .top-weather{font-size:9px;color:#555}.bnm-header-v28 .weather-dot{color:#f2a400;margin-right:4px}.bnm-header-v28 .weather-muted{color:#777;margin-left:2px}
.bnm-header-v28 .social-mini{gap:5px}.bnm-header-v28 .social-mini a{width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#edf0f2;color:#111;font-size:9px;font-weight:900}.bnm-header-v28 .social-mini a:hover{background:var(--blue);color:#fff}
.bnm-header-v28 .masthead-inner{min-height:91px;grid-template-columns:320px minmax(320px,1fr) auto;gap:24px}.bnm-header-v28 .brand-logo{width:270px}.bnm-header-v28 .searchbox{width:min(100%,430px);height:42px;border-color:#d9dde1;border-radius:22px;background:#fafafa}.bnm-header-v28 .searchbox input{font-size:11px;padding-left:17px}.bnm-header-v28 .searchbox button{width:43px}.bnm-header-v28 .searchbox svg{width:15px;height:15px;color:#111}
.bnm-header-v28 .mast-actions{gap:8px}.bnm-header-v28 .header-live{height:43px;min-width:76px;border-radius:22px;font-size:10px}.bnm-header-v28 .header-tv{height:43px;min-width:112px;padding:0 12px;border:0;border-radius:7px;background:#f4f6f7;gap:9px;justify-content:flex-start}.bnm-header-v28 .tv-play{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#0b9db2;color:#fff;font-size:9px}.bnm-header-v28 .tv-copy{display:flex;flex-direction:column;line-height:1.05;text-align:left}.bnm-header-v28 .tv-copy b{font-size:11px;color:#111}.bnm-header-v28 .tv-copy small{font-size:7px;color:#777;margin-top:3px}
.bnm-header-v28 .mainnav{border-top:1px solid #eef0f1;border-bottom:1px solid #e0e3e5;background:#fff}.bnm-header-v28 .mainnav-inner{min-height:43px;gap:24px}.bnm-header-v28 .mainnav a{font-size:10px;font-weight:800;padding:14px 0 12px;color:#111}.bnm-header-v28 .mainnav a:hover,.bnm-header-v28 .mainnav a.current{color:#111}.bnm-header-v28 .mainnav a.current:after{background:#08a3ba;height:2px}.bnm-header-v28 .nav-chevron{font-size:9px;margin-left:4px;color:#555}.bnm-header-v28 .nav-more{margin-left:auto}
.bnm-header-v28 .breaking-v28{background:#f5f6f7;color:#222;border-bottom:1px solid #e3e5e6}.bnm-header-v28 .breaking-v28 .breaking-inner{min-height:39px;gap:12px}.bnm-header-v28 .breaking-v28 strong{background:var(--red);border-radius:4px;padding:7px 9px;font-size:9px;position:relative;z-index:2}.bnm-header-v28 .breaking-flame{font-size:7px;margin-right:4px}.bnm-header-v28 .breaking-track{display:flex;align-items:center;min-width:0;flex:1;overflow:hidden;position:relative}.bnm-header-v28 .breaking-marquee{display:flex;width:max-content;flex:0 0 auto;animation:bnmBreakingRTL 28s linear infinite;will-change:transform}.bnm-header-v28 .breaking-marquee-group{display:flex;align-items:center;flex:0 0 auto}.bnm-header-v28 .breaking-marquee-group a{display:flex;align-items:center;gap:10px;color:#222;font-size:9px;white-space:nowrap;text-decoration:none;flex:0 0 auto}.bnm-header-v28 .breaking-marquee-group a span{display:block}.bnm-header-v28 .breaking-marquee-group a small{color:#888;font-size:8px;white-space:nowrap}.bnm-header-v28 .breaking-marquee-group i{height:14px;width:1px;background:#d4d7d9;margin:0 18px;flex:0 0 auto}.bnm-header-v28 .breaking-track:hover .breaking-marquee,.bnm-header-v28 .breaking-track:focus-within .breaking-marquee{animation-play-state:paused}@keyframes bnmBreakingRTL{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion: reduce){.bnm-header-v28 .breaking-marquee{animation:none;transform:none}.bnm-header-v28 .breaking-marquee-group[aria-hidden="true"]{display:none}}
@media(max-width:1050px){.bnm-header-v28 .masthead-inner{grid-template-columns:280px minmax(250px,1fr) auto}.bnm-header-v28 .mainnav-inner{gap:18px}.bnm-header-v28 .toplinks a:nth-child(3){display:none}.bnm-header-v28 .breaking-marquee-group a:nth-of-type(n+4){display:none}}
@media(max-width:680px){.bnm-header-v28 .topbar{height:29px}.bnm-header-v28 .topbar-inner{height:29px}.bnm-header-v28 .top-weather,.bnm-header-v28 .toplinks,.bnm-header-v28 .social-mini{display:none}.bnm-header-v28 .top-left{width:100%;justify-content:flex-start}.bnm-header-v28 .masthead-inner{min-height:70px;display:flex;gap:8px}.bnm-header-v28 .brand-logo{width:185px}.bnm-header-v28 .searchbox{width:39px;height:39px;margin-left:auto;background:transparent;border:0}.bnm-header-v28 .searchbox input{display:none}.bnm-header-v28 .mast-actions{display:none}.bnm-header-v28 .mobile-menu-toggle{display:block}.bnm-header-v28 .mainnav{display:none}.bnm-header-v28 .mainnav.is-open{display:block}.bnm-header-v28 .mainnav-inner{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:5px 0}.bnm-header-v28 .mainnav a{font-size:12px;padding:10px 0}.bnm-header-v28 .nav-more{margin-left:0}.bnm-header-v28 .breaking-v28 .breaking-inner{min-height:38px}.bnm-header-v28 .breaking-marquee-group a{font-size:8px}.bnm-header-v28 .breaking-marquee-group a small,.bnm-header-v28 .breaking-marquee-group i{display:none}.bnm-header-v28 .breaking-marquee-group a:nth-of-type(n+2){display:none}}

/* V2.9 — Featured news layout based on supplied reference */
.hero-grid-featured{grid-template-columns:minmax(0,1.82fr) minmax(430px,1fr);gap:10px;align-items:stretch}
.hero-main-featured{min-width:0}
.hero-image-featured{position:relative;display:block;aspect-ratio:16/8.75;border-radius:9px;overflow:hidden;background:#eee}
.hero-image-featured img{width:100%;height:100%;object-fit:cover;display:block}
.hero-gradient{position:absolute;inset:38% 0 0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.88))}
.hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:0 18px 15px;color:#fff;display:block}
.hero-category{display:inline-block;background:#0aa6a6;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase;border-radius:4px;padding:4px 7px;margin-bottom:5px}
.hero-title{display:block;font-size:22px;line-height:1.1;letter-spacing:-.25px;margin:0;font-weight:900;color:#fff}
.hero-title a{color:inherit}
.hero-meta{display:block;margin-top:8px;font-size:9px;color:rgba(255,255,255,.95)}
.side-list-featured{display:grid;grid-template-rows:repeat(4,1fr);gap:6px}
.side-card-featured{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;padding:0 0 6px;border-bottom:1px solid #e8e8e8;min-height:0}
.side-card-featured:last-child{border-bottom:0}
.side-image-featured{display:block;width:112px;height:100%;min-height:74px;max-height:94px;border-radius:7px;overflow:hidden;background:#eee}
.side-image-featured img{width:100%;height:100%;object-fit:cover;display:block}
.side-content{min-width:0;padding-top:1px}
.side-category{display:inline-block;color:#fff;background:#1689d8;border-radius:3px;padding:3px 5px;font-size:8px;font-weight:900;text-transform:uppercase;line-height:1;margin-bottom:4px}
.side-title{font-size:12px;line-height:1.2;margin:0 0 4px;font-weight:800}
.side-title a{color:#111}
.side-card-featured .meta{font-size:8px;color:#888}
@media(max-width:1050px){.hero-grid-featured{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}.side-card-featured{grid-template-columns:95px minmax(0,1fr)}.side-image-featured{width:95px}.hero-title{font-size:20px}}
@media(max-width:680px){.hero-grid-featured{grid-template-columns:1fr}.side-list-featured{grid-template-rows:none;gap:9px}.side-card-featured{grid-template-columns:105px minmax(0,1fr);min-height:82px}.side-image-featured{width:105px;height:82px;min-height:82px}.hero-image-featured{aspect-ratio:16/10}.hero-title{font-size:21px}.hero-overlay{padding:0 13px 12px}}

/* V2.10 — keep Top 5 and make it more colorful */
.hero-grid-featured{grid-template-columns:minmax(0,1.68fr) minmax(330px,.92fr) 300px;gap:10px}
.popular-featured{background:linear-gradient(180deg,#17191d 0%,#101114 100%);border-radius:10px;padding:14px 15px;color:#fff;min-height:100%;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.popular-featured .popular-title{border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:11px;margin-bottom:0}
.popular-featured .popular-title h3{font-size:18px}
.popular-featured .popular-title span{font-size:11px;font-weight:900;color:#fff}
.popular-featured .popular-list{margin:0;padding:0;list-style:none}
.popular-featured .popular-item{display:grid;grid-template-columns:39px 1fr;gap:9px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);position:relative}
.popular-featured .popular-item:last-child{border-bottom:0}
.popular-featured .popular-num{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:1000;color:#fff;background:#e51b23;box-shadow:0 3px 10px rgba(229,27,35,.25)}
.popular-featured .popular-item:nth-child(2) .popular-num{background:#ff8a00}
.popular-featured .popular-item:nth-child(3) .popular-num{background:#0aa6a6}
.popular-featured .popular-item:nth-child(4) .popular-num{background:#1677ff}
.popular-featured .popular-item:nth-child(5) .popular-num{background:#7b4dff}
.popular-featured .popular-cat{display:inline-block;margin-bottom:4px;padding:3px 6px;border-radius:4px;font-size:7px;font-weight:900;text-transform:uppercase;color:#fff;background:#e51b23}
.popular-featured .popular-item:nth-child(2) .popular-cat{background:#ff8a00}
.popular-featured .popular-item:nth-child(3) .popular-cat{background:#0aa6a6}
.popular-featured .popular-item:nth-child(4) .popular-cat{background:#1677ff}
.popular-featured .popular-item:nth-child(5) .popular-cat{background:#7b4dff}
.popular-featured .popular-item a{display:block;color:#fff!important;font-size:12px;line-height:1.32;font-weight:800}
.popular-featured .popular-item small{display:block;margin-top:5px;color:#9ea3aa;font-size:8px}
@media(max-width:1050px) and (min-width:781px){.hero-grid-featured{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}.popular-featured{grid-column:1/-1;min-height:0}.popular-featured .popular-list{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.popular-featured .popular-item{min-width:0}}
@media(max-width:680px){.hero-grid-featured{grid-template-columns:1fr}.popular-featured{grid-column:auto}.popular-featured .popular-list{display:block}.popular-featured .popular-item{grid-template-columns:39px 1fr}}

/* V2.11: keep TOP 5 beside Featured News on desktop */
@media (min-width:1051px){
  .hero-grid-featured{
    display:grid !important;
    grid-template-columns:minmax(0,1.68fr) minmax(330px,.92fr) 300px !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  .popular-featured{
    grid-column:auto !important;
    grid-row:auto !important;
    min-height:0 !important;
    align-self:stretch !important;
  }
}
@media (max-width:1050px) and (min-width:781px){
  .hero-grid-featured{display:grid !important;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr) !important;}
  .popular-featured{grid-column:1 / -1 !important;}
}

/* V2.13: balanced Featured News / Side Stories / TOP 5 desktop layout */
@media (min-width:1051px){
  .hero-grid-featured{
    grid-template-rows:clamp(320px,28vw,365px) !important;
    align-items:stretch !important;
  }
  .hero-main-featured,.hero-main-featured .hero-image-featured{height:100% !important;}
  .hero-image-featured{aspect-ratio:auto !important;}
  .side-list-featured{height:100% !important; grid-template-rows:repeat(4,minmax(0,1fr)) !important; gap:0 !important;}
  .side-card-featured{min-height:0 !important; height:auto !important; align-items:center !important; padding:7px 0 !important;}
  .side-image-featured{height:74px !important; min-height:74px !important; max-height:74px !important;}
  .popular-featured{height:100% !important; min-height:0 !important; overflow:hidden !important;}
  .popular-featured .popular-item{padding:9px 0 !important;}
  .popular-featured .popular-item a{font-size:11px !important; line-height:1.28 !important;}
}


/* V2.15: auto-rotating TOP 5 viewport */
.popular-viewport{position:relative;overflow:hidden;min-height:0;flex:1;}
.popular-featured{display:flex;flex-direction:column;}
.popular-featured .popular-list{transition:transform .65s ease;will-change:transform;}
.popular-featured .popular-item{min-height:72px;box-sizing:border-box;}
@media (min-width:1051px){
  .popular-featured .popular-viewport{height:calc(100% - 47px);max-height:300px;}
  .popular-featured .popular-list{display:block;}
}
@media (max-width:1050px){
  .popular-viewport{overflow:visible;}
}

/* V2.15: seamless TOP 5 loop; viewport always contains content. */
@media (min-width:1051px){
  .popular-featured .popular-viewport{height:calc(100% - 47px);max-height:300px;overflow:hidden;position:relative;}
  .popular-featured .popular-list{display:block;margin:0;padding:0;will-change:transform;}
  .popular-featured .popular-item{min-height:72px;box-sizing:border-box;}
}


/* V2.16 — 3D Top 5 icon */
.popular-title .top5-badge{display:flex;align-items:center;justify-content:flex-end;min-width:96px;height:40px;}
.popular-title .top5-badge img{display:block;width:100px;height:40px;object-fit:contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.18));}
@media (max-width:700px){.popular-title .top5-badge{min-width:82px;height:34px}.popular-title .top5-badge img{width:86px;height:34px;}}

/* V2.17 — automatic Featured News rotation: Hero + 4 side stories stay together */
@media (min-width:1051px){
  .hero-grid-featured{grid-template-columns:minmax(0,1.68fr) minmax(330px,.92fr) 300px !important;gap:10px !important;align-items:stretch !important;}
  .featured-stage{grid-column:1 / span 2;position:relative;height:365px;min-width:0;overflow:hidden;border-radius:9px;}
  .featured-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.68fr) minmax(330px,.92fr);gap:10px;opacity:0;visibility:hidden;transform:translateX(18px);transition:opacity .55s ease,transform .55s ease;pointer-events:none;}
  .featured-slide.is-active{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto;z-index:2;}
  .featured-slide .hero-main-featured,.featured-slide .hero-image-featured{height:100% !important;}
  .featured-slide .hero-image-featured{aspect-ratio:auto !important;}
  .featured-slide .side-list-featured{height:100% !important;grid-template-rows:repeat(4,minmax(0,1fr)) !important;gap:0 !important;}
  .featured-slide .side-card-featured{min-height:0 !important;height:auto !important;align-items:center !important;padding:7px 0 !important;}
  .featured-slide .side-image-featured{height:74px !important;min-height:74px !important;max-height:74px !important;}
  .popular-featured{grid-column:3 !important;grid-row:1 !important;}
}
@media (max-width:1050px) and (min-width:681px){
  .featured-stage{grid-column:1 / -1;position:relative;min-height:365px;overflow:hidden;}
  .featured-slide{display:none;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:10px;}
  .featured-slide.is-active{display:grid;}
  .popular-featured{grid-column:1 / -1 !important;grid-row:auto !important;}
}
@media (max-width:680px){
  .featured-stage{grid-column:1 / -1;position:relative;min-height:0;overflow:hidden;}
  .featured-slide{display:none;grid-template-columns:1fr;gap:9px;}
  .featured-slide.is-active{display:grid;}
  .featured-slide .side-list-featured{grid-template-rows:none;gap:9px;height:auto !important;}
  .featured-slide .side-card-featured{grid-template-columns:105px minmax(0,1fr);min-height:82px;padding:0 !important;}
  .featured-slide .side-image-featured{width:105px;height:82px;min-height:82px;max-height:82px;}
}

/* V2.18 — protect Featured News slide title from being covered/clipped */
.hero-main-featured,
.hero-image-featured{position:relative;isolation:isolate;overflow:hidden;}
.hero-image-featured > img{position:relative;z-index:1;}
.hero-image-featured .hero-gradient{z-index:2;pointer-events:none;}
.hero-image-featured .hero-overlay{z-index:5;position:absolute;left:0;right:0;bottom:0;padding:0 18px 18px;min-height:0;box-sizing:border-box;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.55);}
.hero-image-featured .hero-category,
.hero-image-featured .hero-title,
.hero-image-featured .hero-meta{position:relative;z-index:6;}
.hero-image-featured .hero-category{display:inline-block;margin-bottom:7px;}
.hero-image-featured .hero-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:calc(1.1em * 3);white-space:normal;}
.hero-image-featured .hero-meta{display:block;margin-top:8px;white-space:nowrap;}
.featured-slide{backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.featured-slide:not(.is-active){z-index:1;}
.featured-slide.is-active{z-index:10;}
@media(max-width:680px){
 .hero-image-featured .hero-overlay{padding:0 13px 14px;}
 .hero-image-featured .hero-title{-webkit-line-clamp:4;max-height:calc(1.1em * 4);}
}

/* V2.19 — hard fix: keep Hero category, title and metadata inside the image */
.hero-image-featured .hero-overlay{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  z-index:20 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  min-height:145px !important;
  padding:24px 18px 16px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.hero-image-featured .hero-category{
  position:relative !important;
  z-index:22 !important;
  flex:0 0 auto !important;
  margin:0 0 7px !important;
}
.hero-image-featured .hero-title{
  position:relative !important;
  z-index:22 !important;
  display:block !important;
  flex:0 0 auto !important;
  width:100% !important;
  max-height:none !important;
  height:auto !important;
  margin:0 !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
  white-space:normal !important;
  color:#fff !important;
  font-size:22px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
}
.hero-image-featured .hero-title span{display:block !important;color:#fff !important;}
.hero-image-featured .hero-meta{
  position:relative !important;
  z-index:22 !important;
  display:block !important;
  flex:0 0 auto !important;
  margin:8px 0 0 !important;
  color:#fff !important;
  line-height:1.2 !important;
}
@media(max-width:680px){
 .hero-image-featured .hero-overlay{min-height:155px !important;padding:22px 13px 14px !important;}
 .hero-image-featured .hero-title{font-size:20px !important;line-height:1.12 !important;}
}

/* V2.20 — Hero overlay rebuilt to match the supplied reference image.
   The badge, headline and metadata are rendered in a dedicated bottom overlay
   so the headline can never fall outside the image or be clipped by the slide. */
.hero-main-featured .hero-image-featured{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#ddd !important;
}
.hero-main-featured .hero-image-featured > img{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.hero-main-featured .hero-image-featured .hero-gradient{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  display:block !important;
  background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.08) 52%,rgba(0,0,0,.78) 100%) !important;
  pointer-events:none !important;
}
.hero-main-featured .hero-image-featured .hero-overlay{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  z-index:5 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  width:auto !important;
  min-height:0 !important;
  padding:56px 18px 16px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  color:#fff !important;
  text-shadow:0 2px 4px rgba(0,0,0,.55) !important;
  pointer-events:none !important;
}
.hero-main-featured .hero-image-featured .hero-category{
  position:relative !important;
  z-index:6 !important;
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 7px !important;
  padding:4px 8px !important;
  border-radius:4px !important;
  background:#0aa6a6 !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}
.hero-main-featured .hero-image-featured .hero-title{
  position:relative !important;
  z-index:6 !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:25px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:-.35px !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  max-height:3.24em !important;
}
.hero-main-featured .hero-image-featured .hero-meta{
  position:relative !important;
  z-index:6 !important;
  display:block !important;
  width:100% !important;
  margin:8px 0 0 !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
@media(max-width:1050px){
  .hero-main-featured .hero-image-featured .hero-title{font-size:22px !important;}
}
@media(max-width:680px){
  .hero-main-featured .hero-image-featured .hero-overlay{padding:46px 13px 13px !important;}
  .hero-main-featured .hero-image-featured .hero-title{font-size:20px !important;line-height:1.1 !important;max-height:3.3em !important;}
  .hero-main-featured .hero-image-featured .hero-meta{font-size:8px !important;}
}

/* V2.21 — FINAL HERO REFERENCE LAYOUT
   Keep the headline fully inside the image, anchored to the lower-left,
   with a readable dark gradient like the supplied reference. */
@media (min-width:1051px){
  .featured-stage{
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    min-height:0 !important;
  }
  .featured-slide{
    height:100% !important;
    min-height:0 !important;
  }
  .featured-slide .hero-main-featured,
  .featured-slide .hero-main-featured .hero-image-featured{
    height:100% !important;
    min-height:0 !important;
  }
  .featured-slide .hero-image-featured{
    aspect-ratio:auto !important;
  }
}

.hero-main-featured .hero-image-featured{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}
.hero-main-featured .hero-image-featured > img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  z-index:1 !important;
}
.hero-main-featured .hero-image-featured .hero-gradient{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(
    to bottom,
    rgba(0,0,0,0) 38%,
    rgba(0,0,0,.12) 54%,
    rgba(0,0,0,.88) 100%
  ) !important;
}
.hero-main-featured .hero-image-featured .hero-overlay{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  z-index:10 !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:78px 18px 18px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  color:#fff !important;
  text-shadow:0 2px 5px rgba(0,0,0,.75) !important;
}
.hero-main-featured .hero-image-featured .hero-category{
  display:inline-flex !important;
  position:relative !important;
  z-index:11 !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 7px !important;
  padding:5px 8px !important;
  border-radius:4px !important;
  background:#0aa6a6 !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  text-shadow:none !important;
}
.hero-main-featured .hero-image-featured .hero-title{
  display:block !important;
  position:relative !important;
  z-index:11 !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:25px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  letter-spacing:-.35px !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
}
.hero-main-featured .hero-image-featured .hero-meta{
  display:block !important;
  position:relative !important;
  z-index:11 !important;
  width:100% !important;
  height:auto !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1.3 !important;
  white-space:normal !important;
  overflow:visible !important;
}
@media (max-width:1050px){
  .hero-main-featured .hero-image-featured .hero-title{font-size:22px !important;line-height:1.12 !important;}
  .hero-main-featured .hero-image-featured .hero-overlay{padding:70px 15px 15px !important;}
}
@media (max-width:680px){
  .featured-stage{aspect-ratio:auto !important;min-height:0 !important;}
  .hero-main-featured .hero-image-featured{aspect-ratio:16 / 10 !important;height:auto !important;}
  .hero-main-featured .hero-image-featured .hero-overlay{padding:58px 13px 13px !important;}
  .hero-main-featured .hero-image-featured .hero-title{font-size:20px !important;line-height:1.12 !important;}
  .hero-main-featured .hero-image-featured .hero-meta{font-size:8px !important;}
}

/* V2.22 — Featured News balanced columns and fully visible side stories */
@media (min-width:1051px){
  .hero-grid-featured{
    grid-template-columns:minmax(0,1fr) 300px !important;
    gap:12px !important;
    align-items:stretch !important;
  }
  .featured-stage{
    grid-column:1 !important;
    width:100% !important;
    height:365px !important;
    min-width:0 !important;
  }
  .featured-slide{
    width:100% !important;
    min-width:0 !important;
    grid-template-columns:minmax(0,2fr) minmax(0,1fr) !important;
    gap:12px !important;
  }
  .featured-slide > *{min-width:0 !important;}
  .featured-slide .hero-main-featured{min-width:0 !important;width:100% !important;}
  .featured-slide .side-list-featured{
    min-width:0 !important;
    width:100% !important;
    height:100% !important;
    grid-template-rows:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
    overflow:hidden !important;
  }
  .featured-slide .side-card-featured{
    min-width:0 !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
    align-items:center !important;
    padding:7px 0 !important;
  }
  .featured-slide .side-content{min-width:0 !important;overflow:hidden !important;}
  .featured-slide .side-title{display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:3 !important;overflow:hidden !important;}
  .featured-slide .side-image-featured{width:110px !important;height:82px !important;min-width:110px !important;min-height:82px !important;max-height:82px !important;}
  .popular-featured{grid-column:2 !important;grid-row:1 !important;height:365px !important;min-height:365px !important;overflow:hidden !important;}
}


/* V2.23 — 3D-style channel rail based on supplied visual reference. */
.shortcut-grid{display:none!important}
.shortcut-rail{display:flex;align-items:center;gap:8px;overflow:hidden;position:relative;padding:2px 0 5px}
.shortcut-3d{flex:0 0 auto;min-width:116px;height:48px;display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:5px 13px 5px 8px;border:1px solid #eef1f5;border-radius:11px;background:linear-gradient(180deg,#fff 0%,#f6f8fb 100%);box-shadow:0 4px 10px rgba(19,32,58,.08),inset 0 1px 0 rgba(255,255,255,.95);font-size:11px;font-weight:800;color:#111;white-space:nowrap}
.shortcut-3d:hover{transform:translateY(-1px);box-shadow:0 7px 14px rgba(19,32,58,.12)}
.icon-wrap-3d{position:relative;flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;overflow:hidden;box-shadow:inset 2px 2px 4px rgba(255,255,255,.55),inset -3px -4px 6px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.16)}
.icon-wrap-3d:after{content:"";position:absolute;left:6px;top:5px;width:12px;height:6px;border-radius:50%;background:rgba(255,255,255,.42);transform:rotate(-22deg);pointer-events:none}
.icon-wrap-3d .icon{position:relative;z-index:1;width:18px;height:18px;stroke:#fff;stroke-width:1.9;filter:drop-shadow(0 1px 1px rgba(0,0,0,.22))}
.shortcut-3d:nth-child(1) .icon-wrap-3d{background:linear-gradient(145deg,#32c8bd,#0b8f9e)}
.shortcut-3d:nth-child(2) .icon-wrap-3d{background:linear-gradient(145deg,#438cff,#0f58d9)}
.shortcut-3d:nth-child(3) .icon-wrap-3d{background:linear-gradient(145deg,#6e8df1,#3349ad)}
.shortcut-3d:nth-child(4) .icon-wrap-3d{background:linear-gradient(145deg,#ffb43d,#e47700)}
.shortcut-3d:nth-child(5) .icon-wrap-3d{background:linear-gradient(145deg,#344a72,#10233e)}
.shortcut-3d:nth-child(6) .icon-wrap-3d{background:linear-gradient(145deg,#33c5bd,#008d8c)}
.shortcut-3d:nth-child(7) .icon-wrap-3d{background:linear-gradient(145deg,#ff5964,#d8132d)}
.shortcut-3d:nth-child(8) .icon-wrap-3d{background:linear-gradient(145deg,#ffb444,#e87800)}
.shortcut-3d:nth-child(9) .icon-wrap-3d{background:linear-gradient(145deg,#4fb2dc,#2180b5)}
.shortcut-arrow{flex:0 0 52px;height:48px;border:1px solid #eef1f5;border-radius:11px;background:linear-gradient(180deg,#fff,#f6f8fb);box-shadow:0 4px 10px rgba(19,32,58,.08);font-size:29px;line-height:1;color:#111;cursor:pointer}
.shortcut-arrow:hover{transform:translateY(-1px)}
@media(max-width:1050px){.shortcut-3d{min-width:112px}.shortcut-rail{overflow-x:auto;scrollbar-width:none}.shortcut-rail::-webkit-scrollbar{display:none}}
@media(max-width:680px){.shortcut-rail{gap:7px}.shortcut-3d{min-width:108px;height:46px}.shortcut-arrow{height:46px;flex-basis:46px}.icon-wrap-3d{width:32px;height:32px;flex-basis:32px}}

/* V2.24 — true 3D illustration-style channel icons, matching the supplied reference. */
.shortcut-3d{min-width:126px;height:58px;padding:5px 13px 5px 7px;gap:8px;border-radius:13px;background:linear-gradient(180deg,#fff 0%,#f7f9fb 100%);box-shadow:0 5px 13px rgba(19,32,58,.08),inset 0 1px 0 rgba(255,255,255,.96)}
.icon-wrap-3d{flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;display:grid!important;place-items:center!important}
.icon-wrap-3d:after{display:none!important}
.icon-wrap-3d .icon{width:48px!important;height:48px!important;stroke:none!important;filter:drop-shadow(0 3px 2px rgba(0,0,0,.10))!important}
.shortcut-3d > span:last-child{font-size:11px;font-weight:850;color:#151b25;letter-spacing:-.1px}
.shortcut-3d:nth-child(n) .icon-wrap-3d{background:transparent!important}
.shortcut-3d:hover{transform:translateY(-2px);box-shadow:0 8px 17px rgba(19,32,58,.13)}
.shortcut-arrow{height:58px;border-radius:13px}
@media(max-width:1050px){.shortcut-3d{min-width:122px}.icon-wrap-3d{width:46px!important;height:46px!important;flex-basis:46px!important}.icon-wrap-3d .icon{width:46px!important;height:46px!important}.shortcut-arrow{height:54px}}
@media(max-width:680px){.shortcut-3d{min-width:116px;height:54px;padding-right:10px}.icon-wrap-3d{width:43px!important;height:43px!important;flex-basis:43px!important}.icon-wrap-3d .icon{width:43px!important;height:43px!important}.shortcut-arrow{height:54px;flex-basis:46px}}


/* V2.26 — colorful 3D topic cards based on the supplied visual reference. */
.shortcut-rail{display:flex;align-items:stretch;gap:12px;overflow-x:auto;overflow-y:hidden;padding:5px 2px 12px;scroll-behavior:smooth;scrollbar-width:none}
.shortcut-rail::-webkit-scrollbar{display:none}
.shortcut-3d{position:relative;min-width:124px;width:124px;height:108px;padding:8px 8px 7px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:3px;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border:1px solid #edf1f5;box-shadow:0 6px 16px rgba(18,34,58,.09),inset 0 1px 0 rgba(255,255,255,.98);color:#172033;text-decoration:none;flex-shrink:0;transition:transform .18s ease,box-shadow .18s ease}
.icon-wrap-3d{flex:0 0 76px!important;width:76px!important;height:76px!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.icon-wrap-3d .topic-3d-img{display:block;width:86px;height:79px;max-width:none;object-fit:cover;object-position:center center;filter:drop-shadow(0 3px 3px rgba(0,0,0,.10))}
.shortcut-3d > span:last-child{font-size:13px!important;line-height:1.1;font-weight:800!important;color:#172033!important;letter-spacing:-.15px;text-align:center;white-space:nowrap}
.shortcut-3d:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(18,34,58,.14)}
.shortcut-arrow{height:108px;min-width:54px;flex-basis:54px!important;flex-shrink:0;border:1px solid #edf1f5;border-radius:16px;background:#fff;box-shadow:0 6px 16px rgba(18,34,58,.08);font-size:30px;color:#18253b;display:flex;align-items:center;justify-content:center;cursor:pointer}
.shortcut-arrow:hover{transform:translateX(2px);box-shadow:0 9px 20px rgba(18,34,58,.13)}
@media(max-width:1050px){.shortcut-3d{min-width:118px;width:118px;height:104px}.icon-wrap-3d{flex-basis:72px!important;width:72px!important;height:72px!important}.icon-wrap-3d .topic-3d-img{width:82px;height:75px}.shortcut-arrow{height:104px}}
@media(max-width:680px){.shortcut-rail{gap:9px;padding-bottom:8px}.shortcut-3d{min-width:108px;width:108px;height:96px;padding-top:6px;border-radius:14px}.icon-wrap-3d{flex-basis:66px!important;width:66px!important;height:66px!important}.icon-wrap-3d .topic-3d-img{width:76px;height:69px}.shortcut-3d > span:last-child{font-size:12px!important}.shortcut-arrow{height:96px;min-width:48px;flex-basis:48px!important;border-radius:14px}}

/* V2.27: category navigation uses WordPress's bundled Dashicons FONT.
   No PNG/JPG/SVG icon files, no external CDN or icon plugin. */
.shortcut-rail .shortcut-3d{height:108px!important;min-width:124px!important;width:124px!important;gap:5px!important;justify-content:center!important;padding:10px 7px!important}
.shortcut-rail .shortcut-3d .icon-wrap-3d{width:62px!important;height:62px!important;flex:0 0 62px!important;border-radius:19px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;position:relative;background:linear-gradient(145deg,var(--topic-light),var(--topic-dark))!important;box-shadow:inset 2px 3px 5px rgba(255,255,255,.5),inset -4px -5px 7px rgba(0,0,0,.12),0 5px 8px rgba(15,30,60,.17)!important;transform:rotate(-5deg)}
.shortcut-rail .shortcut-3d .icon-wrap-3d:after{display:block!important;content:"";position:absolute;left:9px;top:6px;width:27px;height:10px;border-radius:50%;background:rgba(255,255,255,.38);transform:rotate(-20deg);pointer-events:none}
.shortcut-rail .shortcut-3d .topic-font-icon{font-family:dashicons!important;font-size:37px!important;line-height:1!important;width:37px!important;height:37px!important;color:#fff!important;text-shadow:0 2px 3px rgba(0,0,0,.22);filter:drop-shadow(0 2px 1px rgba(0,0,0,.13));position:relative;z-index:1;transform:rotate(5deg)}
.shortcut-rail .shortcut-3d:nth-child(1){--topic-light:#ffb65d;--topic-dark:#d45b23}
.shortcut-rail .shortcut-3d:nth-child(2){--topic-light:#47c6d6;--topic-dark:#1675bd}
.shortcut-rail .shortcut-3d:nth-child(3){--topic-light:#ff7f94;--topic-dark:#e03757}
.shortcut-rail .shortcut-3d:nth-child(4){--topic-light:#7dba85;--topic-dark:#248b68}
.shortcut-rail .shortcut-3d:nth-child(5){--topic-light:#69aaf9;--topic-dark:#245dd6}
.shortcut-rail .shortcut-3d:nth-child(6){--topic-light:#b396f5;--topic-dark:#6848bd}
.shortcut-rail .shortcut-3d:nth-child(7){--topic-light:#ffbd5d;--topic-dark:#dc8223}
.shortcut-rail .shortcut-3d:nth-child(8){--topic-light:#6cda9b;--topic-dark:#1f9b70}
.shortcut-rail .shortcut-3d:nth-child(9){--topic-light:#7d9df9;--topic-dark:#485fc4}
.shortcut-rail .shortcut-3d:hover .icon-wrap-3d{transform:rotate(0deg) translateY(-2px)}
@media(max-width:680px){.shortcut-rail .shortcut-3d{min-width:108px!important;width:108px!important;height:96px!important}.shortcut-rail .shortcut-3d .icon-wrap-3d{width:53px!important;height:53px!important;flex-basis:53px!important}.shortcut-rail .shortcut-3d .topic-font-icon{font-size:32px!important;width:32px!important;height:32px!important}}

/* V2.28 FIX — font icon must never overlap the category label */
.shortcut-rail .shortcut-3d{height:116px!important;min-height:116px!important;justify-content:flex-start!important;gap:0!important;padding:9px 7px 8px!important;overflow:hidden!important;}
.shortcut-rail .shortcut-3d .icon-wrap-3d{width:60px!important;height:60px!important;flex:0 0 60px!important;margin:0 auto 7px!important;overflow:visible!important;position:relative!important;z-index:1!important;}
.shortcut-rail .shortcut-3d .topic-font-icon{display:block!important;position:relative!important;z-index:2!important;font-size:34px!important;width:34px!important;height:34px!important;line-height:34px!important;}
.shortcut-rail .shortcut-3d .shortcut-label{display:block!important;position:relative!important;z-index:5!important;width:100%!important;height:18px!important;min-height:18px!important;line-height:18px!important;margin:0!important;padding:0!important;text-align:center!important;white-space:nowrap!important;overflow:visible!important;visibility:visible!important;opacity:1!important;color:#172033!important;font-size:13px!important;font-weight:800!important;}
@media(max-width:680px){
 .shortcut-rail .shortcut-3d{height:104px!important;min-height:104px!important;padding:7px 6px 7px!important;}
 .shortcut-rail .shortcut-3d .icon-wrap-3d{width:52px!important;height:52px!important;flex-basis:52px!important;margin-bottom:6px!important;}
 .shortcut-rail .shortcut-3d .topic-font-icon{font-size:30px!important;width:30px!important;height:30px!important;line-height:30px!important;}
 .shortcut-rail .shortcut-3d .shortcut-label{font-size:12px!important;height:17px!important;min-height:17px!important;line-height:17px!important;}
}


/* V2.29: SIMPLE COLORFUL FONT ICONS — no embossed icon background */
.shortcut-rail .shortcut-3d .icon-wrap-3d{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
}
.shortcut-rail .shortcut-3d .icon-wrap-3d:before,
.shortcut-rail .shortcut-3d .icon-wrap-3d:after{display:none!important;content:none!important;}
.shortcut-rail .shortcut-3d .topic-font-icon{
  color:var(--topic-color,#26364f)!important;
  text-shadow:none!important;
  filter:none!important;
  background:none!important;
  -webkit-text-stroke:0!important;
}
.shortcut-rail .shortcut-3d:nth-child(1){--topic-color:#d45b23}
.shortcut-rail .shortcut-3d:nth-child(2){--topic-color:#1675bd}
.shortcut-rail .shortcut-3d:nth-child(3){--topic-color:#e03757}
.shortcut-rail .shortcut-3d:nth-child(4){--topic-color:#248b68}
.shortcut-rail .shortcut-3d:nth-child(5){--topic-color:#245dd6}
.shortcut-rail .shortcut-3d:nth-child(6){--topic-color:#6848bd}
.shortcut-rail .shortcut-3d:nth-child(7){--topic-color:#dc8223}
.shortcut-rail .shortcut-3d:nth-child(8){--topic-color:#1f9b70}
.shortcut-rail .shortcut-3d:nth-child(9){--topic-color:#485fc4}


/* V2.30 - Regional replaces Sumbar/Sumut/Jakarta/Jabar in topic rail */
.shortcut-rail .shortcut-3d:nth-child(1){--topic-color:#1686c7}
.shortcut-rail .shortcut-3d:nth-child(2){--topic-color:#245dd6}
.shortcut-rail .shortcut-3d:nth-child(3){--topic-color:#8b4fc4}
.shortcut-rail .shortcut-3d:nth-child(4){--topic-color:#d72f3f}
.shortcut-rail .shortcut-3d:nth-child(5){--topic-color:#d98216}
.shortcut-rail .shortcut-3d:nth-child(6){--topic-color:#2a9b6f}
.shortcut-rail .topic-font-icon{color:var(--topic-color)!important;text-shadow:none!important;filter:none!important}

/* V2.31: extended topic colors */
.shortcut-rail .shortcut-3d:nth-child(7){--topic-color:#0b9b8a!important}
.shortcut-rail .shortcut-3d:nth-child(8){--topic-color:#e05a3f!important}
.shortcut-rail .shortcut-3d:nth-child(9){--topic-color:#6b4bc1!important}

/* V2.32: smaller icon area + prevent long topic labels from being covered */
.shortcut-rail .shortcut-3d{
  height:96px!important;
  min-height:96px!important;
  min-width:112px!important;
  width:112px!important;
  padding:7px 6px 6px!important;
  gap:0!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.shortcut-rail .shortcut-3d .icon-wrap-3d{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  margin:0 auto 5px!important;
  position:relative!important;
  overflow:visible!important;
}
.shortcut-rail .shortcut-3d .topic-font-icon{
  font-size:27px!important;
  width:27px!important;
  height:27px!important;
  line-height:27px!important;
  display:block!important;
  position:relative!important;
  z-index:2!important;
}
.shortcut-rail .shortcut-3d .shortcut-label{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:18px!important;
  min-height:18px!important;
  line-height:18px!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  z-index:10!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#172033!important;
  font-size:12px!important;
  font-weight:800!important;
}
.shortcut-rail .shortcut-3d:nth-child(9) .shortcut-label{
  font-size:11px!important;
  letter-spacing:-.2px!important;
}
.shortcut-arrow{height:96px!important;min-height:96px!important}
@media(max-width:680px){
  .shortcut-rail .shortcut-3d{height:88px!important;min-height:88px!important;min-width:104px!important;width:104px!important;padding:6px 5px!important}
  .shortcut-rail .shortcut-3d .icon-wrap-3d{width:40px!important;height:40px!important;flex-basis:40px!important;margin-bottom:4px!important}
  .shortcut-rail .shortcut-3d .topic-font-icon{font-size:24px!important;width:24px!important;height:24px!important;line-height:24px!important}
  .shortcut-rail .shortcut-3d .shortcut-label{font-size:11px!important;height:17px!important;min-height:17px!important;line-height:17px!important}
  .shortcut-rail .shortcut-3d:nth-child(9) .shortcut-label{font-size:10px!important}
  .shortcut-arrow{height:88px!important;min-height:88px!important}
}

/* V2.34 — clean, balanced primary navigation */
.bnm-header-v28 .mainnav-inner{
  width:min(1460px,calc(100% - 40px));
  min-height:52px;
  gap:0;
  padding:0;
  overflow-x:hidden;
}
.bnm-header-v28 .mainnav a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 15px;
  font-size:12px;
  font-weight:800;
  letter-spacing:-.05px;
}
.bnm-header-v28 .mainnav a:after{
  left:12px;
  right:12px;
  bottom:0;
  height:2px;
}
.bnm-header-v28 .mainnav a:hover,
.bnm-header-v28 .mainnav a.current{color:#111}
.bnm-header-v28 .mainnav a.current:after{background:#08a3ba}
.bnm-header-v28 .mainnav .nav-chevron{
  font-size:8px;
  margin-left:5px;
  line-height:1;
  transform:translateY(1px);
}
.bnm-header-v28 .mainnav .nav-more{
  margin-left:auto;
  padding-left:18px;
  padding-right:6px;
}
.bnm-header-v28 .mainnav .nav-more:after{display:none}

@media(max-width:1250px){
  .bnm-header-v28 .mainnav-inner{width:calc(100% - 28px)}
  .bnm-header-v28 .mainnav a{padding-left:10px;padding-right:10px;font-size:11px}
  }
@media(max-width:900px){
  .bnm-header-v28 .mainnav-inner{overflow-x:auto}
  .bnm-header-v28 .mainnav .nav-more{margin-left:0}
}
@media(max-width:680px){
  .bnm-header-v28 .mainnav-inner{width:min(var(--max),calc(100% - 22px));overflow:visible}
  .bnm-header-v28 .mainnav a{justify-content:flex-start;min-height:0;padding:10px 0;font-size:12px}
}

/* V2.35 — More uses the same horizontal spacing as the other menu items */
.bnm-header-v28 .mainnav .nav-more{
  margin-left:0;
  padding-left:15px;
  padding-right:15px;
}
.bnm-header-v28 .mainnav .nav-more .nav-chevron{
  margin-left:5px;
}
@media(max-width:1250px){
  .bnm-header-v28 .mainnav .nav-more{
    padding-left:10px;
    padding-right:10px;
  }
}
@media(max-width:900px){
  .bnm-header-v28 .mainnav .nav-more{margin-left:0}
}

/* V2.36 — primary navigation follows the site content width and stays centered */
@media(min-width:901px){
  .bnm-header-v28 .mainnav-inner{
    width:min(var(--max),calc(100% - 32px));
    justify-content:center;
    overflow-x:visible;
  }
  .bnm-header-v28 .mainnav .nav-more{margin-left:0;}
}
@media(max-width:900px){
  .bnm-header-v28 .mainnav-inner{
    justify-content:flex-start;
  }
}

/* V2.39 — menu otomatis rata kiri setelah hamburger dihapus */
@media(min-width:901px){
  .bnm-header-v28 .mainnav-inner{
    justify-content:flex-start!important;
  }
}

/* V2.38 — hamburger/menu icon completely removed */
.bnm-header-v28 .nav-menu-icon,.bnm-header-v28 .mobile-menu-toggle,.mobile-menu-toggle{display:none!important;visibility:hidden!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important}

/* V2.40 — Category icon rail redesigned to match the supplied BNESIA reference style.
   Keep the BNEWS category names; only the visual language changes. */
.shortcut-rail{
  display:grid!important;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:14px!important;
  align-items:stretch!important;
  overflow:visible!important;
  padding:4px 0 12px!important;
}
.shortcut-rail .shortcut-3d{
  width:auto!important;
  min-width:0!important;
  height:120px!important;
  min-height:120px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:13px 8px 11px!important;
  border:1px solid #edf0f4!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(20,38,65,.08)!important;
  transform:none!important;
  color:#10203b!important;
}
.shortcut-rail .shortcut-3d:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 22px rgba(20,38,65,.12)!important;
}
.shortcut-rail .shortcut-3d .icon-wrap-3d{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
  overflow:visible!important;
}
.shortcut-rail .shortcut-3d .icon-wrap-3d:before,
.shortcut-rail .shortcut-3d .icon-wrap-3d:after{
  display:none!important;
  content:none!important;
}
.shortcut-rail .shortcut-3d .topic-font-icon{
  font-family:dashicons!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  font-size:39px!important;
  line-height:1!important;
  color:var(--bnews-topic-color)!important;
  text-shadow:none!important;
  filter:none!important;
  position:static!important;
  transform:none!important;
}
.shortcut-rail .shortcut-3d .shortcut-label{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:#10203b!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.15px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.shortcut-rail .shortcut-3d:nth-child(1){--bnews-topic-color:#1686c7}
.shortcut-rail .shortcut-3d:nth-child(2){--bnews-topic-color:#245dd6}
.shortcut-rail .shortcut-3d:nth-child(3){--bnews-topic-color:#8b4fc4}
.shortcut-rail .shortcut-3d:nth-child(4){--bnews-topic-color:#e51f3d}
.shortcut-rail .shortcut-3d:nth-child(5){--bnews-topic-color:#e28a16}
.shortcut-rail .shortcut-3d:nth-child(6){--bnews-topic-color:#2a9b6f}
.shortcut-rail .shortcut-3d:nth-child(7){--bnews-topic-color:#0b9b8a}
.shortcut-rail .shortcut-3d:nth-child(8){--bnews-topic-color:#e05a3f}
.shortcut-rail .shortcut-3d:nth-child(9){--bnews-topic-color:#6b4bc1}
.shortcut-rail .shortcut-arrow{display:none!important}

@media(max-width:1100px){
  .shortcut-rail{grid-template-columns:repeat(9,145px);overflow-x:auto!important;scrollbar-width:none;padding-bottom:10px!important}
  .shortcut-rail::-webkit-scrollbar{display:none}
  .shortcut-rail .shortcut-3d{width:145px!important;min-width:145px!important}
}
@media(max-width:680px){
  .shortcut-rail{grid-template-columns:repeat(9,124px);gap:9px!important;padding-bottom:8px!important}
  .shortcut-rail .shortcut-3d{width:124px!important;min-width:124px!important;height:104px!important;min-height:104px!important;border-radius:15px!important;gap:7px!important}
  .shortcut-rail .shortcut-3d .icon-wrap-3d{width:42px!important;height:42px!important;flex-basis:42px!important}
  .shortcut-rail .shortcut-3d .topic-font-icon{font-size:33px!important}
  .shortcut-rail .shortcut-3d .shortcut-label{font-size:12px!important}
}


/* V2.41 — Topic rail follows the supplied BNEWS/BNESIA reference.
   Layout stays in the current position; only the visual treatment changes. */
.shortcut-rail{
  display:grid!important;
  grid-template-columns:repeat(9,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
  overflow:visible!important;
  padding:0!important;
  background:#fff!important;
}
.shortcut-rail .shortcut-3d{
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  height:120px!important;
  min-height:120px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:10px 8px 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#10203b!important;
}
.shortcut-rail .shortcut-3d + .shortcut-3d{
  border-left:1px solid #e5e8ed!important;
}
.shortcut-rail .shortcut-3d:hover{
  transform:none!important;
  background:#fff!important;
}
.shortcut-rail .shortcut-3d .icon-wrap-3d{
  width:62px!important;
  height:62px!important;
  flex:0 0 62px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #edf0f4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 5px 14px rgba(19,39,68,.10)!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
  overflow:hidden!important;
}
.shortcut-rail .shortcut-3d .icon-wrap-3d:before,
.shortcut-rail .shortcut-3d .icon-wrap-3d:after{
  display:none!important;
  content:none!important;
}
.shortcut-rail .shortcut-3d .bnews-topic-icon{
  display:grid!important;
  place-items:center!important;
  width:47px!important;
  height:47px!important;
  color:var(--topic-color)!important;
}
.shortcut-rail .shortcut-3d .bnews-topic-svg{
  display:block!important;
  width:47px!important;
  height:47px!important;
  color:var(--topic-color)!important;
  overflow:visible!important;
}
.shortcut-rail .shortcut-3d .topic-font-icon{display:none!important}
.shortcut-rail .shortcut-3d .shortcut-label{
  display:block!important;
  width:100%!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  color:#10203b!important;
  font-size:14px!important;
  line-height:18px!important;
  font-weight:800!important;
  letter-spacing:-.2px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.shortcut-rail .shortcut-arrow{display:none!important}

@media(max-width:1100px){
  .shortcut-rail{
    grid-template-columns:repeat(9,145px)!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding-bottom:5px!important;
  }
  .shortcut-rail::-webkit-scrollbar{display:none}
  .shortcut-rail .shortcut-3d{
    width:145px!important;
    min-width:145px!important;
  }
}
@media(max-width:680px){
  .shortcut-rail{
    grid-template-columns:repeat(9,124px)!important;
    gap:0!important;
  }
  .shortcut-rail .shortcut-3d{
    width:124px!important;
    min-width:124px!important;
    height:104px!important;
    min-height:104px!important;
    padding:6px 5px 6px!important;
    gap:6px!important;
  }
  .shortcut-rail .shortcut-3d .icon-wrap-3d{
    width:48px!important;
    height:48px!important;
    flex-basis:48px!important;
    border-radius:12px!important;
  }
  .shortcut-rail .shortcut-3d .bnews-topic-icon,
  .shortcut-rail .shortcut-3d .bnews-topic-svg{
    width:38px!important;
    height:38px!important;
  }
  .shortcut-rail .shortcut-3d .shortcut-label{
    font-size:12px!important;
    line-height:16px!important;
    height:16px!important;
    min-height:16px!important;
  }
}

/* V2.44 lightweight market live */
.market-switch{display:flex;gap:14px;align-items:center}.market-switch-btn{border:0;background:transparent;color:var(--red);font-size:12px;font-weight:900;padding:3px 0;cursor:pointer}.market-switch-btn.is-active{text-decoration:underline;text-underline-offset:5px}.market-grid-live{gap:14px}.market-live-card{min-height:210px;position:relative}.market-data-row{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-top:18px}.market-value{font-size:30px;line-height:1;font-weight:950;letter-spacing:-.7px;margin:0}.market-change{font-size:12px;font-weight:900;margin-top:7px;color:#666}.market-change.is-up{color:#159447}.market-change.is-down{color:#d71920}.market-updated{font-size:10px;color:#999;white-space:nowrap}.market-live-card .live-badge{white-space:nowrap}.live-badge.is-delayed{background:#666}.market-chart{height:55px;margin-top:13px;gap:3px}.market-chart i{min-width:0;background:linear-gradient(180deg,#1677ff,#1677ff);opacity:.22;border-radius:3px 3px 0 0;transition:height .25s ease}.market-card-focus{box-shadow:0 0 0 2px rgba(22,119,255,.08)}.market-disclaimer{margin:8px 0 0;color:#999;font-size:10px}.market-live-card .market-kicker{letter-spacing:.3px}.market-live-card .market-name{display:block;margin-top:2px}@media(max-width:680px){.market-data-row{align-items:flex-start;flex-direction:column;gap:5px}.market-updated{align-self:flex-start}.market-switch{gap:10px}.market-value{font-size:25px}}

/* V2.48: Kontan-inspired lightweight market indicator ticker */
.market-ticker{background:#fff;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;display:flex;align-items:stretch;min-height:46px;overflow:hidden}.market-ticker-head{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 16px 0 0;border-right:1px solid #e5e5e5}.market-indicator-label{font-size:10px;font-weight:950;letter-spacing:.5px;color:#111}.market-live-dot{width:7px;height:7px;border-radius:50%;background:#e51b23;box-shadow:0 0 0 3px rgba(229,27,35,.09)}.market-ticker-viewport{min-width:0;flex:1;overflow:hidden;position:relative}.market-ticker-track{display:flex;width:max-content;will-change:transform;animation:bnmMarketMarquee 56s linear infinite;animation-timing-function:linear;animation-iteration-count:infinite}.market-ticker-items{display:flex;align-items:center;flex:0 0 auto}.market-ticker-item{height:46px;display:inline-flex;align-items:center;gap:9px;padding:0 18px;border-right:1px solid #ededed;white-space:nowrap;font-size:11px}.market-symbol{font-weight:900;color:#202020}.market-price{font-weight:800;color:#333}.market-change{font-weight:800;color:#777}.market-change.is-up{color:#159447}.market-change.is-down{color:#d71920}.market-ticker-note{font-size:9px;color:#999;padding-top:5px}.market-ticker-clone{padding-right:0}@keyframes bnmMarketMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@media(prefers-reduced-motion:reduce){.market-ticker-track{animation:none}}@media(max-width:680px){.market-ticker-head{padding-right:10px}.market-indicator-label{font-size:9px}.market-ticker-item{padding:0 12px;gap:7px;font-size:10px}.market-ticker{min-height:42px}.market-ticker-item{height:42px}.market-ticker-note{display:none}}


/* V2.50 — full stock + crypto market universe, continuous marquee */
.market-ticker{width:100%;min-height:48px;background:#fff;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;display:flex;align-items:stretch;overflow:hidden}
.market-ticker-head{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:0 14px 0 0;border-right:1px solid #e2e2e2;background:#fff;z-index:2}
.market-indicator-label{font-size:10px;font-weight:950;letter-spacing:.5px;color:#111}
.market-live-dot{width:7px;height:7px;border-radius:50%;background:#e51b23;box-shadow:0 0 0 3px rgba(229,27,35,.09);flex:0 0 auto}
.market-ticker-viewport{min-width:0;flex:1;overflow:hidden;position:relative}
.market-ticker-track{display:flex;width:max-content;will-change:transform;animation:bnmMarketMarqueeFull 150s linear infinite;animation-timing-function:linear;animation-iteration-count:infinite}
.market-ticker-items{display:flex;align-items:center;flex:0 0 auto}
.market-ticker-item{height:48px;display:inline-flex;align-items:center;gap:9px;padding:0 16px;border-right:1px solid #ededed;white-space:nowrap;font-size:11px;line-height:1}
.market-symbol{font-weight:900;color:#202020}.market-price{font-weight:800;color:#333}.market-change{font-weight:800;color:#777}.market-change.is-up{color:#159447}.market-change.is-down{color:#d71920}.market-type-crypto .market-symbol{color:#4d4d4d}
.market-ticker-note{font-size:9px;color:#999;padding-top:5px;min-height:15px}.market-ticker-clone{padding-right:0}
@keyframes bnmMarketMarqueeFull{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce){.market-ticker-track{animation:none}}
@media(max-width:680px){.market-ticker-head{padding-right:9px}.market-indicator-label{font-size:9px}.market-ticker-item{padding:0 11px;gap:7px;font-size:10px}.market-ticker{min-height:43px}.market-ticker-item{height:43px}.market-ticker-note{display:none}}


/* V2.52 — MARKET TICKER 200s: prioritize readability */
.market-ticker-track{
  animation-duration:200s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
}
.market-ticker-viewport:hover .market-ticker-track{
  animation-play-state:paused !important;
}
.market-ticker-item{
  min-width:max-content;
  padding-left:20px;
  padding-right:20px;
  font-size:12px;
}
.market-symbol{font-weight:900;letter-spacing:.1px}
.market-price{font-weight:800}
.market-change{font-weight:800}
@media(max-width:680px){
  .market-ticker-track{animation-duration:200s !important}
  .market-ticker-item{padding-left:14px;padding-right:14px;font-size:10.5px}
}


/* V2.53 — FULL-BLEED MARKET TICKER / NO BLANK GAP */
.market-fullbleed{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
.market-fullbleed .market-ticker-viewport{
  min-width:0;
}
.market-fullbleed .market-ticker-track{
  animation-duration:200s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
}
.market-fullbleed .market-ticker-item{
  min-width:max-content;
}
.market-fullbleed .market-ticker-viewport:hover .market-ticker-track{
  animation-play-state:paused !important;
}
@media(max-width:680px){
  .market-fullbleed .market-ticker-track{animation-duration:200s !important}
}


/* V2.55 — MARKET TICKER: FOLLOW WEBSITE CONTENT WIDTH + 500s */
.market-ticker{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.market-ticker-track{
  animation-duration:500s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
}
.market-ticker-viewport:hover .market-ticker-track{
  animation-play-state:paused !important;
}
@media(max-width:680px){
  .market-ticker-track{animation-duration:50s !important}
}

/* V2.56 — MARKET INDICATOR CLOSER TO FEATURE RAIL */
#live.section{
  padding-top:8px !important;
}
#live.section .market-ticker{
  margin-top:0 !important;
}
#live.section .market-ticker-note{
  margin-top:2px;
}
@media(max-width:680px){
  #live.section{padding-top:5px !important}
}


/* V2.57 — MARKET INDICATOR TIGHT TO SECTION BELOW */
#live.section{
  padding-bottom:0 !important;
}
#live.section .market-ticker-note{
  display:none !important;
}
#live.section + .section{
  padding-top:10px !important;
}
@media(max-width:680px){
  #live.section + .section{
    padding-top:7px !important;
  }
}


/* V2.58 — EDITORIAL FEATURE STRIP: LIPUTAN KHUSUS / TOPIK PILIHAN / POLLING */
.three-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(250px,.8fr);
  gap:16px;
  align-items:start;
}
.three-grid .panel{
  align-self:start;
  min-height:0;
  padding:20px;
  border:1px solid #e4e4e4;
  border-radius:14px;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.025);
}
.three-grid .panel-head{
  margin-bottom:12px;
  padding-bottom:11px;
  border-bottom:1px solid #f0f0f0;
}
.three-grid .panel-head h3{
  font-size:18px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.25px;
}
.three-grid .panel-head a{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff5f5;
  color:var(--red);
  font-size:15px;
  line-height:1;
  transition:transform .2s ease,background .2s ease;
}
.three-grid .panel-head a:hover{
  transform:translateX(2px);
  background:#ffe8e8;
}
.three-grid .compact-item{
  display:block;
  padding:11px 0 12px;
  border-bottom:1px solid #f0f0f0;
}
.three-grid .compact-item:first-of-type{padding-top:5px}
.three-grid .compact-item:last-child{
  border-bottom:0;
  padding-bottom:3px;
}
.three-grid .compact-cat{
  display:block;
  margin-bottom:4px;
  color:var(--red);
  font-size:9px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.35px;
  text-transform:uppercase;
}
.three-grid .compact-title{
  display:block;
  color:#111;
  font-size:13px;
  line-height:1.38;
  font-weight:800;
  transition:color .18s ease;
}
.three-grid .compact-item:hover .compact-title{color:var(--red)}
.three-grid .poll-question{
  margin:1px 0 13px;
  color:#222;
  font-size:13px;
  line-height:1.45;
  font-weight:600;
}
.three-grid .poll label{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  padding:5px 0;
  color:#222;
  font-size:12px;
  cursor:pointer;
}
.three-grid .poll input[type="radio"]{
  width:16px;
  height:16px;
  margin:0;
  accent-color:var(--red);
  flex:0 0 auto;
}
.three-grid .poll button{
  border:0;
  background:#111;
  color:#fff;
  border-radius:20px;
  padding:9px 17px;
  font-size:12px;
  font-weight:900;
  margin-top:8px;
  cursor:pointer;
  transition:transform .18s ease,background .18s ease;
}
.three-grid .poll button:hover{
  transform:translateY(-1px);
  background:var(--red);
}
@media(max-width:1050px){
  .three-grid{grid-template-columns:1fr 1fr;align-items:start}
  .three-grid .panel:last-child{grid-column:1/-1}
}
@media(max-width:680px){
  .three-grid{grid-template-columns:1fr;gap:10px}
  .three-grid .panel:last-child{grid-column:auto}
  .three-grid .panel{padding:16px;border-radius:12px}
  .three-grid .panel-head{margin-bottom:9px;padding-bottom:9px}
  .three-grid .panel-head h3{font-size:16px}
  .three-grid .compact-item{padding:9px 0 10px}
}

/* V2.59 — Editorial redesign based on approved mockup */
.editorial-section{padding-top:14px;padding-bottom:18px}
.editorial-grid-redesign{display:grid;grid-template-columns:1.15fr 1.15fr .68fr;gap:14px;align-items:stretch}
.editorial-card{background:#fff;border:1px solid #e2e2e2;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(20,20,20,.045)}
.editorial-head{height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececec}
.editorial-head h3{margin:0;font-size:24px;line-height:1;font-weight:900;letter-spacing:-.5px}.editorial-head h3:before{content:"";display:inline-block;width:5px;height:30px;border-radius:5px;background:var(--red);margin-right:12px;vertical-align:-7px}.editorial-head h3 em{font-style:normal;color:var(--red)}
.editorial-head>a,.poll-head>a{color:#111;font-size:12px;font-weight:800;text-decoration:none}.editorial-head>a span,.poll-head>a span{color:var(--red);font-size:19px;margin-left:5px}
.editorial-body{padding:18px 20px}.editorial-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(180px,.95fr);gap:17px}
.editorial-lead,.editorial-topic-lead{display:block;text-decoration:none;color:#111}.editorial-photo{position:relative;border-radius:11px;overflow:hidden;background:#eee;height:250px}.editorial-photo img{width:100%;height:100%;object-fit:cover;display:block}.editorial-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78))}.editorial-photo>span{position:absolute;z-index:2;left:12px;bottom:58px;background:var(--red);color:#fff;padding:5px 8px;border-radius:5px;font-size:9px;font-weight:900;text-transform:uppercase}.editorial-lead strong,.editorial-topic-lead strong{display:block;position:relative;margin-top:-51px;margin-left:12px;margin-right:10px;z-index:3;color:#fff;font-size:17px;line-height:1.18}.editorial-lead small,.editorial-topic-lead small{display:block;margin:10px 2px 0;color:#777;font-size:10px}
.editorial-side-list{display:grid;align-content:start}.editorial-side-item{display:grid;grid-template-columns:96px 1fr;gap:11px;padding:0 0 13px;margin-bottom:13px;border-bottom:1px solid #ececec;text-decoration:none;color:#111}.editorial-side-item:last-child{margin-bottom:0;border-bottom:0}.editorial-thumb{height:82px;border-radius:8px;overflow:hidden;background:#eee}.editorial-thumb img{width:100%;height:100%;object-fit:cover;display:block}.editorial-side-item span,.editorial-topic-bottom span{display:block;color:var(--red);font-size:9px;font-weight:900;text-transform:uppercase;margin:1px 0 3px}.editorial-side-item strong,.editorial-topic-bottom strong{display:block;font-size:12px;line-height:1.25}.editorial-side-item small,.editorial-topic-bottom small{display:block;color:#777;font-size:9px;margin-top:7px}
.editorial-topic-body{padding-bottom:17px}.editorial-topic-lead .editorial-photo{height:230px}.editorial-topic-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:15px}.editorial-topic-bottom>a{display:grid;grid-template-columns:88px 1fr;gap:10px;text-decoration:none;color:#111}.editorial-topic-bottom .editorial-thumb{height:82px}
.editorial-poll{background:linear-gradient(145deg,#fff 0%,#fff 60%,#fff1f2 100%);border-color:#e3e3e3}.poll-head{height:72px;padding:0 20px;background:linear-gradient(135deg,#e51b23,#bd1017);color:#fff;display:flex;align-items:center;justify-content:space-between}.poll-brand{display:flex;align-items:center;gap:11px}.poll-brand h3{margin:0;font-size:24px;font-weight:900}.poll-icon{font-size:25px;line-height:1;color:#fff}.poll-head>a{color:#fff}.poll-head>a span{color:#fff}.poll-inner{padding:28px 24px 24px}.poll-question-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#ffe0e2;color:var(--red);font-size:22px;margin-bottom:15px}.poll-inner h4{font-size:17px;line-height:1.35;margin:0 0 22px}.poll-options{display:grid;gap:10px}.poll-options label{display:flex;align-items:center;gap:11px;border:1px solid #e2e2e2;background:#fff;border-radius:28px;padding:13px 15px;font-size:13px;cursor:pointer;transition:.2s}.poll-options label:hover{border-color:#ef9a9e;box-shadow:0 4px 12px rgba(229,27,35,.08)}.poll-options input{appearance:none;width:21px;height:21px;border:2px solid #777;border-radius:50%;margin:0;position:relative;flex:0 0 auto}.poll-options input:checked{border-color:var(--red)}.poll-options input:checked:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--red);left:4px;top:4px}.editorial-poll button{width:100%;height:48px;border:0;border-radius:25px;background:var(--red);color:#fff;font-weight:900;font-size:15px;margin-top:20px;cursor:pointer}.editorial-poll button:hover{filter:brightness(.94)}
@media(max-width:1050px){.editorial-grid-redesign{grid-template-columns:1fr 1fr}.editorial-poll{grid-column:1/-1}.editorial-photo{height:230px}}
@media(max-width:680px){.editorial-section{padding-top:8px;padding-bottom:12px}.editorial-grid-redesign{grid-template-columns:1fr;gap:10px}.editorial-poll{grid-column:auto}.editorial-head{height:60px;padding:0 16px}.editorial-head h3,.poll-brand h3{font-size:20px}.editorial-body{padding:14px}.editorial-split{grid-template-columns:1fr;gap:14px}.editorial-photo,.editorial-topic-lead .editorial-photo{height:210px}.editorial-side-list{gap:0}.editorial-side-item{grid-template-columns:86px 1fr;padding-bottom:10px;margin-bottom:10px}.editorial-topic-bottom{grid-template-columns:1fr;gap:10px}.editorial-topic-bottom>a{grid-template-columns:86px 1fr}.poll-head{height:60px;padding:0 16px}.poll-inner{padding:20px 16px}.poll-inner h4{font-size:16px}.poll-options label{padding:12px 13px}}

/* V2.61 — Topic Pilihan refinement */
.editorial-grid-redesign{align-items:start}
.editorial-topic-body{padding:16px 20px 18px}
.editorial-topic-lead{position:relative}
.editorial-topic-lead .editorial-photo{height:230px;border-radius:12px}
.editorial-topic-lead .editorial-photo>span{left:14px;bottom:68px;padding:6px 9px;font-size:10px}
.editorial-topic-lead strong{font-size:18px;line-height:1.16;margin-top:-60px;margin-left:14px;max-width:92%}
.editorial-topic-lead small{position:relative;z-index:3;color:#fff;margin:-2px 14px 0;padding-bottom:10px}
.editorial-topic-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.editorial-topic-bottom>a{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:start;text-decoration:none;color:#111;border-top:1px solid #ececec;padding-top:13px;min-width:0}
.editorial-topic-bottom .editorial-thumb{height:88px;border-radius:9px}
.editorial-topic-bottom span{font-size:9px;margin-top:1px}
.editorial-topic-bottom strong{font-size:12px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.editorial-topic-bottom small{font-size:9px;margin-top:7px}
@media(max-width:680px){
  .editorial-topic-body{padding:14px}
  .editorial-topic-lead .editorial-photo{height:215px}
  .editorial-topic-bottom{grid-template-columns:1fr;gap:10px}
  .editorial-topic-bottom>a{grid-template-columns:86px minmax(0,1fr);padding-top:10px}
  .editorial-topic-bottom .editorial-thumb{height:82px}
}

/* V2.62 — Editorial Mockup Applied */
.editorial-grid-redesign{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(250px,.68fr);gap:14px;align-items:start}
.editorial-mock-card{border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(17,17,17,.045);overflow:hidden}
.editorial-mock-card .editorial-head{height:76px;padding:0 22px;border-bottom:1px solid #ececec}
.editorial-mock-card .editorial-head h3{font-size:25px;letter-spacing:-.8px}
.editorial-mock-card .editorial-head h3:before{height:34px;width:5px;margin-right:13px;vertical-align:-8px}
.editorial-mock-card .editorial-head>a{font-size:13px;white-space:nowrap}
.editorial-mock-body{padding:14px 20px 20px}
.editorial-mock-lead{display:block;text-decoration:none;color:#111}
.editorial-mock-photo{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#eee}
.editorial-mock-photo img{display:block;width:100%;height:100%;object-fit:cover}
.editorial-mock-overlay{position:absolute;inset:35% 0 0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.92) 100%);z-index:1}
.editorial-mock-photo>span{position:absolute;z-index:3;left:16px;bottom:112px;background:var(--red);color:#fff;border-radius:6px;padding:7px 10px;font-size:10px;line-height:1;font-weight:900;text-transform:uppercase}
.editorial-mock-photo>strong{position:absolute;z-index:3;left:16px;right:48px;bottom:55px;color:#fff;font-size:22px;line-height:1.1;font-weight:900;letter-spacing:-.35px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.editorial-mock-photo>p{position:absolute;z-index:3;left:16px;right:48px;bottom:28px;margin:0;color:#f3f3f3;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editorial-mock-photo>small{position:absolute;z-index:3;left:16px;bottom:9px;color:#fff;font-size:9px;font-weight:700}
.editorial-mock-photo>small i,.editorial-mock-copy small i{display:inline-block;width:1px;height:10px;background:currentColor;opacity:.5;margin:0 7px;vertical-align:-2px}
.editorial-arrow{position:absolute;z-index:4;right:14px;bottom:13px;width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:700;font-style:normal}
.editorial-mock-list{margin-top:8px}
.editorial-mock-row{display:grid;grid-template-columns:112px minmax(0,1fr) 38px;gap:12px;align-items:center;text-decoration:none;color:#111;padding:12px 0;border-top:1px solid #ececec;min-width:0}
.editorial-mock-thumb{width:112px;height:82px;border-radius:9px;overflow:hidden;background:#eee}
.editorial-mock-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.editorial-mock-copy{min-width:0}
.editorial-mock-copy>span{display:inline-block;color:var(--red);background:#fff0f1;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:900;text-transform:uppercase;margin-bottom:5px}
.editorial-mock-copy>strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;line-height:1.22;font-weight:800}
.editorial-mock-copy>small{display:block;color:#777;font-size:9px;margin-top:7px}
.editorial-mock-row>b{width:38px;height:38px;border-radius:50%;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-size:20px;font-weight:700}
.editorial-mock-row:hover .editorial-mock-copy>strong{color:var(--red)}
.editorial-mock-row:hover .editorial-mock-row>b{background:var(--red);color:#fff}
@media(max-width:1050px){
  .editorial-grid-redesign{grid-template-columns:1fr 1fr}
  .editorial-poll{grid-column:1/-1}
  .editorial-mock-photo>strong{font-size:20px}
}
@media(max-width:680px){
  .editorial-grid-redesign{grid-template-columns:1fr;gap:10px}
  .editorial-poll{grid-column:auto}
  .editorial-mock-card .editorial-head{height:62px;padding:0 16px}
  .editorial-mock-card .editorial-head h3{font-size:21px}
  .editorial-mock-body{padding:12px 14px 15px}
  .editorial-mock-photo{aspect-ratio:16/10}
  .editorial-mock-photo>span{left:12px;bottom:103px}
  .editorial-mock-photo>strong{left:12px;right:42px;bottom:48px;font-size:19px}
  .editorial-mock-photo>p{left:12px;right:40px;bottom:24px;font-size:9px}
  .editorial-mock-photo>small{left:12px;bottom:8px}
  .editorial-arrow{right:10px;bottom:10px;width:34px;height:34px;font-size:18px}
  .editorial-mock-row{grid-template-columns:88px minmax(0,1fr) 32px;gap:10px;padding:10px 0}
  .editorial-mock-thumb{width:88px;height:76px}
  .editorial-mock-copy>strong{font-size:12px;-webkit-line-clamp:3}
  .editorial-mock-row>b{width:32px;height:32px;font-size:17px}
}

/* V2.63 — Editorial section icons, inspired by the approved mockup */
.editorial-head-icon{gap:16px}
.editorial-title-wrap{display:flex;align-items:center;min-width:0;gap:12px}
.editorial-title-wrap h3{display:flex;align-items:center;white-space:nowrap}
.editorial-title-wrap h3:before{display:none!important}
.editorial-title-bar{width:5px;height:34px;border-radius:6px;background:var(--red);display:block;flex:0 0 auto}
.editorial-section-icon{width:54px;height:54px;border-radius:10px;background:var(--red);display:grid;place-items:center;flex:0 0 auto;box-shadow:0 6px 14px rgba(229,27,35,.14)}
.editorial-section-icon svg{width:29px;height:29px;display:block;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.editorial-section-icon-topic svg{fill:#fff;stroke:#fff;stroke-width:1.35}
.editorial-head-icon>a{display:inline-flex;align-items:center;gap:4px}
.editorial-head-icon>a span{line-height:1}
@media(max-width:680px){
  .editorial-head-icon{gap:8px}
  .editorial-title-wrap{gap:8px}
  .editorial-section-icon{width:42px;height:42px;border-radius:8px}
  .editorial-section-icon svg{width:23px;height:23px}
  .editorial-title-bar{width:4px;height:28px}
  .editorial-title-wrap h3{font-size:20px!important}
  .editorial-head-icon>a{font-size:11px}
}

/* V2.65 — Modern Berita Terkini + Kanal Berita */
.latest-modern-section{padding-top:30px;padding-bottom:30px}
.latest-modern-head{margin-bottom:16px;align-items:center}
.latest-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}
.latest-title-icon{width:48px;height:48px;border-radius:11px;background:var(--red);display:grid;place-items:center;box-shadow:0 7px 16px rgba(229,27,35,.14);flex:0 0 auto}
.latest-title-icon svg{width:27px;height:27px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.latest-title-bar{width:5px;height:31px;border-radius:6px;background:var(--red);flex:0 0 auto}
.latest-modern-head .section-title{padding-left:0;font-size:28px;letter-spacing:-.8px}
.latest-modern-head .section-title:before{display:none}
.latest-modern-head .section-title em{font-style:normal;color:var(--red)}
.latest-more{font-size:13px;display:inline-flex;align-items:center;gap:4px}
.latest-more span{font-size:18px;line-height:1}
.latest-modern-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.latest-feed{display:grid;gap:10px}
.latest-modern-card{position:relative;display:grid;grid-template-columns:360px minmax(0,1fr) 44px;gap:18px;align-items:center;padding:14px 14px 14px 0;border:1px solid #ededed;border-radius:16px;background:#fff;box-shadow:0 7px 22px rgba(17,17,17,.035);overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.latest-modern-card:hover{transform:translateY(-2px);border-color:#ddd;box-shadow:0 12px 30px rgba(17,17,17,.07)}
.latest-modern-image{position:relative;display:block;height:196px;overflow:hidden;border-radius:0 12px 12px 0;background:#eee}
.latest-modern-image img{display:block;width:100%;height:100%;object-fit:cover}
.latest-video-badge{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.2px;display:inline-flex;align-items:center;gap:5px}
.latest-video-badge i{width:18px;height:18px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-style:normal;font-size:8px}
.latest-play{position:absolute;left:14px;bottom:13px;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:14px;box-shadow:0 5px 14px rgba(229,27,35,.28)}
.latest-modern-copy{min-width:0;padding:4px 0}
.latest-cat{display:inline-block;color:var(--red);font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:4px}
.latest-modern-copy h3{font-size:23px;line-height:1.16;letter-spacing:-.45px;margin:0 0 8px;font-weight:900}
.latest-modern-copy h3 a:hover{color:var(--red)}
.latest-meta{display:flex;align-items:center;gap:9px;color:#777;font-size:11px}
.latest-meta i{width:1px;height:12px;background:#ccc;display:block}
.latest-modern-copy p{color:#777;font-size:12px;line-height:1.45;margin:10px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.latest-arrow{width:44px;height:44px;border-radius:50%;background:#fff0f1;color:var(--red);display:grid;place-items:center;font-size:22px;font-weight:700;transition:.2s}
.latest-modern-card:hover .latest-arrow{background:var(--red);color:#fff}
.channel-modern{border:1px solid #e4e4e4;border-radius:18px;background:#fff;padding:20px;box-shadow:0 8px 25px rgba(17,17,17,.035)}
.channel-modern-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.channel-modern-head>div{display:flex;align-items:center;gap:11px}
.channel-title-icon{width:38px;height:38px;border-radius:9px;background:#fff0f1;color:var(--red);display:grid;place-items:center}
.channel-title-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8}
.channel-modern-head h3{font-size:21px;margin:0;letter-spacing:-.3px}
.channel-modern-head>a{font-size:19px;color:var(--red)}
.channel-modern-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.channel-modern-item{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;gap:10px;align-items:center;min-height:76px;padding:11px;border:1px solid #eee;border-radius:13px;background:linear-gradient(145deg,#fff,#fffafa);transition:.2s}
.channel-modern-item:hover{border-color:#f2b5b8;transform:translateY(-2px);box-shadow:0 8px 18px rgba(229,27,35,.08)}
.channel-modern-icon{width:40px;height:40px;border-radius:11px;background:#fff;display:grid;place-items:center;color:var(--red)}
.channel-modern-icon .icon{width:23px;height:23px}
.channel-icon-ekonomi{color:#f2a500}.channel-icon-teknologi{color:#1677ff}.channel-icon-regional{color:#17b57a}.channel-icon-politik{color:#7a4be7}.channel-icon-hukum{color:#a66b00}
.channel-modern-item strong{font-size:12px;line-height:1.2}
.channel-modern-item b{color:var(--red);font-size:16px;font-weight:800}
@media(max-width:1050px){.latest-modern-grid{grid-template-columns:1fr}.channel-modern{max-width:none}.latest-modern-card{grid-template-columns:280px minmax(0,1fr) 42px}.latest-modern-image{height:175px}}
@media(max-width:680px){.latest-modern-section{padding-top:22px;padding-bottom:22px}.latest-title-icon{width:40px;height:40px;border-radius:9px}.latest-title-icon svg{width:22px;height:22px}.latest-title-bar{width:4px;height:27px}.latest-modern-head .section-title{font-size:22px}.latest-modern-head{margin-bottom:12px}.latest-modern-card{grid-template-columns:120px minmax(0,1fr);gap:11px;padding:0 10px 0 0;border-radius:13px}.latest-modern-image{height:112px;border-radius:0 10px 10px 0}.latest-modern-copy{padding:10px 0}.latest-modern-copy h3{font-size:15px;line-height:1.18;margin-bottom:5px}.latest-cat{font-size:9px}.latest-meta{font-size:9px;gap:6px}.latest-modern-copy p{display:none}.latest-arrow{display:none}.latest-video-badge{top:8px;left:8px;padding:5px 7px;font-size:8px}.latest-video-badge i{width:14px;height:14px;font-size:6px}.latest-play{width:30px;height:30px;left:9px;bottom:9px;font-size:10px}.channel-modern{padding:14px;border-radius:14px}.channel-modern-head{margin-bottom:13px}.channel-modern-head h3{font-size:18px}.channel-title-icon{width:34px;height:34px}.channel-modern-grid{gap:8px}.channel-modern-item{min-height:66px;grid-template-columns:34px minmax(0,1fr) 14px;padding:8px;gap:7px}.channel-modern-icon{width:34px;height:34px;border-radius:9px}.channel-modern-icon .icon{width:19px;height:19px}.channel-modern-item strong{font-size:11px}.channel-modern-item b{font-size:13px}}


/* V2.66 — Colorful Kanal Berita buttons + compact 2-item Berita Terkini */
.latest-modern-section .latest-feed{grid-template-columns:1fr;gap:12px}
.latest-modern-card{min-height:196px}
.channel-modern-item{border-color:transparent;box-shadow:0 6px 18px rgba(20,25,35,.045)}
.channel-modern-item:nth-child(1){background:linear-gradient(135deg,#fff1f2,#ffe5e7)}
.channel-modern-item:nth-child(2){background:linear-gradient(135deg,#fff8e8,#fff0c7)}
.channel-modern-item:nth-child(3){background:linear-gradient(135deg,#edf5ff,#dcecff)}
.channel-modern-item:nth-child(4){background:linear-gradient(135deg,#eafbf4,#d8f5e9)}
.channel-modern-item:nth-child(5){background:linear-gradient(135deg,#f5efff,#eadfff)}
.channel-modern-item:nth-child(6){background:linear-gradient(135deg,#fff6e9,#ffebc9)}
.channel-modern-item:nth-child(1) .channel-modern-icon{background:#fff;color:#e51b23}
.channel-modern-item:nth-child(2) .channel-modern-icon{background:#fff;color:#ee9d00}
.channel-modern-item:nth-child(3) .channel-modern-icon{background:#fff;color:#1976e8}
.channel-modern-item:nth-child(4) .channel-modern-icon{background:#fff;color:#13a873}
.channel-modern-item:nth-child(5) .channel-modern-icon{background:#fff;color:#7047d9}
.channel-modern-item:nth-child(6) .channel-modern-icon{background:#fff;color:#a46b00}
.channel-modern-item:nth-child(1) strong{color:#c9161e}
.channel-modern-item:nth-child(2) strong{color:#b97900}
.channel-modern-item:nth-child(3) strong{color:#1768c8}
.channel-modern-item:nth-child(4) strong{color:#07885d}
.channel-modern-item:nth-child(5) strong{color:#6840c9}
.channel-modern-item:nth-child(6) strong{color:#8d5a00}
.channel-modern-item b{color:inherit}
.channel-modern-item:nth-child(1) b{color:#e51b23}.channel-modern-item:nth-child(2) b{color:#ee9d00}.channel-modern-item:nth-child(3) b{color:#1976e8}.channel-modern-item:nth-child(4) b{color:#13a873}.channel-modern-item:nth-child(5) b{color:#7047d9}.channel-modern-item:nth-child(6) b{color:#a46b00}
@media(max-width:680px){.latest-modern-card{min-height:0}.latest-modern-section .latest-feed{gap:9px}.channel-modern-item:nth-child(n){box-shadow:none}}

/* V2.67 — Fix channel icons on the front-end. The icon helper outputs
   .bnews-topic-icon/.bnews-topic-svg, not .icon, so size/color them explicitly. */
.channel-modern-icon .bnews-topic-icon{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  color:currentColor!important;
  line-height:0!important;
}
.channel-modern-icon .bnews-topic-svg{
  display:block!important;
  width:28px!important;
  height:28px!important;
  color:currentColor!important;
  overflow:visible!important;
}
.channel-modern-icon svg path,
.channel-modern-icon svg rect,
.channel-modern-icon svg circle{
  vector-effect:non-scaling-stroke;
}
.channel-modern-icon .bnews-topic-icon[style*="--topic-color"]{
  color:var(--topic-color)!important;
}
@media(max-width:680px){
  .channel-modern-icon .bnews-topic-icon,
  .channel-modern-icon .bnews-topic-svg{width:22px!important;height:22px!important}
}


/* V2.68 — Apply the approved simple/authoritative editorial mockup.
   Channel tiles use restrained pastel surfaces by default and a clear hover state. */
.latest-modern-section{padding-top:26px;padding-bottom:28px}
.latest-modern-head{margin-bottom:14px}
.latest-title-wrap{gap:11px}
.latest-title-icon{width:52px;height:52px;border-radius:12px;background:var(--red);box-shadow:0 8px 20px rgba(229,27,35,.13)}
.latest-title-icon svg{width:28px;height:28px;fill:#fff;stroke:none}
.latest-title-bar{width:4px;height:32px}
.latest-modern-head .section-title{font-size:29px;font-weight:900;letter-spacing:-.9px}
.latest-modern-head .section-title em{color:var(--red);font-style:normal}
.latest-more{font-weight:800;color:var(--red);transition:transform .2s ease,opacity .2s ease}
.latest-more:hover{transform:translateX(3px);opacity:.8}

.latest-modern-card{grid-template-columns:360px minmax(0,1fr) 46px;gap:20px;padding:12px 14px 12px 0;border-radius:17px;border-color:#e8e8e8;box-shadow:0 7px 22px rgba(20,25,35,.035);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.latest-modern-card:hover{transform:translateY(-3px);border-color:#ddd;box-shadow:0 14px 32px rgba(20,25,35,.08)}
.latest-modern-image{height:190px;border-radius:0 13px 13px 0}
.latest-modern-copy h3{font-size:24px;line-height:1.17}
.latest-modern-copy h3 a{transition:color .18s ease}
.latest-modern-copy h3 a:hover{color:var(--red)}
.latest-arrow{transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.latest-modern-card:hover .latest-arrow{transform:translateX(2px);box-shadow:0 7px 16px rgba(229,27,35,.18)}

.channel-modern{padding:18px;border-radius:18px;border-color:#e5e5e5;box-shadow:0 8px 25px rgba(20,25,35,.035)}
.channel-modern-head{margin-bottom:15px}
.channel-modern-head>div{gap:10px}
.channel-title-icon{width:36px;height:36px;border-radius:9px;background:#fff0f1;color:var(--red)}
.channel-modern-head h3{font-size:22px;font-weight:900}
.channel-modern-grid{gap:10px}
.channel-modern-item{min-height:82px;grid-template-columns:52px minmax(0,1fr) 18px;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:14px;box-shadow:0 5px 16px rgba(20,25,35,.035);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
.channel-modern-icon{width:52px;height:52px;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 2px 7px rgba(20,25,35,.04);transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.channel-modern-icon .bnews-topic-icon,.channel-modern-icon .bnews-topic-svg{width:28px!important;height:28px!important}
.channel-modern-item strong{font-size:13px;font-weight:850;color:#171717;transition:color .22s ease}
.channel-modern-item b{font-size:18px;transition:transform .22s ease,color .22s ease}
.channel-modern-item:nth-child(1){background:#fff2f3}
.channel-modern-item:nth-child(2){background:#fff8e7}
.channel-modern-item:nth-child(3){background:#edf5ff}
.channel-modern-item:nth-child(4){background:#eafaf4}
.channel-modern-item:nth-child(5){background:#f4efff}
.channel-modern-item:nth-child(6){background:#fff4e9}
.channel-modern-item:nth-child(1) .channel-modern-icon{color:#e51b23}
.channel-modern-item:nth-child(2) .channel-modern-icon{color:#e99b00}
.channel-modern-item:nth-child(3) .channel-modern-icon{color:#1976e8}
.channel-modern-item:nth-child(4) .channel-modern-icon{color:#11aa76}
.channel-modern-item:nth-child(5) .channel-modern-icon{color:#7047d9}
.channel-modern-item:nth-child(6) .channel-modern-icon{color:#a45e00}
.channel-modern-item:nth-child(1) b{color:#e51b23}.channel-modern-item:nth-child(2) b{color:#e99b00}.channel-modern-item:nth-child(3) b{color:#1976e8}.channel-modern-item:nth-child(4) b{color:#11aa76}.channel-modern-item:nth-child(5) b{color:#7047d9}.channel-modern-item:nth-child(6) b{color:#a45e00}

/* Hover: tile becomes stronger, icon reverses to white for a clear interactive cue. */
.channel-modern-item:hover,
.channel-modern-item:focus-visible{transform:translateY(-4px);box-shadow:0 13px 25px rgba(20,25,35,.12);outline:none}
.channel-modern-item:nth-child(1):hover,.channel-modern-item:nth-child(1):focus-visible{background:linear-gradient(135deg,#e51b23,#ff4a50);color:#fff}
.channel-modern-item:nth-child(2):hover,.channel-modern-item:nth-child(2):focus-visible{background:linear-gradient(135deg,#eda000,#ffc54b);color:#fff}
.channel-modern-item:nth-child(3):hover,.channel-modern-item:nth-child(3):focus-visible{background:linear-gradient(135deg,#1976e8,#4b9dff);color:#fff}
.channel-modern-item:nth-child(4):hover,.channel-modern-item:nth-child(4):focus-visible{background:linear-gradient(135deg,#10a875,#35d49c);color:#fff}
.channel-modern-item:nth-child(5):hover,.channel-modern-item:nth-child(5):focus-visible{background:linear-gradient(135deg,#7047d9,#936cf0);color:#fff}
.channel-modern-item:nth-child(6):hover,.channel-modern-item:nth-child(6):focus-visible{background:linear-gradient(135deg,#ef6c18,#ff9a45);color:#fff}
.channel-modern-item:hover .channel-modern-icon,.channel-modern-item:focus-visible .channel-modern-icon{background:#fff;color:currentColor;transform:scale(1.04);box-shadow:0 5px 12px rgba(0,0,0,.08)}
.channel-modern-item:hover strong,.channel-modern-item:focus-visible strong,.channel-modern-item:hover b,.channel-modern-item:focus-visible b{color:#fff}
.channel-modern-item:hover b,.channel-modern-item:focus-visible b{transform:translateX(3px)}

@media (prefers-reduced-motion: reduce){
  .latest-more,.latest-modern-card,.latest-arrow,.channel-modern-item,.channel-modern-icon,.channel-modern-item b,.channel-modern-item strong{transition:none!important}
}
@media(max-width:680px){
  .latest-modern-section{padding-top:20px;padding-bottom:22px}
  .latest-title-icon{width:42px;height:42px;border-radius:10px}.latest-title-icon svg{width:23px;height:23px}
  .latest-title-bar{width:4px;height:27px}.latest-modern-head .section-title{font-size:22px}
  .channel-modern{padding:13px}.channel-modern-item{min-height:68px;grid-template-columns:38px minmax(0,1fr) 14px;padding:8px 9px}.channel-modern-icon{width:38px;height:38px;border-radius:10px}.channel-modern-icon .bnews-topic-icon,.channel-modern-icon .bnews-topic-svg{width:21px!important;height:21px!important}.channel-modern-item strong{font-size:11px}.channel-modern-item b{font-size:14px}
}


/* V2.69 — Channel icon refresh + reliable hover state.
   The topic-color rule is intentionally strong so each icon keeps its channel color.
   Hover/focus now changes the icon tile itself and scales the vector, so the state is visible. */
.channel-modern-item:hover .channel-modern-icon,
.channel-modern-item:focus-visible .channel-modern-icon{
  background:#fff!important;
  transform:scale(1.07);
  box-shadow:0 7px 15px rgba(0,0,0,.10);
}
.channel-modern-item:hover .channel-modern-icon .bnews-topic-icon,
.channel-modern-item:focus-visible .channel-modern-icon .bnews-topic-icon{
  color:var(--topic-color)!important;
}
.channel-modern-item:hover .channel-modern-icon .bnews-topic-svg,
.channel-modern-item:focus-visible .channel-modern-icon .bnews-topic-svg{
  color:var(--topic-color)!important;
}


/* V2.70 — Channel icons made lighter / non-bold. */
.channel-modern-icon .bnews-topic-svg{
  width:28px!important;height:28px!important;
  overflow:visible;
}
.channel-modern-icon .bnews-topic-svg path,
.channel-modern-icon .bnews-topic-svg rect,
.channel-modern-icon .bnews-topic-svg circle{
  vector-effect:non-scaling-stroke;
}


/* V2.71 — Daerah / Regional cards refinement. */
.region-section{padding-top:28px;padding-bottom:30px;background:#fafafa}
.region-head{margin-bottom:16px}
.region-title-wrap{display:flex;align-items:center;gap:10px}
.region-title-wrap .section-title{padding-left:0}
.region-title-wrap .section-title:before{display:none}
.region-title-bar{display:block;width:5px;height:26px;border-radius:4px;background:var(--red);flex:0 0 auto}
.region-head .more{font-size:12px;font-weight:900}
.region-head .more span{font-size:14px;margin-left:2px}
.region-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.region-card{height:auto;min-width:0;border-radius:13px;overflow:hidden;background:#fff;border:1px solid #e6e6e6;box-shadow:0 5px 18px rgba(20,20,20,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.region-card:hover{transform:translateY(-3px);border-color:#ddd;box-shadow:0 12px 28px rgba(20,20,20,.10)}
.region-media{position:relative;height:178px;background:#e9ecef;overflow:hidden}
.region-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.region-card:hover .region-media img{transform:scale(1.035)}
.region-gradient{position:absolute;inset:38% 0 0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.58))}
.region-label{position:absolute;left:10px;top:10px;padding:5px 9px;border-radius:5px;background:rgba(17,17,17,.78);color:#fff;font-size:9px;font-weight:900;letter-spacing:.25px;text-transform:uppercase}
.region-copy{padding:10px 11px 11px;background:#fff;min-height:73px;display:flex;flex-direction:column;justify-content:space-between;gap:6px}
.region-copy strong{display:block;font-size:13px;line-height:1.25;letter-spacing:-.15px;color:#171717;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.region-copy span{display:block;color:#999;font-size:9px;line-height:1.1;text-transform:uppercase;letter-spacing:.15px}
.region-copy span i{font-style:normal;color:#ccc;padding:0 2px}
@media(max-width:1050px){.region-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.region-media{height:180px}}
@media(max-width:680px){.region-section{padding-top:22px;padding-bottom:24px}.region-head{margin-bottom:12px}.region-title-bar{width:4px;height:22px}.region-grid{grid-template-columns:1fr 1fr;gap:9px}.region-media{height:145px}.region-copy{padding:8px 9px 9px;min-height:67px}.region-copy strong{font-size:11px}.region-copy span{font-size:8px}.region-label{left:8px;top:8px;padding:4px 7px;font-size:8px}.region-card{border-radius:11px}}
@media(prefers-reduced-motion:reduce){.region-card,.region-media img{transition:none!important}}

/* V2.73 — Regional / Daerah category layout based on supplied reference */
.regional-category-page{background:#fff}
.regional-category-section{padding:30px 0 34px}
.regional-category-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.regional-heading-wrap{display:flex;align-items:center;gap:9px;min-width:0}
.regional-heading-bar{display:block;width:7px;height:30px;border-radius:3px;background:var(--red);flex:0 0 auto}
.regional-category-head h1{margin:0;font-size:26px;line-height:1;font-weight:900;letter-spacing:-.65px;color:#111}
.regional-more{font-size:16px;color:#1b5f91;font-weight:500;white-space:nowrap}
.regional-more span{font-size:22px;line-height:0;margin-left:8px;color:#444}
.regional-category-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.16fr) minmax(0,1.16fr);gap:14px;align-items:stretch}
.regional-featured-card,.regional-panel{min-width:0;border:1px solid #ddd;border-radius:7px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.09);overflow:hidden}
.regional-featured-card{height:562px}
.regional-featured-media{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#eee}
.regional-featured-media img{display:block;width:100%;height:100%;object-fit:cover}
.regional-featured-gradient{position:absolute;inset:38% 0 0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.94))}
.regional-featured-copy{position:absolute;left:20px;right:18px;bottom:20px;color:#fff;display:block}
.regional-featured-copy small{display:inline-block;margin-bottom:7px;padding:4px 7px;border-radius:3px;background:#0aa6a6;color:#fff;font-size:9px;font-weight:900;text-transform:uppercase}
.regional-featured-copy strong{display:block;font-size:24px;line-height:1.16;letter-spacing:-.35px;font-weight:900}
.regional-featured-copy>span{display:block;margin-top:10px;font-size:10px;color:rgba(255,255,255,.95)}
.regional-panel{height:562px;display:flex;flex-direction:column}
.regional-panel h2{position:relative;display:flex;align-items:center;margin:0;padding:12px 13px 11px;border-bottom:1px solid #e8e8e8;font-size:20px;line-height:1.15;font-weight:900;letter-spacing:-.35px;color:#111;background:#fff}
.regional-panel h2 span{width:7px;height:20px;border-radius:2px;background:#e31c24;margin-right:8px;flex:0 0 auto}
.regional-latest-panel h2 span{background:#079ba4}
.regional-panel-scroll{overflow-y:auto;padding:0 12px 4px;scrollbar-width:thin;scrollbar-color:#777 transparent}
.regional-panel-scroll::-webkit-scrollbar{width:7px}
.regional-panel-scroll::-webkit-scrollbar-track{background:transparent}
.regional-panel-scroll::-webkit-scrollbar-thumb{background:#777;border-radius:8px}
.regional-list-item{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;padding:18px 0;border-bottom:1px solid #e8e8e8;min-height:137px}
.regional-list-item:last-child{border-bottom:0}
.regional-list-thumb{display:block;grid-column:2;grid-row:1;width:100px;height:100px;border-radius:7px;overflow:hidden;background:#eee}
.regional-list-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.regional-list-copy{grid-column:1;grid-row:1;min-width:0}
.regional-list-copy h3{margin:0;font-size:17px;line-height:1.35;font-weight:800;letter-spacing:-.15px}
.regional-list-copy h3 a:hover{color:var(--red)}
.regional-list-meta{margin-top:9px;color:#777;font-size:11px;line-height:1.3}
.regional-list-meta i{font-style:normal;margin:0 4px;color:#aaa}
.regional-panel-scroll .regional-list-item:first-child{padding-top:18px}
@media(max-width:1050px){
  .regional-category-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .regional-featured-card{height:480px;grid-row:span 2}
  .regional-panel{height:480px}
}
@media(max-width:680px){
  .regional-category-section{padding:23px 0 26px}
  .regional-category-head{margin-bottom:11px}
  .regional-heading-bar{width:5px;height:25px}
  .regional-category-head h1{font-size:22px}
  .regional-more{font-size:12px}
  .regional-more span{font-size:18px;margin-left:5px}
  .regional-category-grid{grid-template-columns:1fr;gap:10px}
  .regional-featured-card{height:360px;grid-row:auto}
  .regional-panel{height:410px}
  .regional-panel h2{font-size:18px;padding:11px 12px}
  .regional-list-item{grid-template-columns:minmax(0,1fr) 88px;gap:10px;min-height:116px;padding:14px 0}
  .regional-list-thumb{width:88px;height:88px}
  .regional-list-copy h3{font-size:14px;line-height:1.28}
  .regional-list-meta{font-size:9px;margin-top:7px}
  .regional-featured-copy{left:14px;right:14px;bottom:15px}
  .regional-featured-copy strong{font-size:20px}
}

/* V2.74 — Homepage Daerah mengikuti layout referensi 3 kolom */
.region-reference-section{padding-top:30px;padding-bottom:34px;background:#fff}
.region-reference-section .region-head{margin-bottom:14px}
.region-reference-section .region-head .more{font-size:13px;font-weight:900;color:var(--red)}
.region-reference-section .region-head .more span{font-size:17px;margin-left:3px}
.region-reference-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}
.region-reference-feature,.region-reference-panel{min-width:0;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.08);overflow:hidden}
.region-reference-feature{height:562px}
.region-reference-feature-media{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#eee}
.region-reference-feature-media img{display:block;width:100%;height:100%;object-fit:cover}
.region-reference-feature-gradient{position:absolute;inset:38% 0 0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.94))}
.region-reference-feature-copy{position:absolute;left:20px;right:18px;bottom:20px;color:#fff}
.region-reference-feature-copy strong{display:block;font-size:24px;line-height:1.16;font-weight:900;letter-spacing:-.35px}
.region-reference-feature-copy span{display:block;margin-top:10px;font-size:10px;color:rgba(255,255,255,.95)}
.region-reference-feature-copy i{font-style:normal;margin:0 3px;color:#ddd}
.region-reference-panel{height:562px;display:flex;flex-direction:column}
.region-reference-panel>h3{display:flex;align-items:center;margin:0;padding:12px 13px 11px;border-bottom:1px solid #e8e8e8;font-size:20px;line-height:1.15;font-weight:900;letter-spacing:-.35px;color:#111;background:#fff}
.region-reference-panel>h3 span{width:7px;height:20px;border-radius:2px;background:#e31c24;margin-right:8px;flex:0 0 auto}
.region-reference-latest>h3 span{background:#079ba4}
.region-reference-scroll{overflow-y:auto;padding:0 12px 4px;scrollbar-width:thin;scrollbar-color:#777 transparent}
.region-reference-scroll::-webkit-scrollbar{width:7px}
.region-reference-scroll::-webkit-scrollbar-track{background:transparent}
.region-reference-scroll::-webkit-scrollbar-thumb{background:#777;border-radius:8px}
.region-reference-item{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;padding:18px 0;border-bottom:1px solid #e8e8e8;min-height:137px}
.region-reference-item:last-child{border-bottom:0}
.region-reference-item-copy{min-width:0}
.region-reference-item-copy h4{margin:0;font-size:17px;line-height:1.35;font-weight:800;letter-spacing:-.15px}
.region-reference-item-copy h4 a:hover{color:var(--red)}
.region-reference-meta{margin-top:9px;color:#777;font-size:11px;line-height:1.3}
.region-reference-meta i{font-style:normal;margin:0 4px;color:#aaa}
.region-reference-thumb{display:block;width:100px;height:100px;border-radius:7px;overflow:hidden;background:#eee}
.region-reference-thumb img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:1050px){.region-reference-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.region-reference-feature{height:480px;grid-row:span 2}.region-reference-panel{height:480px}}
@media(max-width:680px){.region-reference-section{padding-top:23px;padding-bottom:26px}.region-reference-section .region-head{margin-bottom:11px}.region-reference-grid{grid-template-columns:1fr;gap:10px}.region-reference-feature{height:360px;grid-row:auto}.region-reference-panel{height:410px}.region-reference-panel>h3{font-size:18px;padding:11px 12px}.region-reference-item{grid-template-columns:minmax(0,1fr) 88px;gap:10px;min-height:116px;padding:14px 0}.region-reference-thumb{width:88px;height:88px}.region-reference-item-copy h4{font-size:14px;line-height:1.28}.region-reference-meta{font-size:9px;margin-top:7px}.region-reference-feature-copy{left:14px;right:14px;bottom:15px}.region-reference-feature-copy strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.region-reference-section *{scroll-behavior:auto!important}}
\n\n/* V2.75 — Daerah homepage: actual replacement of the five-card rail with the supplied 3-column reference. */\n.region-reference2-section{padding-top:30px;padding-bottom:34px;background:#fff}\n.region-reference2-head{margin-bottom:14px}\n.region-reference2-title{display:flex;align-items:center;gap:10px}\n.region-reference2-title>span{display:block;width:7px;height:30px;border-radius:3px;background:var(--red);flex:0 0 auto}\n.region-reference2-head .more{font-size:13px;font-weight:900;color:var(--red)}\n.region-reference2-head .more span{font-size:17px;margin-left:3px}\n.region-reference2-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch}\n.region-reference2-feature,.region-reference2-panel{min-width:0;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.08);overflow:hidden}\n.region-reference2-feature{height:562px}\n.region-reference2-feature>a{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#eee}\n.region-reference2-feature>a>img{display:block;width:100%;height:100%;object-fit:cover}\n.region-reference2-feature-gradient{position:absolute;inset:38% 0 0;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.94))}\n.region-reference2-feature-copy{position:absolute;left:20px;right:18px;bottom:20px;color:#fff}\n.region-reference2-feature-copy strong{display:block;font-size:24px;line-height:1.16;font-weight:900;letter-spacing:-.35px}\n.region-reference2-feature-copy span{display:block;margin-top:10px;font-size:10px;color:rgba(255,255,255,.95)}\n.region-reference2-feature-copy i{font-style:normal;margin:0 3px;color:#ddd}\n.region-reference2-panel{height:562px;display:flex;flex-direction:column}\n.region-reference2-panel>h3{display:flex;align-items:center;margin:0;padding:12px 13px 11px;border-bottom:1px solid #e8e8e8;font-size:20px;line-height:1.15;font-weight:900;letter-spacing:-.35px;color:#111;background:#fff}\n.region-reference2-panel>h3 span{width:7px;height:20px;border-radius:2px;background:#e31c24;margin-right:8px;flex:0 0 auto}\n.region-reference2-latest>h3 span{background:#079ba4}\n.region-reference2-scroll{overflow-y:auto;padding:0 12px 4px;scrollbar-width:thin;scrollbar-color:#777 transparent}\n.region-reference2-scroll::-webkit-scrollbar{width:7px}\n.region-reference2-scroll::-webkit-scrollbar-track{background:transparent}\n.region-reference2-scroll::-webkit-scrollbar-thumb{background:#777;border-radius:8px}\n.region-reference2-item{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;padding:18px 0;border-bottom:1px solid #e8e8e8;min-height:137px}\n.region-reference2-item:last-child{border-bottom:0}\n.region-reference2-item-copy{min-width:0}\n.region-reference2-item-copy h4{margin:0;font-size:17px;line-height:1.35;font-weight:800;letter-spacing:-.15px}\n.region-reference2-item-copy h4 a{color:#111}\n.region-reference2-item-copy h4 a:hover{color:var(--red)}\n.region-reference2-meta{margin-top:9px;color:#777;font-size:11px;line-height:1.3}\n.region-reference2-meta i{font-style:normal;margin:0 4px;color:#aaa}\n.region-reference2-thumb{display:block;width:100px;height:100px;border-radius:7px;overflow:hidden;background:#eee}\n.region-reference2-thumb img{display:block;width:100%;height:100%;object-fit:cover}\n@media(max-width:1050px){.region-reference2-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.region-reference2-feature{height:480px;grid-row:span 2}.region-reference2-panel{height:480px}}\n@media(max-width:680px){.region-reference2-section{padding-top:23px;padding-bottom:26px}.region-reference2-head{margin-bottom:11px}.region-reference2-title>span{width:5px;height:25px}.region-reference2-grid{grid-template-columns:1fr;gap:10px}.region-reference2-feature{height:360px;grid-row:auto}.region-reference2-panel{height:410px}.region-reference2-panel>h3{font-size:18px;padding:11px 12px}.region-reference2-item{grid-template-columns:minmax(0,1fr) 88px;gap:10px;min-height:116px;padding:14px 0}.region-reference2-thumb{width:88px;height:88px}.region-reference2-item-copy h4{font-size:14px;line-height:1.28}.region-reference2-meta{font-size:9px;margin-top:7px}.region-reference2-feature-copy{left:14px;right:14px;bottom:15px}.region-reference2-feature-copy strong{font-size:20px}}\n@media(prefers-reduced-motion:reduce){.region-reference2-section *{scroll-behavior:auto!important}}\n
/* V2.76 — Regional category correction: isolate the category archive from homepage Daerah styles. */
.regional-category-reference-v2{width:100%;background:#fff}
.regional-category-reference-v2 .regional-category-section{padding:30px 0 36px}
.regional-category-reference-v2 .regional-category-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:14px}
.regional-category-reference-v2 .regional-featured-card,
.regional-category-reference-v2 .regional-panel{height:560px}
.regional-category-reference-v2 .regional-featured-media img{width:100%;height:100%;object-fit:cover;display:block}
.regional-category-reference-v2 .regional-featured-copy strong{max-width:95%}
.regional-category-reference-v2 .regional-panel-scroll{min-height:0;flex:1;overflow-y:auto}
.regional-category-reference-v2 .regional-list-item{grid-template-columns:minmax(0,1fr) 100px;align-items:start}
.regional-category-reference-v2 .regional-list-thumb{grid-column:2;grid-row:1;width:100px;height:100px}
.regional-category-reference-v2 .regional-list-copy{grid-column:1;grid-row:1}
@media(max-width:1050px){
  .regional-category-reference-v2 .regional-category-grid{grid-template-columns:1fr 1fr}
  .regional-category-reference-v2 .regional-featured-card{grid-row:span 2;height:500px}
  .regional-category-reference-v2 .regional-panel{height:500px}
}
@media(max-width:680px){
  .regional-category-reference-v2 .regional-category-section{padding:22px 0 28px}
  .regional-category-reference-v2 .regional-category-grid{grid-template-columns:1fr;gap:10px}
  .regional-category-reference-v2 .regional-featured-card{height:370px;grid-row:auto}
  .regional-category-reference-v2 .regional-panel{height:410px}
}

/* V2.77 — Homepage Regional/Daerah: match the supplied 3-column reference exactly. */
.region-reference3-section{
  font-family:Arial,Helvetica,sans-serif;
  background:#eeeeee;
  padding:14px 0 24px;
}
.region-reference3-section > .wrap{
  width:min(1240px,calc(100% - 40px));
  margin:0 auto;
}
.region-reference3-section .region-reference2-head{
  margin:0 0 14px;
  min-height:27px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.region-reference3-section .region-reference2-title{
  display:flex;
  align-items:center;
  gap:9px;
}
.region-reference3-section .region-reference2-title > span{
  width:7px;
  height:30px;
  margin:0;
  border-radius:2px;
  background:#e31c24;
  flex:0 0 auto;
}
.region-reference3-section .region-reference2-title .section-title{
  padding:0;
  margin:0;
  font-size:26px;
  line-height:1.15;
  letter-spacing:-.6px;
  font-weight:900;
  color:#111;
}
.region-reference3-section .region-reference2-title .section-title:before{
  display:none;
}
.region-reference3-section .region-reference2-head .more{
  margin:0;
  padding:0;
  font-size:14px;
  line-height:1.2;
  font-weight:500;
  color:#0866b3;
  white-space:nowrap;
}
.region-reference3-section .region-reference2-head .more span{
  display:inline-block;
  margin-left:8px;
  font-size:25px;
  line-height:.8;
  font-weight:300;
  color:#555;
  vertical-align:-2px;
}
.region-reference3-section .region-reference2-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  align-items:stretch;
}
.region-reference3-section .region-reference2-feature,
.region-reference3-section .region-reference2-panel{
  min-width:0;
  height:560px;
  border:1px solid #d9d9d9;
  border-radius:8px;
  background:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.10);
  overflow:hidden;
}
.region-reference3-section .region-reference2-feature > a{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#ddd;
}
.region-reference3-section .region-reference2-feature > a > img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.region-reference3-section .region-reference2-feature-gradient{
  position:absolute;
  inset:42% 0 0;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.90));
  pointer-events:none;
}
.region-reference3-section .region-reference2-feature-copy{
  position:absolute;
  left:19px;
  right:18px;
  bottom:18px;
  color:#fff;
  z-index:2;
}
.region-reference3-section .region-reference2-feature-copy strong{
  display:block;
  max-width:100%;
  font-size:24px;
  line-height:1.42;
  font-weight:900;
  letter-spacing:-.25px;
}
.region-reference3-section .region-reference2-feature-copy span{
  display:block;
  margin-top:8px;
  font-size:12px;
  line-height:1.35;
  color:#fff;
}
.region-reference3-section .region-reference2-feature-copy i{
  font-style:normal;
  margin:0 4px;
  color:#ddd;
}
.region-reference3-section .region-reference2-panel{
  display:flex;
  flex-direction:column;
}
.region-reference3-section .region-reference2-panel > h3{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  height:50px;
  box-sizing:border-box;
  margin:0;
  padding:0 12px;
  border-bottom:1px solid #e5e5e5;
  background:#fff;
  color:#111;
  font-size:20px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.25px;
}
.region-reference3-section .region-reference2-panel > h3 span{
  display:block;
  width:7px;
  height:20px;
  margin:0 8px 0 0;
  border-radius:2px;
  background:#e31c24;
  flex:0 0 auto;
}
.region-reference3-section .region-reference2-latest > h3 span{
  background:#079ba4;
}
.region-reference3-section .region-reference2-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding:0 10px 2px 12px;
  scrollbar-width:thin;
  scrollbar-color:#777 transparent;
}
.region-reference3-section .region-reference2-scroll::-webkit-scrollbar{width:7px}
.region-reference3-section .region-reference2-scroll::-webkit-scrollbar-track{background:transparent}
.region-reference3-section .region-reference2-scroll::-webkit-scrollbar-thumb{
  background:#777;
  border-radius:8px;
}
.region-reference3-section .region-reference2-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) 100px;
  gap:12px;
  min-height:137px;
  box-sizing:border-box;
  padding:18px 0;
  border-bottom:1px solid #e5e5e5;
}
.region-reference3-section .region-reference2-item:last-child{
  border-bottom:0;
}
.region-reference3-section .region-reference2-item-copy{
  min-width:0;
  align-self:start;
}
.region-reference3-section .region-reference2-item-copy h4{
  margin:0;
  font-size:20px;
  line-height:1.38;
  font-weight:700;
  letter-spacing:-.2px;
}
.region-reference3-section .region-reference2-item-copy h4 a{
  display:block;
  color:#111;
  text-decoration:none;
}
.region-reference3-section .region-reference2-item-copy h4 a:hover{
  color:#111;
}
.region-reference3-section .region-reference2-meta{
  margin-top:8px;
  color:#777;
  font-size:11px;
  line-height:1.3;
}
.region-reference3-section .region-reference2-meta i{
  font-style:normal;
  margin:0 4px;
  color:#aaa;
}
.region-reference3-section .region-reference2-thumb{
  display:block;
  width:100px;
  height:100px;
  border-radius:7px;
  overflow:hidden;
  background:#eee;
  align-self:start;
}
.region-reference3-section .region-reference2-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media(max-width:1050px){
  .region-reference3-section .region-reference2-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .region-reference3-section .region-reference2-feature{
    grid-row:span 2;
    height:500px;
  }
  .region-reference3-section .region-reference2-panel{
    height:500px;
  }
}
@media(max-width:680px){
  .region-reference3-section{
    padding:18px 0 24px;
  }
  .region-reference3-section > .wrap{
    width:min(100% - 24px,1240px);
  }
  .region-reference3-section .region-reference2-head{
    margin-bottom:11px;
  }
  .region-reference3-section .region-reference2-title > span{
    width:5px;
    height:25px;
  }
  .region-reference3-section .region-reference2-title .section-title{
    font-size:20px;
  }
  .region-reference3-section .region-reference2-head .more{
    font-size:13px;
  }
  .region-reference3-section .region-reference2-head .more span{
    font-size:22px;
  }
  .region-reference3-section .region-reference2-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .region-reference3-section .region-reference2-feature{
    height:360px;
    grid-row:auto;
  }
  .region-reference3-section .region-reference2-panel{
    height:410px;
  }
  .region-reference3-section .region-reference2-panel > h3{
    height:48px;
    font-size:18px;
    padding:0 12px;
  }
  .region-reference3-section .region-reference2-item{
    grid-template-columns:minmax(0,1fr) 88px;
    gap:10px;
    min-height:116px;
    padding:14px 0;
  }
  .region-reference3-section .region-reference2-thumb{
    width:88px;
    height:88px;
  }
  .region-reference3-section .region-reference2-item-copy h4{
    font-size:15px;
    line-height:1.35;
  }
  .region-reference3-section .region-reference2-meta{
    font-size:10px;
    margin-top:7px;
  }
  .region-reference3-section .region-reference2-feature-copy{
    left:14px;
    right:14px;
    bottom:15px;
  }
  .region-reference3-section .region-reference2-feature-copy strong{
    font-size:21px;
    line-height:1.3;
  }
}


/* V2.78 — Unified category typography: all category blocks use one Arial scale. */
.category, .archive, .regional-category-page{font-family:Arial,Helvetica,sans-serif;}

/* Standard category/archive blocks */
.category .section-title, .archive .section-title{font-family:Arial,Helvetica,sans-serif;font-size:26px;line-height:1.15;font-weight:900;letter-spacing:-.6px;}
.category .article-title, .archive .article-title{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.35;font-weight:700;letter-spacing:-.15px;}
.category .cat, .archive .cat{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:900;}
.category .meta, .archive .meta{font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.3;}

/* Regional/Daerah category block */
.regional-category-page .regional-category-head h1{font-family:Arial,Helvetica,sans-serif;font-size:26px;line-height:1.15;font-weight:900;letter-spacing:-.6px;}
.regional-category-page .regional-more{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.2;font-weight:500;}
.regional-category-page .regional-more span{font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:300;}
.regional-category-page .regional-featured-copy strong{font-family:Arial,Helvetica,sans-serif;font-size:24px;line-height:1.38;font-weight:900;letter-spacing:-.25px;}
.regional-category-page .regional-featured-copy>span{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.35;}
.regional-category-page .regional-panel h2{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.15;font-weight:900;letter-spacing:-.25px;}
.regional-category-page .regional-list-copy h3{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1.38;font-weight:700;letter-spacing:-.2px;}
.regional-category-page .regional-list-meta{font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.3;}

@media(max-width:680px){
  .category .section-title, .archive .section-title{font-size:22px;}
  .category .article-title, .archive .article-title{font-size:15px;line-height:1.3;}
  .regional-category-page .regional-category-head h1{font-size:22px;}
  .regional-category-page .regional-more{font-size:13px;}
  .regional-category-page .regional-more span{font-size:22px;}
  .regional-category-page .regional-featured-copy strong{font-size:21px;line-height:1.3;}
  .regional-category-page .regional-panel h2{font-size:18px;}
  .regional-category-page .regional-list-copy h3{font-size:15px;line-height:1.35;}
  .regional-category-page .regional-list-meta{font-size:10px;}
}


/* V2.78 — Regional/Daerah category icon */
.regional-category-page .regional-heading-wrap{display:flex;align-items:center;gap:9px;min-width:0}
.regional-category-page .regional-category-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;color:#1686c7}
.regional-category-page .regional-category-icon .bnews-topic-icon{display:grid;place-items:center;width:30px;height:30px;color:var(--topic-color,#1686c7)}
.regional-category-page .regional-category-icon .bnews-topic-svg{display:block;width:30px;height:30px;color:var(--topic-color,#1686c7);overflow:visible}
@media(max-width:680px){
  .regional-category-page .regional-heading-wrap{gap:7px}
  .regional-category-page .regional-category-icon,.regional-category-page .regional-category-icon .bnews-topic-icon{width:25px;height:25px;flex-basis:25px}
  .regional-category-page .regional-category-icon .bnews-topic-svg{width:25px;height:25px}
}

/* V2.80 — Regional map icon: same visual scale as the other category icons. */
.region-reference3-section .region-reference2-title .region-reference2-icon{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 32px;color:#1686c7;line-height:0}
.region-reference3-section .region-reference2-title .region-reference2-icon .bnews-topic-icon{display:grid;place-items:center;width:32px;height:32px;color:#1686c7;line-height:0}
.region-reference3-section .region-reference2-title .region-reference2-icon .bnews-topic-svg{display:block!important;width:32px!important;height:32px!important;color:#1686c7;visibility:visible;opacity:1;overflow:visible}
.regional-category-page .regional-category-icon{display:inline-grid!important;place-items:center;width:32px!important;height:32px!important;flex:0 0 32px!important;color:#1686c7;visibility:visible;opacity:1;line-height:0}
.regional-category-page .regional-category-icon .bnews-topic-icon{display:grid!important;place-items:center;width:32px;height:32px;color:#1686c7;line-height:0}
.regional-category-page .regional-category-icon .bnews-topic-svg{display:block!important;width:32px!important;height:32px!important;color:#1686c7;visibility:visible;opacity:1;overflow:visible}
@media(max-width:680px){
 .region-reference2-title .region-reference2-icon,.region-reference2-title .region-reference2-icon .bnews-topic-icon{width:23px;height:23px;flex-basis:23px}
 .region-reference2-title .region-reference2-icon .bnews-topic-svg{width:23px!important;height:23px!important}
 .regional-category-page .regional-category-icon,.regional-category-page .regional-category-icon .bnews-topic-icon{width:23px!important;height:23px!important;flex-basis:23px!important}
 .regional-category-page .regional-category-icon .bnews-topic-svg{width:23px!important;height:23px!important}
}

/* V2.80 mobile scale for Regional icon */
@media(max-width:680px){
 .region-reference3-section .region-reference2-title .region-reference2-icon,.region-reference3-section .region-reference2-title .region-reference2-icon .bnews-topic-icon{width:27px;height:27px;flex-basis:27px}
 .region-reference3-section .region-reference2-title .region-reference2-icon .bnews-topic-svg{width:27px!important;height:27px!important}
 .regional-category-page .regional-category-icon,.regional-category-page .regional-category-icon .bnews-topic-icon{width:27px!important;height:27px!important;flex-basis:27px!important}
 .regional-category-page .regional-category-icon .bnews-topic-svg{width:27px!important;height:27px!important}
}


/* V2.81 — Daerah icon matches Berita Terkini: red rounded square + white regional pin. */
.region-reference3-section .region-reference2-title .region-reference2-icon{
  width:48px;height:48px;flex:0 0 48px;border-radius:11px;background:#ed1c24;
  display:grid;place-items:center;line-height:0;box-shadow:0 7px 16px rgba(229,27,35,.14);overflow:hidden;
}
.region-reference3-section .region-reference2-title .region-reference2-icon .bnews-topic-icon{
  width:48px;height:48px;display:grid;place-items:center;color:#fff!important;--topic-color:#fff!important;line-height:0;
}
.region-reference3-section .region-reference2-title .region-reference2-icon .bnews-topic-svg{
  display:block!important;width:30px!important;height:30px!important;color:#fff!important;visibility:visible;opacity:1;overflow:visible;
}
.region-reference3-section .region-reference2-title{gap:12px}
.region-reference3-section .region-reference2-title > span:not(.region-reference2-icon){width:5px;height:31px;border-radius:6px;background:#ed1c24}
.region-reference3-section .region-reference2-title .section-title{font-size:28px;letter-spacing:-.8px}
.region-reference3-section .region-reference2-feature-copy .region-reference2-byline{
  display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:9px;color:#fff;font-size:12px;line-height:1.35;
}
.region-reference3-section .region-reference2-byline i{margin:0 2px;color:#ddd}
.region-reference3-section .region-reference2-author{color:inherit}
.region-reference3-section .region-reference2-verified,
.regional-category-page .regional-verified{
  display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#168de2;color:#fff;font-size:11px;font-weight:900;line-height:1;font-family:Arial,Helvetica,sans-serif;
}
.region-reference3-section .region-reference2-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.region-reference3-section .region-reference2-meta .region-reference2-verified{width:16px;height:16px;font-size:10px}
.region-reference3-section .region-reference2-meta i{margin:0 2px}
.regional-category-page .regional-category-icon{
  width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:11px;background:#ed1c24;
  box-shadow:0 7px 16px rgba(229,27,35,.14);overflow:hidden;color:#fff!important;--topic-color:#fff!important;
}
.regional-category-page .regional-category-icon .bnews-topic-icon{width:48px!important;height:48px!important;color:#fff!important;--topic-color:#fff!important}
.regional-category-page .regional-category-icon .bnews-topic-svg{width:30px!important;height:30px!important;color:#fff!important}
.regional-category-page .regional-byline{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.regional-category-page .regional-byline i{margin:0 2px;color:#ddd}
.regional-category-page .regional-list-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
@media(max-width:680px){
  .region-reference3-section .region-reference2-title .region-reference2-icon{width:42px;height:42px;flex-basis:42px;border-radius:10px}
  .region-reference3-section .region-reference2-title .region-reference2-icon .bnews-topic-icon{width:42px;height:42px}
  .region-reference3-section .region-reference2-title .region-reference2-icon .bnews-topic-svg{width:26px!important;height:26px!important}
  .region-reference3-section .region-reference2-title{gap:9px}
  .region-reference3-section .region-reference2-title .section-title{font-size:22px}
  .regional-category-page .regional-category-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:10px}
  .regional-category-page .regional-category-icon .bnews-topic-icon{width:42px!important;height:42px!important}
  .regional-category-page .regional-category-icon .bnews-topic-svg{width:26px!important;height:26px!important}
}

/* V2.82 — Regional author photos from the WordPress author/profile avatar data. */
.region-reference3-section .region-reference2-author-avatar,
.regional-category-page .regional-author-avatar{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:#f1f1f1;
}
.region-reference3-section .region-reference2-author-avatar{width:24px;height:24px}
.region-reference3-section .region-reference2-author-avatar img{display:block;width:24px!important;height:24px!important;object-fit:cover;border-radius:50%;margin:0}
.region-reference3-section .region-reference2-feature-copy .region-reference2-author-avatar{width:28px;height:28px}
.region-reference3-section .region-reference2-feature-copy .region-reference2-author-avatar img{width:28px!important;height:28px!important}
.regional-category-page .regional-author-avatar{width:24px;height:24px}
.regional-category-page .regional-byline .regional-author-avatar{width:28px;height:28px}
.regional-category-page .regional-author-avatar img{display:block;width:24px!important;height:24px!important;object-fit:cover;border-radius:50%;margin:0}
.regional-category-page .regional-byline .regional-author-avatar img{width:28px!important;height:28px!important}
.region-reference3-section .region-reference2-byline,.region-reference3-section .region-reference2-meta,.regional-category-page .regional-byline,.regional-category-page .regional-list-meta{gap:6px}
@media(max-width:680px){
  .region-reference3-section .region-reference2-author-avatar{width:22px;height:22px}
  .region-reference3-section .region-reference2-author-avatar img{width:22px!important;height:22px!important}
  .region-reference3-section .region-reference2-feature-copy .region-reference2-author-avatar{width:26px;height:26px}
  .region-reference3-section .region-reference2-feature-copy .region-reference2-author-avatar img{width:26px!important;height:26px!important}
  .regional-category-page .regional-author-avatar{width:22px;height:22px}
  .regional-category-page .regional-byline .regional-author-avatar{width:26px;height:26px}
  .regional-category-page .regional-author-avatar img{width:22px!important;height:22px!important}
  .regional-category-page .regional-byline .regional-author-avatar img{width:26px!important;height:26px!important}
}

/* V2.83 — Regional location/category label from the post category data. */
.region-reference3-section .region-reference2-category-label,
.regional-category-page .regional-category-label{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:20px;padding:2px 8px;border-radius:999px;
  background:#f3f3f3;color:#555;font-size:11px;font-weight:700;line-height:1.2;
  white-space:nowrap;font-family:Arial,Helvetica,sans-serif;
}
.region-reference3-section .region-reference2-feature-copy .region-reference2-category-label{
  background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.28);
}
.region-reference3-section .region-reference2-meta .region-reference2-category-label,
.regional-category-page .regional-list-meta .regional-category-label{
  background:#f3f3f3;color:#555;
}
@media(max-width:680px){
  .region-reference3-section .region-reference2-category-label,
  .regional-category-page .regional-category-label{font-size:10px;padding:2px 7px;min-height:19px}
}

/* V2.84 — Editor's Pick + Infografis redesign */
.editorial-pick-info-section{padding-top:8px}
.editorial-pick-info-grid{grid-template-columns:1fr 1fr;gap:14px}
.editorial-pick-panel{padding:20px 22px 22px;min-width:0}
.editorial-pick-head{margin-bottom:16px}
.editorial-pick-head a{font-size:12px;font-weight:800;color:var(--red);white-space:nowrap}
.editorial-section-title{display:flex;align-items:center;gap:10px;min-width:0}
.editorial-section-icon{width:56px;height:56px;flex:0 0 56px;border-radius:10px;background:var(--red);display:grid;place-items:center;color:#fff}
.editorial-section-icon svg{width:28px;height:28px;fill:currentColor}
.editorial-icon-info svg path:last-child{stroke:currentColor;stroke-width:1.8}
.editorial-title-bar{width:4px;height:31px;border-radius:3px;background:var(--red);display:block;flex:0 0 4px}
.editorial-section-title h3{font-size:24px;line-height:1.1;margin:0;font-weight:800;color:#111}
.editorial-feature-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.95fr);gap:18px;min-height:390px}
.editorial-feature-card{position:relative;display:block;min-width:0;height:390px;border-radius:10px;overflow:hidden;background:#eee;color:#fff}
.editorial-feature-media{position:relative;width:100%;height:100%}
.editorial-feature-media>img{width:100%;height:100%;object-fit:cover;display:block}
.editorial-feature-overlay{position:absolute;inset:35% 0 0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.88) 100%)}
.editorial-category-badge{position:absolute;top:16px;left:16px;background:var(--red);color:#fff;border-radius:18px;padding:7px 13px;font-size:11px;font-weight:800;line-height:1}
.editorial-feature-copy{position:absolute;left:18px;right:16px;bottom:16px}
.editorial-feature-copy>strong{display:block;font-size:22px;line-height:1.18;font-weight:800;color:#fff;margin-bottom:14px}
.editorial-author-meta{display:flex;align-items:center;gap:7px;min-width:0;color:inherit;font-size:11px;line-height:1.2}
.editorial-author-meta .editorial-author-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;flex:0 0 30px}
.editorial-author-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.editorial-verified{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#1677ff;color:#fff;font-size:10px;font-style:normal;flex:0 0 17px}
.editorial-author-meta i{font-style:normal;opacity:.65}
.editorial-support-list{display:flex;flex-direction:column;min-width:0}
.editorial-support-item{display:grid;grid-template-columns:128px minmax(0,1fr);gap:13px;align-items:start;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--line);color:#111;min-width:0}
.editorial-support-item:last-child{margin-bottom:0}
.editorial-support-thumb{width:128px;height:104px;border-radius:9px;overflow:hidden;background:#eee}
.editorial-support-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.editorial-support-copy{min-width:0}
.editorial-support-category{display:flex;align-items:center;gap:5px;color:var(--red);font-size:11px;font-weight:800;text-transform:uppercase;margin:1px 0 4px}
.editorial-support-category svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;flex:0 0 17px}
.editorial-support-category svg path:first-child{fill:currentColor;stroke:none}
.editorial-support-copy>strong{display:block;font-size:15px;line-height:1.22;font-weight:800;margin-bottom:10px}
.editorial-support-copy .editorial-author-meta{font-size:10px;color:#666}
.editorial-support-copy .editorial-author-avatar{width:25px;height:25px;flex-basis:25px}
.editorial-support-copy .editorial-verified{width:15px;height:15px;flex-basis:15px;font-size:9px}
.editorial-info-grid .editorial-support-item{grid-template-columns:128px minmax(0,1fr)}
@media(max-width:1050px){
 .editorial-feature-grid{grid-template-columns:1fr;gap:14px}
 .editorial-feature-card{height:360px}
 .editorial-support-item{grid-template-columns:110px minmax(0,1fr)}
 .editorial-support-thumb{width:110px;height:90px}
}
@media(max-width:680px){
 .editorial-pick-info-grid{grid-template-columns:1fr}
 .editorial-pick-panel{padding:16px}
 .editorial-section-icon{width:46px;height:46px;flex-basis:46px;border-radius:9px}
 .editorial-section-icon svg{width:23px;height:23px}
 .editorial-title-bar{height:27px}
 .editorial-section-title h3{font-size:20px}
 .editorial-feature-card{height:330px}
 .editorial-feature-copy>strong{font-size:19px}
 .editorial-support-item{grid-template-columns:100px minmax(0,1fr);gap:10px}
 .editorial-support-thumb{width:100px;height:82px}
 .editorial-support-copy>strong{font-size:14px}
}


/* V2.86 — Editor's Pick + Infografis layout correction
   Keep the existing data/query logic; only normalize the visual grid,
   support-card proportions and metadata so short and long headlines
   do not collapse the right column. */
.editorial-pick-info-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px}
.editorial-pick-panel{min-width:0;overflow:hidden}
.editorial-feature-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:16px;min-width:0}
.editorial-feature-card{height:390px;min-width:0}
.editorial-support-list{min-width:0;display:flex;flex-direction:column}
.editorial-support-item{
  grid-template-columns:96px minmax(0,1fr)!important;
  gap:11px!important;
  min-width:0;
  min-height:104px;
  box-sizing:border-box;
  align-items:start;
}
.editorial-support-thumb{width:96px!important;height:88px!important;flex:0 0 96px}
.editorial-support-copy{min-width:0;max-width:none;overflow:hidden}
.editorial-support-category{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.editorial-support-copy>strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  font-size:14px;
  line-height:1.22;
  margin-bottom:7px;
}
.editorial-support-copy .editorial-author-meta{
  min-width:0;
  flex-wrap:nowrap;
  gap:5px;
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
}
.editorial-support-copy .editorial-author-name{
  max-width:70px;
}
.editorial-support-copy .editorial-author-meta>span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
}
.editorial-support-copy .editorial-author-avatar{width:22px!important;height:22px!important;flex-basis:22px!important}
.editorial-support-copy .editorial-verified{width:14px!important;height:14px!important;flex-basis:14px!important;font-size:8px}
.editorial-support-item:last-child{margin-bottom:0}

@media(max-width:1050px){
  .editorial-feature-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important}
  .editorial-support-item{grid-template-columns:88px minmax(0,1fr)!important}
  .editorial-support-thumb{width:88px!important;height:82px!important;flex-basis:88px!important}
}
@media(max-width:760px){
  .editorial-feature-grid{grid-template-columns:1fr!important}
  .editorial-feature-card{height:360px}
  .editorial-support-item{grid-template-columns:100px minmax(0,1fr)!important}
  .editorial-support-thumb{width:100px!important;height:84px!important;flex-basis:100px!important}
}
@media(max-width:680px){
  .editorial-pick-info-grid{grid-template-columns:1fr!important}
  .editorial-pick-panel{padding:16px}
  .editorial-feature-grid{grid-template-columns:1fr!important}
  .editorial-feature-card{height:330px}
  .editorial-support-item{grid-template-columns:100px minmax(0,1fr)!important;gap:10px!important}
  .editorial-support-thumb{width:100px!important;height:84px!important}
  .editorial-support-copy>strong{font-size:14px}
  .editorial-support-copy .editorial-author-name{max-width:110px}
}


/* V2.87 — Editor's Pick + Infografis: uniform icon/background sizing
   Match the approved reference: equal red icon boxes, equal panel geometry,
   and consistent supporting-story thumbnail dimensions. */
.editorial-pick-info-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
}
.editorial-pick-panel{
  box-sizing:border-box;
  min-width:0;
  overflow:hidden;
}
.editorial-pick-head{
  min-height:64px;
  align-items:center!important;
}
.editorial-section-title{
  align-items:center!important;
  gap:12px!important;
}
.editorial-section-icon,
.editorial-section-icon.editorial-icon-pick,
.editorial-section-icon.editorial-icon-info{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  flex:0 0 56px!important;
  box-sizing:border-box;
  border-radius:10px!important;
  background:var(--red)!important;
  display:grid!important;
  place-items:center!important;
}
.editorial-section-icon svg,
.editorial-section-icon.editorial-icon-pick svg,
.editorial-section-icon.editorial-icon-info svg{
  width:29px!important;
  height:29px!important;
  max-width:29px!important;
  max-height:29px!important;
  box-sizing:border-box;
}
.editorial-title-bar{
  width:4px!important;
  height:34px!important;
  min-width:4px!important;
  flex:0 0 4px!important;
}
.editorial-section-title h3{
  font-size:24px!important;
  line-height:1.1!important;
  white-space:nowrap;
}
.editorial-feature-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;
  gap:16px!important;
  min-height:390px!important;
}
.editorial-feature-card{
  height:390px!important;
  border-radius:10px!important;
}
.editorial-support-list{
  gap:0!important;
}
.editorial-support-item{
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:12px!important;
  min-height:120px!important;
  padding:0 0 12px!important;
  margin:0 0 12px!important;
  box-sizing:border-box;
  align-items:start!important;
}
.editorial-support-item:last-child{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.editorial-support-thumb,
.editorial-info-grid .editorial-support-thumb{
  width:120px!important;
  height:96px!important;
  min-width:120px!important;
  min-height:96px!important;
  flex:0 0 120px!important;
  border-radius:9px!important;
  overflow:hidden;
}
.editorial-support-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.editorial-support-category{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:800!important;
  color:var(--red)!important;
  margin:0 0 5px!important;
}
.editorial-support-category svg{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  fill:currentColor;
}
.editorial-support-copy>strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:800!important;
  margin:0 0 7px!important;
}
.editorial-author-meta{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0;
  white-space:nowrap;
  font-size:11px!important;
  line-height:1.2!important;
}
.editorial-author-avatar{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.editorial-author-name{
  max-width:110px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.editorial-support-copy .editorial-verified{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  flex:0 0 15px!important;
  font-size:9px!important;
}
@media(max-width:1050px){
  .editorial-section-icon,
  .editorial-section-icon.editorial-icon-pick,
  .editorial-section-icon.editorial-icon-info{
    width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;flex-basis:52px!important;
  }
  .editorial-section-icon svg{width:27px!important;height:27px!important}
  .editorial-feature-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important}
  .editorial-support-item{grid-template-columns:105px minmax(0,1fr)!important}
  .editorial-support-thumb{width:105px!important;height:90px!important;min-width:105px!important;flex-basis:105px!important}
}
@media(max-width:760px){
  .editorial-feature-grid{grid-template-columns:1fr!important}
  .editorial-feature-card{height:360px!important}
  .editorial-support-item{grid-template-columns:100px minmax(0,1fr)!important}
  .editorial-support-thumb{width:100px!important;height:84px!important;min-width:100px!important;flex-basis:100px!important}
}
@media(max-width:680px){
  .editorial-pick-info-grid{grid-template-columns:1fr!important}
  .editorial-pick-panel{padding:16px!important}
  .editorial-section-icon,
  .editorial-section-icon.editorial-icon-pick,
  .editorial-section-icon.editorial-icon-info{
    width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;flex-basis:46px!important;
  }
  .editorial-section-icon svg{width:23px!important;height:23px!important}
  .editorial-title-bar{height:28px!important}
  .editorial-section-title h3{font-size:20px!important}
  .editorial-feature-card{height:330px!important}
  .editorial-support-item{grid-template-columns:100px minmax(0,1fr)!important;gap:10px!important}
  .editorial-support-thumb{width:100px!important;height:84px!important;min-width:100px!important;flex-basis:100px!important}
  .editorial-support-copy>strong{font-size:14px!important}
}

/* V2.91: Video Story keeps all 16 latest Video posts in the carousel; four are visible on desktop. */
.video-row{grid-auto-columns:calc((100% - 30px)/4);}
@media(max-width:1050px){.video-row{grid-auto-columns:calc((100% - 20px)/3);}}
@media(max-width:680px){.video-row{grid-auto-columns:82%;}}


/* V2.92: Dedicated Video Story archive. */
.video-story-archive{padding:34px 0 60px;background:#fff}.video-story-archive-head{margin-bottom:18px}.video-story-title-row{display:flex;align-items:center;gap:12px}.video-story-title-row h1{margin:0;font-size:32px;line-height:1.1;font-weight:800;color:#111}.video-story-title-icon{width:42px;height:42px;border-radius:10px;background:var(--red);color:#fff;display:grid;place-items:center;flex:0 0 42px}.video-story-title-icon svg{width:23px;height:23px;fill:currentColor}.video-story-archive-head p{margin:8px 0 0 54px;color:#777;font-size:14px}.video-story-topics{display:flex;gap:8px;overflow-x:auto;padding:3px 0 18px;scrollbar-width:none}.video-story-topics::-webkit-scrollbar{display:none}.video-story-topics a{white-space:nowrap;border:1px solid #e3e3e3;border-radius:999px;padding:8px 15px;color:#555;background:#fff;font-size:13px;text-decoration:none}.video-story-topics a:hover,.video-story-topics a.active{background:var(--red);border-color:var(--red);color:#fff}.video-story-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.video-story-archive-card{min-width:0}.video-story-archive-poster{display:block;position:relative;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:#eee;text-decoration:none}.video-story-archive-poster img{width:100%;height:100%;object-fit:cover;display:block}.video-story-archive-badge{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:900}.video-story-archive-play{position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-size:13px;box-shadow:0 4px 14px rgba(0,0,0,.15)}.video-story-archive-duration{position:absolute;right:10px;bottom:12px;background:rgba(0,0,0,.78);color:#fff;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:700}.video-story-archive-copy{padding-top:9px}.video-story-archive-channel{display:inline-block;color:var(--red);font-size:11px;font-weight:800;margin-bottom:4px}.video-story-archive-copy h2{margin:0 0 8px;font-size:17px;line-height:1.28;font-weight:750}.video-story-archive-copy h2 a{color:#111;text-decoration:none}.video-story-archive-meta{display:flex;align-items:center;gap:6px;color:#777;font-size:11px;min-width:0}.video-story-author-avatar{width:28px!important;height:28px!important;border-radius:50%;object-fit:cover;display:block}.video-story-archive-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-story-archive-meta b{width:15px;height:15px;border-radius:50%;background:#1684ff;color:#fff;display:inline-grid;place-items:center;font-size:9px;flex:0 0 15px}.video-story-archive-meta i{font-style:normal;color:#bbb}.video-story-pagination{display:flex;justify-content:center;gap:7px;margin-top:38px;flex-wrap:wrap}.video-story-pagination a,.video-story-pagination span{min-width:36px;height:36px;padding:0 10px;border:1px solid #e2e2e2;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#333;background:#fff;font-size:13px}.video-story-pagination .current{background:var(--red);border-color:var(--red);color:#fff}@media(max-width:1050px){.video-story-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.video-story-archive{padding:24px 0 45px}.video-story-title-row h1{font-size:26px}.video-story-title-icon{width:38px;height:38px;flex-basis:38px}.video-story-archive-head p{margin-left:50px;font-size:13px}.video-story-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.video-story-archive-copy h2{font-size:15px}.video-story-archive-meta{font-size:10px}}@media(max-width:480px){.video-story-archive-copy h2{font-size:14px}.video-story-author-avatar{width:24px!important;height:24px!important}.video-story-archive-meta b{width:13px;height:13px;font-size:8px;flex-basis:13px}}

/* V2.93 — Video archive redesigned as a YouTube news-channel experience. */
.video-channel-page{background:#fff;padding-bottom:64px}.video-channel-cover{position:relative;overflow:hidden;background:linear-gradient(120deg,#0b0d12 0%,#151820 52%,#1c2029 100%);color:#fff;min-height:250px}.video-channel-cover:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--red)}.video-channel-cover-inner{position:relative;z-index:2;padding:34px 0 30px}.video-channel-cover-glow{position:absolute;border-radius:50%;filter:blur(3px);opacity:.35;pointer-events:none}.video-channel-cover-glow-a{width:430px;height:430px;right:-120px;top:-220px;background:radial-gradient(circle,rgba(237,28,36,.72),transparent 68%)}.video-channel-cover-glow-b{width:360px;height:360px;left:-170px;bottom:-280px;background:radial-gradient(circle,rgba(49,86,232,.42),transparent 68%)}.video-channel-brandmark{position:absolute;right:0;top:28px;width:190px;opacity:.12;filter:brightness(0) invert(1)}.video-channel-brandmark img{width:100%;height:auto;display:block}.video-channel-identity{display:flex;align-items:center;gap:20px;position:relative}.video-channel-avatar{width:92px;height:92px;flex:0 0 92px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;border:4px solid rgba(255,255,255,.9);box-shadow:0 8px 28px rgba(0,0,0,.24)}.video-channel-avatar img{width:78px;height:auto;display:block}.video-channel-copy{min-width:0}.video-channel-copy h1{margin:0;font-size:30px;line-height:1.05;font-weight:900;letter-spacing:-.6px}.video-channel-handle{margin-top:5px;color:#d6d8de;font-size:13px}.video-channel-handle b{display:inline-grid;place-items:center;width:15px;height:15px;margin-left:3px;border-radius:50%;background:#2388ff;color:#fff;font-size:9px;vertical-align:-1px}.video-channel-copy p{margin:8px 0 4px;color:#c1c4cb;font-size:13px;max-width:690px}.video-channel-stats{display:flex;gap:8px;align-items:center;color:#aeb2ba;font-size:11px}.video-channel-stats i{font-style:normal;color:#6f747d}.video-channel-subscribe{margin-left:auto;align-self:center;background:#fff;color:#111;padding:11px 18px;border-radius:22px;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 5px 16px rgba(0,0,0,.16)}.video-channel-subscribe:hover{background:#f0f1f3}.video-channel-tabs-wrap{background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:20}.video-channel-tabs{display:flex;align-items:center;gap:34px;min-height:56px;overflow-x:auto;scrollbar-width:none}.video-channel-tabs::-webkit-scrollbar{display:none}.video-channel-tabs a{position:relative;height:56px;display:flex;align-items:center;justify-content:center;color:#606060;font-size:14px;font-weight:700;letter-spacing:0;white-space:nowrap;text-decoration:none;padding:0 1px}.video-channel-tabs a:hover{color:#0f0f0f}.video-channel-tabs a.is-active{color:#0f0f0f;font-weight:800}.video-channel-tabs a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#0f0f0f;border-radius:0}.video-channel-tabs a:focus-visible{outline:2px solid #1a73e8;outline-offset:-2px;border-radius:3px}@media(max-width:760px){.video-channel-tabs{gap:28px;min-height:50px}.video-channel-tabs a{height:50px;font-size:13px}}.video-channel-content{padding:34px 0 0}.video-channel-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}.video-channel-section-head h2{margin:0;font-size:23px;line-height:1.1;font-weight:900;letter-spacing:-.35px}.video-channel-section-head p{margin:6px 0 0;color:#777;font-size:12px}.video-channel-section-head>a{font-size:12px;font-weight:800;color:#555;white-space:nowrap}.video-channel-section-head>a span{color:var(--red);font-size:18px;margin-left:4px}.video-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.video-channel-card{min-width:0}.video-channel-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#e9eaec}.video-channel-thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-channel-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.28));opacity:.55;transition:opacity .2s}.video-channel-card:hover .video-channel-thumb:after{opacity:.85}.video-channel-duration{position:absolute;z-index:2;right:8px;bottom:8px;background:rgba(0,0,0,.86);color:#fff;border-radius:4px;padding:4px 6px;font-size:9px;font-weight:800;line-height:1}.video-channel-play{position:absolute;z-index:3;left:10px;bottom:9px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.96);color:var(--red);display:grid;place-items:center;font-size:10px;padding-left:1px;opacity:0;transform:scale(.9);transition:.2s}.video-channel-card:hover .video-channel-play{opacity:1;transform:scale(1)}.video-channel-card-copy{padding-top:10px}.video-channel-card-copy h3{margin:0 0 7px;font-size:15px;line-height:1.32;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-channel-card-copy h3 a{color:#171717}.video-channel-card-copy h3 a:hover{color:var(--red)}.video-channel-meta{display:flex;align-items:center;gap:5px;color:#777;font-size:10px;min-width:0}.video-channel-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-channel-meta b{width:14px;height:14px;border-radius:50%;display:inline-grid;place-items:center;background:#1684ff;color:#fff;font-size:8px;flex:0 0 14px}.video-channel-meta i{font-style:normal;color:#b4b4b4}.video-channel-pagination{display:flex;justify-content:center;gap:7px;margin-top:40px}.video-channel-pagination .page-numbers{min-width:35px;height:35px;padding:0 10px;border:1px solid #dedede;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#333;font-size:12px}.video-channel-pagination .page-numbers.current{background:var(--red);border-color:var(--red);color:#fff}.video-channel-pagination .page-numbers:hover{border-color:#bbb}
@media(max-width:1050px){.video-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-channel-brandmark{display:none}}
@media(max-width:760px){.video-channel-cover{min-height:0}.video-channel-cover-inner{padding:25px 0 24px}.video-channel-identity{align-items:flex-start;flex-wrap:wrap;gap:14px}.video-channel-avatar{width:68px;height:68px;flex-basis:68px;border-width:3px}.video-channel-avatar img{width:58px}.video-channel-copy{flex:1;min-width:220px}.video-channel-copy h1{font-size:25px}.video-channel-copy p{font-size:11px;margin-top:6px}.video-channel-stats{font-size:10px}.video-channel-subscribe{margin-left:82px;margin-top:-2px;padding:9px 15px;font-size:11px}.video-channel-tabs{gap:25px;min-height:50px}.video-channel-tabs a{height:50px;font-size:12px}.video-channel-content{padding-top:25px}.video-channel-section-head{align-items:flex-start}.video-channel-section-head h2{font-size:20px}.video-channel-section-head p{font-size:11px}.video-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.video-channel-card-copy h3{font-size:13px}.video-channel-meta{font-size:9px}.video-channel-meta b{width:12px;height:12px;font-size:7px;flex-basis:12px}}
@media(max-width:480px){.video-channel-copy{min-width:0}.video-channel-copy p{display:none}.video-channel-subscribe{margin-left:0}.video-channel-grid{grid-template-columns:1fr;gap:25px}.video-channel-thumb{border-radius:8px}.video-channel-card-copy h3{font-size:15px}.video-channel-meta{font-size:10px}}

/* V2.94 — YouTube-style video watch page. */
.bn-video-watch-page{background:#fff;padding:24px 0 70px}.bn-video-watch-wrap{max-width:1280px}.bn-video-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.bn-video-main{min-width:0}.bn-youtube-player-shell{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.16)}.bn-youtube-player{display:block;width:100%;height:100%;border:0}.bn-video-embed-error{position:absolute;inset:0;z-index:5;background:#0f0f0f;color:#fff;display:grid;place-items:center;overflow:hidden}.bn-video-embed-error[hidden]{display:none}.bn-video-fallback-thumb{position:absolute;inset:0;background-position:center;background-size:cover;filter:brightness(.28);transform:scale(1.02)}.bn-video-fallback-overlay{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:620px;padding:30px}.bn-video-fallback-overlay strong{font-size:24px;line-height:1.2}.bn-video-fallback-overlay>span{font-size:14px;color:#ddd}.bn-video-fallback-overlay a{display:inline-block;background:#fff;color:#111;text-decoration:none;font-weight:800;border-radius:24px;padding:11px 18px}.bn-bnews-brand{font-size:19px;font-weight:800}.bn-bnews-brand span{display:inline-grid;place-items:center;background:#f00;color:#fff;border-radius:6px;width:34px;height:23px;margin-right:7px;font-size:12px}.bn-video-fallback-card{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;background:rgba(0,0,0,.72);padding:18px 22px;border-radius:10px}.bn-video-fallback-card strong{font-size:18px}.bn-video-fallback-card span{font-size:12px;color:#ddd}.bn-video-fallback{position:relative;width:100%;height:100%;display:grid;place-items:center;color:#fff;background:#111}.bn-video-fallback img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.bn-video-fallback span{position:relative;z-index:2;background:rgba(0,0,0,.7);padding:10px 14px;border-radius:6px}.bn-video-watch-title-row{padding:15px 0 6px}.bn-video-watch-category{font-size:10px;font-weight:900;color:var(--red);letter-spacing:.4px}.bn-video-watch-title-row h1{font-size:23px;line-height:1.25;margin:5px 0 0;color:#0f0f0f;font-weight:800}.bn-video-watch-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #e5e5e5}.bn-video-channel-mini{display:flex;align-items:center;gap:9px;min-width:0}.bn-video-channel-avatar img{width:42px;height:42px;border-radius:50%;display:block}.bn-video-channel-mini strong{display:block;font-size:13px;color:#111}.bn-video-channel-mini small{display:block;color:#777;font-size:10px;margin-top:2px}.bn-verified{width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#1684ff;color:#fff;font-size:9px;font-weight:900}.bn-watch-action-buttons{display:flex;gap:7px;flex-wrap:wrap}.bn-watch-action-buttons button{border:0;background:#f2f2f2;color:#111;border-radius:20px;padding:9px 13px;font-size:11px;font-weight:700}.bn-watch-action-buttons button:hover{background:#e5e5e5}.bn-video-description{background:#f2f2f2;border-radius:10px;padding:13px 15px;margin-top:12px;font-size:12px;line-height:1.55;color:#222}.bn-video-description strong{font-size:11px}.bn-video-description p{margin:5px 0 0}.bn-video-article-content{font-size:16px;line-height:1.8;margin-top:18px}.bn-video-comments-head{border-top:1px solid #e5e5e5;margin-top:25px;padding-top:20px;display:flex;gap:12px;align-items:center}.bn-video-comments-head strong{font-size:18px}.bn-video-comments-head span{font-size:11px;color:#777}.bn-video-related{position:sticky;top:78px}.bn-video-related h2{font-size:18px;margin:0 0 13px}.bn-related-card{display:grid;grid-template-columns:150px 1fr;gap:10px;margin-bottom:14px;color:#111}.bn-related-thumb{position:relative;display:block;aspect-ratio:16/9;background:#eee;border-radius:7px;overflow:hidden}.bn-related-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bn-related-thumb em{position:absolute;right:5px;bottom:5px;background:rgba(0,0,0,.82);color:#fff;padding:3px 5px;border-radius:3px;font-size:7px;font-style:normal;font-weight:900}.bn-related-copy{min-width:0}.bn-related-copy b{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.28}.bn-related-copy small{display:block;color:#777;font-size:9px;line-height:1.3;margin-top:5px}.bn-related-card:hover .bn-related-copy b{color:var(--red)}
@media(max-width:1050px){.bn-video-watch-layout{grid-template-columns:minmax(0,1fr) 300px}.bn-related-card{grid-template-columns:125px 1fr}}
@media(max-width:800px){.bn-video-watch-page{padding-top:0}.bn-video-watch-layout{display:block}.bn-youtube-player-shell{border-radius:0}.bn-video-related{position:static;margin-top:28px}.bn-video-related h2{font-size:19px}.bn-video-watch-title-row{padding-left:11px;padding-right:11px}.bn-video-watch-actions{padding-left:11px;padding-right:11px;align-items:flex-start;flex-direction:column}.bn-video-description,.bn-video-article-content,.bn-video-comments-head{margin-left:11px;margin-right:11px}.bn-video-watch-title-row h1{font-size:19px}.bn-watch-action-buttons{width:100%}}
@media(max-width:480px){.bn-watch-action-buttons button{padding:8px 10px;font-size:10px}.bn-related-card{grid-template-columns:135px 1fr}.bn-related-copy b{font-size:12px}}

/* V2.97: YouTube-like video engagement and login UI. */
.bn-watch-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bn-watch-action-buttons button{display:inline-flex;align-items:center;gap:7px;border:0;background:#f2f2f2;color:#0f0f0f;border-radius:22px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s,opacity .15s}.bn-watch-action-buttons button:hover{background:#e5e5e5}.bn-watch-action-buttons button:active{transform:scale(.98)}.bn-watch-action-buttons button.is-active{background:#0f0f0f;color:#fff}.bn-watch-action-buttons button:disabled{opacity:.6;cursor:wait}.bn-action-icon{font-size:15px;line-height:1}.bn-watch-action-buttons b{font-size:11px;font-weight:800}.bn-watch-action-share.is-copied:after{content:'Tersalin';font-size:10px;margin-left:2px;color:#1684ff}.bn-video-description-top{display:flex;align-items:center;gap:12px}.bn-video-description-top span{color:#666;font-size:11px}.bn-video-comments{margin-top:28px}.bn-video-comments-head{border-top:1px solid #e5e5e5;margin-top:0;padding-top:20px;display:flex;gap:12px;align-items:center}.bn-video-comments-head strong{font-size:18px}.bn-video-comments-head span{font-size:11px;color:#777}.bn-video-comment-box{margin-top:16px}.bn-comment-login-box{border:1px solid #e5e5e5;border-radius:12px;padding:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bn-comment-login-box strong{font-size:14px}.bn-comment-login-box span{font-size:12px;color:#666;flex:1 1 280px}.bn-comment-login-box button,.bn-comment-form-actions button{border:0;border-radius:20px;background:#0f0f0f;color:#fff;padding:9px 15px;font-size:12px;font-weight:800;cursor:pointer}.bn-video-comment-form{display:grid;grid-template-columns:40px 1fr;gap:10px}.bn-video-comment-form textarea{grid-column:2;width:100%;resize:vertical;min-height:80px;border:0;border-bottom:1px solid #ccc;outline:0;font:inherit;font-size:13px;padding:8px 0}.bn-video-comment-form textarea:focus{border-bottom-color:#111}.bn-comment-avatar img{width:40px;height:40px;border-radius:50%;display:block}.bn-comment-form-actions{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.bn-comment-form-actions small{font-size:10px;color:#777}.bn-video-comment-list{margin-top:22px}.bn-video-comment-item{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:15px 0;border-bottom:1px solid #eee}.bn-comment-body strong{font-size:13px}.bn-comment-body time{font-size:10px;color:#777;margin-left:8px}.bn-comment-body p{margin:5px 0 0;font-size:13px;line-height:1.6;white-space:normal}.bn-no-comments{font-size:12px;color:#777;padding:22px 0}.bn-video-login-modal[hidden]{display:none!important}.bn-video-login-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}.bn-login-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65)}.bn-login-dialog{position:relative;z-index:2;width:min(410px,100%);background:#fff;border-radius:14px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center}.bn-login-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:25px;line-height:1;color:#666;cursor:pointer}.bn-login-brand{font-weight:900;font-size:22px;letter-spacing:-1px;margin-bottom:18px}.bn-login-dialog h3{font-size:20px;margin:0 0 6px}.bn-login-dialog>p{font-size:12px;color:#666;margin:0 0 18px}.bn-social-login{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:24px;padding:11px 15px;margin:9px 0;color:#111;background:#fff;font-size:13px;font-weight:800;text-decoration:none}.bn-social-login:hover{background:#f5f5f5;color:#111}.bn-social-login span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-weight:900}.bn-social-google span{color:#4285f4;font-family:Arial,sans-serif}.bn-social-facebook span{background:#1877f2;color:#fff;font-family:Arial,sans-serif}.bn-login-unconfigured{background:#fff7e6;border:1px solid #f2d69b;color:#7a5200;border-radius:10px;padding:12px;font-size:11px;line-height:1.5}.bn-login-dialog>small{display:block;margin-top:15px;color:#888;font-size:9px;line-height:1.5}.bn-login-open{cursor:pointer}html.bn-login-open{overflow:hidden}
@media(max-width:800px){.bn-watch-action-buttons{width:100%;gap:6px}.bn-watch-action-buttons button{flex:1 1 auto;justify-content:center;padding:9px 10px}.bn-video-comment-form{grid-template-columns:34px 1fr}.bn-comment-avatar img{width:34px;height:34px}.bn-video-comment-form textarea,.bn-comment-form-actions{grid-column:2}.bn-comment-login-box{display:block}.bn-comment-login-box span{display:block;margin:6px 0 12px}.bn-comment-login-box button{width:100%}}
/* V2.98: Guest video engagement — login is not required. */
.bn-video-comment-box{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start}
.bn-comment-guest-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-weight:800;font-size:14px}
.bn-video-comment-form{display:grid;grid-template-columns:1fr;gap:8px;min-width:0}
.bn-video-comment-form input[name="author"]{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #ddd;outline:0;font:inherit;font-size:12px;padding:7px 0;background:transparent}
.bn-video-comment-form input[name="author"]:focus{border-bottom-color:#111}
.bn-video-comment-form textarea{grid-column:auto}
.bn-video-comment-form .bn-comment-form-actions{grid-column:auto}
@media(max-width:800px){.bn-video-comment-box{grid-template-columns:34px minmax(0,1fr);margin-left:11px;margin-right:11px}.bn-comment-guest-avatar{width:34px;height:34px}.bn-video-comment-form{grid-column:2;grid-template-columns:1fr}.bn-video-comment-form textarea,.bn-comment-form-actions{grid-column:auto}}

/* V2.99 — Dedicated Video Post template metadata/source UI. */
.bn-video-description-text{margin-top:6px}.bn-video-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ddd;margin-top:12px;padding-top:10px;font-size:11px;color:#666}.bn-video-source-row a{display:inline-flex;align-items:center;gap:5px;color:#0f0f0f;background:#fff;border:1px solid #d8d8d8;border-radius:18px;padding:7px 11px;font-weight:800;text-decoration:none}.bn-video-source-row a:hover{background:#e9e9e9;color:#000}.bn-video-description-top span+span{padding-left:12px;border-left:1px solid #d0d0d0}
@media(max-width:800px){.bn-video-source-row{align-items:flex-start;flex-direction:column}.bn-video-source-row a{width:100%;justify-content:center}.bn-video-description-top{flex-wrap:wrap}}

/* V3.02: Video Story heading icon. */
.video-story-section-head{align-items:center}
.video-story-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.video-story-title-wrap .section-title{padding-left:0}
.video-story-title-wrap .section-title:before{display:none}
.video-story-title-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:7px;background:var(--red);color:#fff;box-shadow:0 3px 8px rgba(229,27,35,.16)}
.video-story-title-icon svg{width:16px;height:16px;display:block}
@media(max-width:600px){.video-story-title-icon{width:28px;height:28px;flex-basis:28px;border-radius:6px}.video-story-title-icon svg{width:15px;height:15px}.video-story-title-wrap{gap:8px}}

/* V3.03 — Photo Story & Audio / Podcast refresh */
.media-section{padding-top:18px}.media-two-grid{align-items:stretch}.media-panel{padding:18px 18px 20px;min-height:310px}.media-panel-head{margin-bottom:14px;align-items:center}.media-title{display:flex;align-items:center;gap:9px;min-width:0}.media-title h3{font-size:19px;letter-spacing:-.25px}.media-title-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;background:#e51b23;color:#fff}.media-title-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.media-panel-head>a{font-size:12px;white-space:nowrap}.media-panel-head>a span{font-size:14px;margin-left:2px}.photo-story-grid{grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto;gap:12px}.photo-card{display:block;min-width:0}.photo-card-media{position:relative;overflow:hidden;border-radius:10px;background:#eee;aspect-ratio:16/9}.photo-card-featured{grid-row:span 2}.photo-card-featured .photo-card-media{height:100%;min-height:205px;aspect-ratio:auto}.photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.photo-card:hover img{transform:scale(1.035)}.photo-card strong{font-size:12px;line-height:1.28;margin-top:7px}.photo-card small{display:block;color:#999;font-size:9px;margin-top:4px}.photo-story-badge{position:absolute;left:9px;bottom:9px;background:rgba(0,0,0,.72);color:#fff;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:900;letter-spacing:.3px}.podcast-list{display:grid;gap:11px}.podcast-item{display:grid;grid-template-columns:150px 1fr;gap:13px;align-items:center;padding:0 0 11px;border-bottom:1px solid var(--line)}.podcast-item:last-child{border-bottom:0;padding-bottom:0}.podcast-thumb{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#eee}.podcast-thumb img{width:100%;height:100%;object-fit:cover}.podcast-play{position:absolute;left:8px;bottom:8px;width:27px;height:27px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;font-size:10px}.podcast-copy{min-width:0}.podcast-kicker{display:block;color:var(--red);font-size:8px;font-weight:900;letter-spacing:.35px;margin-bottom:3px}.podcast-copy strong{display:block;font-size:13px;line-height:1.28}.podcast-copy small{display:block;color:#999;font-size:9px;margin-top:5px}.podcast-empty{min-height:220px;display:flex;align-items:center;gap:18px;border:1px dashed #ddd;border-radius:12px;padding:22px;background:linear-gradient(135deg,#fff,#fafafa)}.podcast-art{width:82px;height:82px;border-radius:18px;background:#111;color:#fff;display:grid;place-items:center;flex:0 0 auto;font-size:36px;font-weight:900}.podcast-empty strong{font-size:17px}.podcast-empty p{font-size:11px;color:#888;line-height:1.5;margin:6px 0 10px;max-width:330px}.podcast-status{display:inline-block;background:#f3f3f3;color:#777;border-radius:12px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.4px}.media-empty{grid-column:1/-1;min-height:210px;display:grid;place-items:center;text-align:center;border:1px dashed #ddd;border-radius:12px;color:#888}.media-empty-icon{font-size:26px;color:var(--red)}.media-empty strong{font-size:14px;color:#333}.media-empty p{font-size:10px;margin:3px 0 0}@media(max-width:900px){.photo-story-grid{grid-template-columns:1fr 1fr}.photo-card-featured{grid-row:auto}.photo-card-featured .photo-card-media{min-height:0;aspect-ratio:16/9}.podcast-item{grid-template-columns:130px 1fr}}@media(max-width:680px){.media-panel{min-height:0}.photo-story-grid{grid-template-columns:1fr 1fr}.photo-card-featured{grid-column:1/-1}.podcast-empty{min-height:170px}.podcast-art{width:65px;height:65px;font-size:29px}.podcast-item{grid-template-columns:110px 1fr}.podcast-copy strong{font-size:12px}}

/* V3.04 — Photo Story Pinterest-style + Audio Podcast Spotify-style */
.media-two-grid{align-items:stretch}
.photo-story-panel{background:#fff}
.photo-story-masonry{column-count:3;column-gap:12px;margin-top:2px}
.photo-pin{display:block;break-inside:avoid;margin:0 0 14px;color:inherit;text-decoration:none}
.photo-pin-media{position:relative;overflow:hidden;border-radius:15px;background:#eee;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.photo-pin-media img{display:block;width:100%;height:auto;min-height:120px;object-fit:cover;transition:transform .28s ease,filter .28s ease}
.photo-pin:hover .photo-pin-media img{transform:scale(1.025);filter:brightness(.88)}
.photo-pin-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55));opacity:0;transition:opacity .2s ease}
.photo-pin:hover .photo-pin-overlay{opacity:1}
.photo-pin-save{position:absolute;right:10px;top:10px;border:0;border-radius:20px;background:#e51b23;color:#fff;padding:8px 13px;font-size:10px;font-weight:900;cursor:pointer;opacity:0;transform:translateY(-4px);transition:.2s ease}
.photo-pin:hover .photo-pin-save{opacity:1;transform:none}
.photo-pin-badge{position:absolute;left:10px;bottom:10px;color:#fff;background:rgba(0,0,0,.65);padding:5px 8px;border-radius:8px;font-size:8px;font-weight:900;letter-spacing:.35px;opacity:0;transition:.2s ease}
.photo-pin:hover .photo-pin-badge{opacity:1}
.photo-pin strong{display:block;font-size:12px;line-height:1.3;margin:7px 2px 0;font-weight:800}
.photo-pin small{display:block;color:#999;font-size:9px;margin:4px 2px 0}
.photo-pin-1 .photo-pin-media img{aspect-ratio:4/5;object-fit:cover}
.photo-pin-2 .photo-pin-media img{aspect-ratio:1/1;object-fit:cover}
.photo-pin-3 .photo-pin-media img{aspect-ratio:3/4;object-fit:cover}
.photo-pin-4 .photo-pin-media img{aspect-ratio:4/5;object-fit:cover}
.photo-pin-5 .photo-pin-media img{aspect-ratio:1/1;object-fit:cover}
.podcast-panel{background:#121212;color:#fff;border-color:#242424}
.podcast-panel .media-panel-head{border-bottom:1px solid #292929;padding-bottom:13px}
.podcast-panel .media-title h3{color:#fff}
.podcast-panel .media-title-icon{background:#1db954;color:#fff}
.podcast-panel .media-panel-head>a{color:#1ed760}
.spotify-show-head{display:grid;grid-template-columns:94px 1fr;gap:15px;align-items:center;padding:4px 0 16px}
.spotify-show-art{width:94px;height:94px;border-radius:8px;background:linear-gradient(145deg,#1db954,#087f39);display:grid;place-items:center;color:#fff;font-size:28px;font-weight:1000;letter-spacing:-2px;box-shadow:0 7px 20px rgba(0,0,0,.25)}
.spotify-show-copy{min-width:0}
.spotify-overline{display:block;color:#aaa;font-size:8px;font-weight:900;letter-spacing:1px;margin-bottom:3px}
.spotify-show-copy>strong,.spotify-empty strong{display:block;font-size:18px;line-height:1.15;color:#fff}
.spotify-show-copy p,.spotify-empty p{margin:5px 0 9px;color:#a7a7a7;font-size:10px;line-height:1.45}
.spotify-follow{border:1px solid #777;background:transparent;color:#fff;border-radius:18px;padding:6px 13px;font-size:9px;font-weight:900}
.spotify-episode-list{border-top:1px solid #292929}
.spotify-episode{display:grid;grid-template-columns:20px 28px minmax(0,1fr) 25px;gap:7px;align-items:center;padding:10px 2px;border-bottom:1px solid #242424;color:#fff;text-decoration:none;border-radius:6px}
.spotify-episode:hover{background:#1b1b1b}
.spotify-episode-number{font-size:10px;color:#777;text-align:center}
.spotify-episode-play{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#1db954;color:#fff;font-size:9px;opacity:.95}
.spotify-episode-copy{min-width:0}
.spotify-episode-copy strong{display:block;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spotify-episode-copy small{display:block;color:#8f8f8f;font-size:8px;margin-top:3px}
.spotify-episode-more{color:#888;font-size:11px;letter-spacing:1px;text-align:center}
.spotify-empty{min-height:215px;display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center}
.spotify-empty .spotify-show-art{width:90px;height:90px}
.spotify-empty .podcast-status{background:#292929;color:#aaa}
@media(max-width:900px){.photo-story-masonry{column-count:2}.spotify-show-head{grid-template-columns:80px 1fr}.spotify-show-art{width:80px;height:80px}}
@media(max-width:680px){.photo-story-masonry{column-count:2;column-gap:9px}.photo-pin{margin-bottom:10px}.photo-pin strong{font-size:11px}.photo-pin-save{opacity:1;transform:none;padding:6px 10px}.spotify-show-head{grid-template-columns:72px 1fr;gap:12px}.spotify-show-art{width:72px;height:72px;font-size:22px}.spotify-show-copy>strong,.spotify-empty strong{font-size:16px}.spotify-episode{grid-template-columns:18px 26px minmax(0,1fr) 20px}}

.bnm-media-admin-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px}.bnm-podcast-single,.bnm-galery-single{padding:34px 0 70px}.bnm-podcast-single-head{display:flex;gap:22px;align-items:center;margin-bottom:24px}.bnm-podcast-cover{width:140px;height:140px;border-radius:10px;background:#121212;color:#fff;display:grid;place-items:center;font-weight:800;font-size:34px}.bnm-podcast-player{width:100%;margin:10px 0 28px}.bnm-podcast-description,.bnm-galery-description{max-width:850px;font-size:17px;line-height:1.75}.bnm-galery-masonry{columns:3 260px;column-gap:18px;margin:28px 0}.bnm-galery-masonry img{width:100%;display:block;margin:0 0 18px;border-radius:12px;break-inside:avoid}.bnm-galery-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:#666;margin:12px 0 24px;font-size:14px}@media(max-width:700px){.bnm-podcast-single-head{align-items:flex-start}.bnm-podcast-cover{width:100px;height:100px}.bnm-galery-masonry{columns:2 160px}}


/* V3.10 — Dedicated Photo Story detail / editorial Pinterest gallery */
.bn-photo-story-detail{background:#fff;padding:22px 0 80px}.bn-photo-story-wrap{max-width:1240px}.bn-photo-story-breadcrumb{display:flex;gap:9px;align-items:center;color:#8a8a8a;font-size:10px;font-weight:800;letter-spacing:.5px;margin:0 0 18px;text-transform:uppercase}.bn-photo-story-breadcrumb span:first-child{color:var(--red)}.bn-photo-story-breadcrumb i{font-style:normal;color:#c5c5c5}.bn-photo-story-header{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:24px}.bn-photo-story-head-copy{max-width:820px}.bn-photo-story-kicker{display:inline-block;color:var(--red);font-size:10px;font-weight:900;letter-spacing:1.1px;margin-bottom:7px}.bn-photo-story-head-copy h1{font-size:46px;line-height:1.06;letter-spacing:-1.4px;margin:0;color:#111;max-width:850px}.bn-photo-story-subtitle{font-size:16px;line-height:1.55;color:#666;margin:12px 0 0;max-width:760px}.bn-photo-story-head-meta{display:flex;align-items:center;gap:18px;flex:0 0 auto}.bn-photo-story-author{display:flex;align-items:center;gap:9px}.bn-photo-story-avatar img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover}.bn-photo-story-author strong{display:block;font-size:12px;color:#111}.bn-photo-story-author small{display:block;color:#888;font-size:10px;margin-top:3px}.bn-photo-story-share{border:1px solid #ddd;background:#fff;color:#111;border-radius:22px;padding:9px 15px;font-size:11px;font-weight:800;cursor:pointer}.bn-photo-story-share:hover{background:#f5f5f5}.bn-photo-story-hero{margin:0 0 24px;border-radius:18px;overflow:hidden;background:#eee}.bn-photo-story-hero img{display:block;width:100%;height:auto;max-height:700px;object-fit:cover}.bn-photo-story-gallery{column-count:3;column-gap:16px;margin:0}.bn-photo-story-photo{break-inside:avoid;margin:0 0 16px;position:relative}.bn-photo-story-lightbox-trigger{display:block;border:0;padding:0;width:100%;background:transparent;cursor:zoom-in;position:relative;border-radius:14px;overflow:hidden}.bn-photo-story-lightbox-trigger img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .3s ease,filter .3s ease}.bn-photo-story-lightbox-trigger:hover img{transform:scale(1.018);filter:brightness(.92)}.bn-photo-story-zoom{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.68);color:#fff;font-size:18px;opacity:0;transition:.2s}.bn-photo-story-lightbox-trigger:hover .bn-photo-story-zoom{opacity:1}.bn-photo-story-photo figcaption{font-size:10px;color:#777;line-height:1.45;margin:7px 3px 0}.bn-photo-story-info-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:55px;border-top:1px solid #e7e7e7;margin-top:28px;padding-top:28px}.bn-photo-story-facts{display:grid;gap:18px;align-content:start}.bn-photo-story-facts div{padding-bottom:16px;border-bottom:1px solid #eee}.bn-photo-story-facts small{display:block;color:#999;font-size:8px;letter-spacing:1px;font-weight:900;margin-bottom:5px}.bn-photo-story-facts strong{display:block;color:#111;font-size:13px;line-height:1.35}.bn-photo-story-description{max-width:780px;font-size:16px;line-height:1.8;color:#333}.bn-photo-story-description .bn-photo-story-kicker{margin-bottom:3px}.bn-photo-story-description p{margin:0 0 12px}.bn-photo-story-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.94);display:grid;place-items:center;padding:40px}.bn-photo-story-lightbox[hidden]{display:none}.bn-photo-story-lightbox img{max-width:94vw;max-height:90vh;width:auto;height:auto;object-fit:contain}.bn-photo-story-lightbox-close{position:absolute;right:22px;top:15px;border:0;background:rgba(255,255,255,.12);color:#fff;width:42px;height:42px;border-radius:50%;font-size:30px;cursor:pointer}.bn-photo-lightbox-open{overflow:hidden}
@media(max-width:900px){.bn-photo-story-head-copy h1{font-size:38px}.bn-photo-story-header{align-items:flex-start}.bn-photo-story-head-meta{flex-direction:column;align-items:flex-end;gap:10px}.bn-photo-story-gallery{column-count:2}.bn-photo-story-info-grid{grid-template-columns:220px minmax(0,1fr);gap:28px}}
@media(max-width:650px){.bn-photo-story-detail{padding-top:12px}.bn-photo-story-header{display:block}.bn-photo-story-head-copy h1{font-size:30px;letter-spacing:-.7px}.bn-photo-story-subtitle{font-size:14px}.bn-photo-story-head-meta{margin-top:15px;flex-direction:row;justify-content:space-between;align-items:center}.bn-photo-story-hero{border-radius:0;margin-left:-11px;margin-right:-11px}.bn-photo-story-gallery{column-count:2;column-gap:9px}.bn-photo-story-photo{margin-bottom:9px}.bn-photo-story-lightbox-trigger{border-radius:9px}.bn-photo-story-zoom{display:none}.bn-photo-story-info-grid{display:block;margin-top:20px;padding-top:22px}.bn-photo-story-facts{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.bn-photo-story-facts div{padding-bottom:10px}.bn-photo-story-description{font-size:14px;line-height:1.7}.bn-photo-story-lightbox{padding:15px}.bn-photo-story-lightbox-close{right:12px;top:10px}}

/* V3.11 — Kumparan-inspired Photo Story viewer */
.bn-photo-story-detail{background:#fff;padding:18px 0 70px}
.bn-photo-story-wrap{max-width:1380px}
.bn-photo-story-breadcrumb{margin-bottom:14px;color:#8a8a8a;font-size:11px;text-transform:none;letter-spacing:0;font-weight:600}
.bn-photo-story-breadcrumb span:first-child{color:#e31b23}
.bn-photo-story-viewer{display:grid;grid-template-columns:minmax(0,1fr) 275px 275px;gap:16px;align-items:start}
.bn-photo-story-stage{min-width:0}
.bn-photo-story-hero{position:relative;margin:0;background:#111;border-radius:8px;overflow:hidden;aspect-ratio:16/9;max-height:none}
.bn-photo-story-hero img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;transition:opacity .18s ease}
@media(max-width:600px){.bn-photo-story-detail{padding-top:10px}.bn-photo-story-breadcrumb{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-photo-story-hero{border-radius:0;margin-left:-11px;margin-right:-11px}.bn-photo-story-title-block h1{font-size:28px;letter-spacing:-.7px}.bn-photo-story-title-block .bn-photo-story-subtitle{font-size:13px}.bn-photo-story-head-meta{display:block}.bn-photo-story-actions{margin-top:11px}.bn-photo-story-action{padding:7px 10px}.bn-photo-story-nav{width:35px;height:35px;font-size:29px}.bn-photo-story-counter{left:10px;bottom:10px}.bn-photo-story-fullscreen{right:10px;bottom:10px}.bn-photo-story-list-head strong{font-size:15px}.bn-photo-story-thumb{flex-basis:220px}.bn-photo-story-side{display:block}.bn-photo-story-side-story{margin-top:22px}.bn-photo-story-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bn-photo-story-related-card span{font-size:10px}}

/* V3.11: Photo Story engagement + comments */
.bn-gallery-actions{flex-wrap:wrap}
.bn-gallery-reaction.is-active{background:#111;color:#fff;border-color:#111}
.bn-gallery-reaction b,.bn-photo-story-action b{font-weight:900;margin-left:2px}
.bn-gallery-reaction:disabled{opacity:.6;cursor:wait}
.bn-photo-story-comments{margin-top:38px;border-top:1px solid #e5e5e5;padding-top:22px;max-width:920px}
.bn-photo-story-comments-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}
.bn-photo-story-comments-head h2{font-size:22px;margin:0 0 3px;color:#111}
.bn-photo-story-comments-head span{font-size:11px;color:#888}
.bn-gallery-comment-form{border:1px solid #e2e2e2;border-radius:8px;padding:14px;background:#fafafa;margin-bottom:20px}
.bn-gallery-comment-form input,.bn-gallery-comment-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;background:#fff;padding:10px 11px;font:inherit;font-size:13px;margin-bottom:9px;outline:none}
.bn-gallery-comment-form input:focus,.bn-gallery-comment-form textarea:focus{border-color:#111}
.bn-gallery-comment-form textarea{resize:vertical;min-height:82px}
.bn-gallery-comment-form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.bn-gallery-comment-form-actions small{font-size:10px;color:#888}
.bn-gallery-comment-form-actions button{border:0;border-radius:6px;background:#e31b23;color:#fff;padding:9px 15px;font-size:11px;font-weight:800;cursor:pointer}
.bn-gallery-comment-form-actions button:disabled{opacity:.6;cursor:wait}
.bn-gallery-comment-list{display:grid;gap:12px}
.bn-gallery-comment-item{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #eee}
.bn-gallery-comment-avatar{flex:0 0 40px}.bn-gallery-comment-avatar img{width:40px;height:40px;border-radius:50%;display:block}
.bn-gallery-comment-item strong{font-size:12px;color:#111}.bn-gallery-comment-item time{font-size:9px;color:#999;margin-left:7px}.bn-gallery-comment-item p{font-size:12px;line-height:1.6;color:#444;margin:5px 0 0}
.bn-gallery-no-comments{padding:18px;text-align:center;color:#888;font-size:12px;background:#fafafa;border-radius:7px}
@media(max-width:600px){.bn-gallery-actions{gap:6px}.bn-gallery-actions .bn-photo-story-action{font-size:10px;padding:7px 9px}.bn-photo-story-comments{margin-top:28px}.bn-gallery-comment-form-actions{display:block}.bn-gallery-comment-form-actions button{margin-top:10px;width:100%}}

/* V3.19 — Photo Story layout repair */
.bn-photo-story-detail{background:#fff;color:#111;padding:18px 0 70px}
.bn-photo-story-wrap{max-width:1380px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.bn-photo-story-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#8b8b8b;font-size:11px;line-height:1.4;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-photo-story-breadcrumb span:first-child{color:#e31b23;font-weight:800}
.bn-photo-story-breadcrumb i{font-style:normal;color:#c8c8c8}
.bn-photo-story-viewer{display:grid;grid-template-columns:minmax(0,1fr) 275px 275px;gap:18px;align-items:start}
.bn-photo-story-stage{min-width:0}
.bn-photo-story-hero{position:relative;width:100%;aspect-ratio:16/9;margin:0;background:#111;border-radius:10px;overflow:hidden}
.bn-photo-story-hero img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s ease}
.bn-photo-story-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2}
.bn-photo-story-nav:hover{background:rgba(0,0,0,.8)}
.bn-photo-story-prev{left:14px}.bn-photo-story-next{right:14px}
.bn-photo-story-counter{position:absolute;left:14px;bottom:14px;padding:6px 10px;border-radius:6px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;font-weight:700;z-index:2}
.bn-photo-story-counter strong{font-weight:900}
.bn-photo-story-fullscreen{position:absolute;right:14px;bottom:14px;width:34px;height:34px;border:0;border-radius:6px;background:rgba(0,0,0,.65);color:#fff;font-size:18px;cursor:pointer;z-index:2}
.bn-photo-story-title-block{padding:18px 2px 0}
.bn-photo-story-title-block h1{font-size:36px;line-height:1.1;letter-spacing:-.7px;margin:0 0 8px;color:#111}
.bn-photo-story-kicker{display:inline-block;color:#e31b23;font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:7px}
.bn-photo-story-subtitle{font-size:15px;line-height:1.55;color:#666;margin:0 0 13px}
.bn-photo-story-head-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:8px}
.bn-photo-story-author{display:flex;align-items:center;gap:9px;min-width:0}
.bn-photo-story-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
.bn-photo-story-author strong{display:block;font-size:12px;line-height:1.3}.bn-photo-story-author small{display:block;color:#888;font-size:10px;margin-top:3px}
.bn-photo-story-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.bn-photo-story-action{border:1px solid #ddd;background:#fff;color:#222;border-radius:20px;padding:8px 12px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.bn-photo-story-action:hover{border-color:#aaa;background:#f7f7f7}.bn-gallery-reaction.is-active{background:#111;color:#fff;border-color:#111}
.bn-photo-story-caption{margin-top:13px;padding:10px 12px;border-left:3px solid #111;background:#f7f7f7;color:#555;font-size:11px;line-height:1.55}
.bn-photo-story-list,.bn-photo-story-side{min-width:0}
.bn-photo-story-list{border:1px solid #e5e5e5;border-radius:10px;background:#fff;overflow:hidden;max-height:760px}
.bn-photo-story-list-head{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-bottom:1px solid #eee;background:#fafafa}
.bn-photo-story-list-head strong{font-size:14px}.bn-photo-story-list-head span{font-size:10px;color:#888}
.bn-photo-story-thumbs{display:grid;gap:0;max-height:700px;overflow:auto}
.bn-photo-story-thumb{display:grid;grid-template-columns:28px 82px minmax(0,1fr);gap:9px;align-items:center;width:100%;padding:9px;border:0;border-bottom:1px solid #eee;background:#fff;text-align:left;cursor:pointer}
.bn-photo-story-thumb:hover{background:#fafafa}.bn-photo-story-thumb.is-active{background:#f5f5f5;box-shadow:inset 3px 0 0 #e31b23}
.bn-photo-story-thumb-num{font-size:10px;font-weight:900;color:#aaa;text-align:center}.bn-photo-story-thumb img{width:82px;height:58px;display:block;object-fit:cover;border-radius:5px}
.bn-photo-story-thumb-copy{font-size:10px;line-height:1.4;color:#444;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bn-photo-story-side-card{border:1px solid #e5e5e5;border-radius:10px;padding:16px;background:#fff}.bn-photo-story-side-card h2{font-size:15px;margin:0 0 14px}
.bn-photo-story-side-row{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;padding:11px 0;border-top:1px solid #eee}.bn-photo-story-side-row:first-of-type{border-top:0}.bn-photo-story-side-row>span{font-size:15px;color:#777}.bn-photo-story-side-row small{display:block;color:#999;font-size:9px;margin-bottom:3px}.bn-photo-story-side-row strong{display:block;font-size:11px;line-height:1.45;color:#222}
.bn-photo-story-side-story{margin-top:18px;padding-top:18px;border-top:1px solid #e5e5e5}.bn-photo-story-side-story p{font-size:12px;line-height:1.7;color:#444;margin:0 0 10px}
.bn-photo-story-comments{max-width:900px;margin:40px 0 0;border-top:1px solid #e5e5e5;padding-top:24px}
.bn-photo-story-comments-head h2{font-size:22px;margin:0 0 4px}.bn-photo-story-comments-head span{font-size:11px;color:#888}
.bn-gallery-comment-form{margin:16px 0 20px;border:1px solid #e2e2e2;border-radius:9px;padding:14px;background:#fafafa}.bn-gallery-comment-form input,.bn-gallery-comment-form textarea{font-family:inherit}
.bn-photo-story-related{margin-top:48px;padding-top:26px;border-top:1px solid #e5e5e5}.bn-photo-story-related-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bn-photo-story-related-head h2{font-size:22px;margin:0}.bn-photo-story-related-head a{font-size:11px;font-weight:800;color:#111;text-decoration:none}.bn-photo-story-related-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.bn-photo-story-related-card{display:block;color:#111;text-decoration:none}.bn-photo-story-related-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:#eee}.bn-photo-story-related-card span{display:block;font-size:12px;line-height:1.4;font-weight:800;margin-top:8px}
@media(max-width:1100px){.bn-photo-story-viewer{grid-template-columns:minmax(0,1fr) 250px}.bn-photo-story-side{grid-column:1/-1}.bn-photo-story-side-card{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bn-photo-story-side-card h2{grid-column:1/-1;margin-bottom:0}.bn-photo-story-side-row{border-top:0;border-left:1px solid #eee;padding:8px 10px}.bn-photo-story-side-row:first-of-type{border-left:0}}
@media(max-width:800px){.bn-photo-story-wrap{padding:0 14px}.bn-photo-story-viewer{display:block}.bn-photo-story-list{margin-top:16px;max-height:none}.bn-photo-story-thumbs{display:flex;overflow-x:auto;max-height:none}.bn-photo-story-thumb{flex:0 0 250px;border-right:1px solid #eee;border-bottom:0}.bn-photo-story-side{margin-top:18px}.bn-photo-story-side-card{display:block}.bn-photo-story-side-row{border-top:1px solid #eee;border-left:0}.bn-photo-story-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.bn-photo-story-detail{padding-top:10px}.bn-photo-story-wrap{padding:0 11px}.bn-photo-story-breadcrumb{font-size:9px}.bn-photo-story-hero{border-radius:0;margin-left:-11px;margin-right:-11px;width:calc(100% + 22px)}.bn-photo-story-nav{width:35px;height:35px;font-size:28px}.bn-photo-story-prev{left:9px}.bn-photo-story-next{right:9px}.bn-photo-story-counter{left:9px;bottom:9px}.bn-photo-story-fullscreen{right:9px;bottom:9px}.bn-photo-story-title-block{padding-top:15px}.bn-photo-story-title-block h1{font-size:28px}.bn-photo-story-head-meta{display:block}.bn-photo-story-actions{margin-top:11px}.bn-photo-story-action{padding:7px 9px;font-size:10px}.bn-photo-story-caption{font-size:10px}.bn-photo-story-thumb{flex-basis:220px;grid-template-columns:24px 75px minmax(0,1fr)}.bn-photo-story-thumb img{width:75px;height:53px}.bn-photo-story-side-card{padding:13px}.bn-photo-story-comments{margin-top:30px}.bn-photo-story-related{margin-top:36px}.bn-photo-story-related-head h2{font-size:19px}.bn-photo-story-related-card span{font-size:10px}}

/* V3.24 — Universal 3-point watermark: subtle lines + INSPIRASI INFORMASI PUBLIK tagline. */
.bn-universal-watermark-host{position:relative!important;overflow:hidden}
.bn-universal-watermark{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden}
.bn-universal-watermark::before,
.bn-universal-watermark::after{content:"";position:absolute;inset:-25%;pointer-events:none}
.bn-universal-watermark::before{
  background:repeating-linear-gradient(135deg,transparent 0,transparent 118px,rgba(255,255,255,.045) 119px,rgba(255,255,255,.045) 120px,transparent 121px);
  opacity:.35
}
.bn-universal-watermark::after{
  background:repeating-linear-gradient(45deg,transparent 0,transparent 118px,rgba(255,255,255,.028) 119px,rgba(255,255,255,.028) 120px,transparent 121px);
  opacity:.25
}
.bn-universal-watermark-mark{position:absolute;color:rgba(255,255,255,.28);font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;letter-spacing:-.35px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.18);white-space:nowrap}
.bn-universal-watermark-mark small{display:block;font-size:4px;letter-spacing:1.0px;text-align:center;margin-top:2px;font-weight:700}
.bn-universal-watermark-mark.m1{top:9%;left:6%}
.bn-universal-watermark-mark.m2{top:48%;left:50%;transform:translate(-50%,-50%)}
.bn-universal-watermark-mark.m3{right:6%;bottom:9%}
@media(max-width:600px){
 .bn-universal-watermark-mark{font-size:9px;letter-spacing:-.2px}
 .bn-universal-watermark-mark small{font-size:3.2px;letter-spacing:1.1px;margin-top:1px}
 .bn-universal-watermark-mark.m1{top:8%;left:5%}.bn-universal-watermark-mark.m3{right:5%;bottom:8%}
}

/* V3.27 — Kumparan-inspired account login page. Clean, centered, responsive. */
.bnm-login-body{margin:0!important;background:#f7f7f8;color:#171717;font-family:inherit}
.bnm-login-body #wpadminbar{display:none!important}
.bnm-login-body .site-header,.bnm-login-body .site-footer{display:none!important}
.bnm-login-page{min-height:100vh;display:flex;flex-direction:column;background:#f7f7f8}
.bnm-login-topbar{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box}
.bnm-login-top-logo{display:inline-flex;align-items:center}
.bnm-login-top-logo img{display:block;width:190px;height:auto}
.bnm-login-back{font-size:13px;font-weight:700;color:#555;text-decoration:none;padding:9px 0}
.bnm-login-back:hover{color:#d71927}
.bnm-login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:26px 20px 48px;box-sizing:border-box}
.bnm-login-card{width:100%;max-width:430px;background:#fff;border:1px solid #e5e5e7;border-radius:18px;padding:34px 36px 30px;box-shadow:0 14px 45px rgba(0,0,0,.065);box-sizing:border-box}
.bnm-login-heading{text-align:center}
.bnm-login-eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#d71927;margin-bottom:9px}
.bnm-login-card h1{margin:0;font-size:27px;line-height:1.22;letter-spacing:-.035em;color:#161616}
.bnm-login-intro{margin:10px 0 25px;color:#737373;font-size:13px;line-height:1.65}
.bnm-login-alert{display:flex;align-items:center;gap:9px;margin:0 0 17px;padding:11px 12px;border:1px solid #f0c8cc;background:#fff5f6;color:#ad1d29;border-radius:9px;font-size:12px;line-height:1.45}
.bnm-login-alert-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;border-radius:50%;background:#d71927;color:#fff;font-size:11px;font-weight:800}
.bnm-login-form{display:flex;flex-direction:column;gap:17px}
.bnm-login-field label,.bnm-login-label-row label{display:block;font-size:12px;font-weight:750;color:#262626;margin-bottom:7px}
.bnm-login-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bnm-login-label-row a{font-size:11px;color:#d71927;text-decoration:none;font-weight:750}
.bnm-login-label-row a:hover,.bnm-login-register a:hover{color:#b91521;text-decoration:underline}
.bnm-login-input-wrap{position:relative}
.bnm-login-field input{width:100%;height:48px;border:1px solid #d8d9dc;border-radius:9px;background:#fff;padding:0 13px 0 39px;font-size:13px;color:#171717;outline:none;box-sizing:border-box;transition:border-color .18s,box-shadow .18s,background .18s}
.bnm-login-field input::placeholder{color:#a3a3a3}
.bnm-login-field input:focus{border-color:#a9a9ad;box-shadow:0 0 0 3px rgba(215,25,39,.07);background:#fff}
.bnm-login-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;text-align:center;color:#8a8a8a;font-size:13px;font-weight:800;pointer-events:none;z-index:1}
.bnm-login-password-wrap input{padding-right:82px}
.bnm-login-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#666;font-size:11px;font-weight:750;cursor:pointer;padding:7px 5px}
.bnm-login-password-toggle:hover{color:#d71927}
.bnm-login-check{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;cursor:pointer;margin-top:-1px}
.bnm-login-check input{width:15px;height:15px;margin:0;accent-color:#d71927}
.bnm-login-primary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:9px;background:#d71927;color:#fff!important;text-decoration:none;border:1px solid #d71927;font-size:13px;font-weight:800;cursor:pointer;box-sizing:border-box;transition:background .15s,transform .15s,box-shadow .15s}
.bnm-login-primary:hover{background:#bd1521;transform:translateY(-1px);box-shadow:0 7px 18px rgba(215,25,39,.16)}
.bnm-login-submit{width:100%;font-family:inherit;margin-top:1px}
.bnm-login-socials{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}
.bnm-login-social{min-height:46px;border:1px solid #dedee1;border-radius:9px;background:#fff;color:#222;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}
.bnm-login-social:hover{background:#fafafa;border-color:#c9c9cc;color:#111;transform:translateY(-1px)}
.bnm-social-google,.bnm-social-facebook{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;line-height:1}
.bnm-social-google{font-family:Arial,sans-serif;color:#4285f4}
.bnm-social-facebook{font-family:Arial,sans-serif;color:#1877f2}
.bnm-login-divider{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#aaa;font-size:11px}
.bnm-login-divider:before,.bnm-login-divider:after{content:"";height:1px;background:#ececee;flex:1}
.bnm-login-register{text-align:center;margin:22px 0 0;font-size:12px;color:#747474}
.bnm-login-register a{color:#d71927;font-weight:800;text-decoration:none}
.bnm-login-legal{text-align:center;margin:16px 0 0;font-size:10px;line-height:1.55;color:#aaa}
.bnm-login-account-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:23px}
.bnm-login-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #ddd;border-radius:9px;color:#333;text-decoration:none;font-size:13px;font-weight:700}
.bnm-login-secondary:hover{background:#f8f8f8;color:#111}
.bnm-login-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 17px;font-size:22px;font-weight:800}
.bnm-login-icon-success{background:#eef9f0;color:#2f8d45}
.bnm-login-card:has(.bnm-login-icon){text-align:center}
.bnm-login-footer{padding:0 20px 24px;text-align:center;color:#aaa;font-size:10px;line-height:1.5}
.bnm-login-footer a{color:#888;text-decoration:none}
.bnm-login-footer a:hover{color:#d71927}
.bnm-login-footer-dot{margin:0 7px;color:#ccc}
@media (max-width:640px){
 .bnm-login-topbar{width:calc(100% - 28px);padding:18px 0}
 .bnm-login-top-logo img{width:160px}
 .bnm-login-back{font-size:11px}
 .bnm-login-main{align-items:flex-start;padding:22px 14px 35px}
 .bnm-login-card{max-width:100%;border:0;border-radius:14px;padding:28px 20px 24px;box-shadow:0 8px 28px rgba(0,0,0,.05)}
 .bnm-login-card h1{font-size:24px}
 .bnm-login-account-actions{grid-template-columns:1fr}
 .bnm-login-footer{padding-bottom:18px}
}