/*
Theme Name: BD NEWS ROOM News Portal V18 SPECTRUM MOTION
Theme URI: https://www.bdnewsroom.com/
Author: BD NEWS ROOM
Description: Emergency-safe, lightweight Bangla news portal build for BD NEWS ROOM, optimized for 2,000+ posts and low-resource hosting.
Version: 18.0.0
Requires at least: 6.0
Tested up to: 7.0.4
Requires PHP: 7.4
Text Domain: bdnewsroom-jago
*/

:root{
 --jn-red:#c50912;
 --jn-red-dark:#a80008;
 --jn-text:#161616;
 --jn-muted:#6d6d6d;
 --jn-line:#e6e6e6;
 --jn-soft:#f5f5f5;
 --jn-soft2:#fafafa;
 --jn-container:1240px;
 --jn-font:"Hind Siliguri","Noto Sans Bengali","SolaimanLipi",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--jn-text);font-family:var(--jn-font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:color .18s ease}
a:hover{color:var(--jn-red)}
img{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 30px),var(--jn-container));margin-inline:auto}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* Top advertisement */
.jn-ad-top-wrap{background:#f7f7f7;border-bottom:1px solid #efefef;padding:8px 0}
.jn-ad-top{width:min(970px,100%);min-height:90px;margin:auto;display:grid;place-items:center;overflow:hidden}
.jn-ad-top .widget{margin:0;border:0;width:100%;text-align:center}
.jn-ad-top img,.jn-ad-top iframe{max-width:100%;margin:auto}
.jn-ad-placeholder{min-height:90px;border:1px dashed #ddd;background:#fbfbfb;color:#aaa;font-size:12px;display:grid;place-items:center;letter-spacing:.04em}

/* Brand masthead */
.jn-masthead{background:#fff}
.jn-masthead-inner{min-height:82px;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:20px}
.jn-date-box{font-size:14px;line-height:1.7;color:#4f4f4f}
.jn-clock{display:block;color:#777;font-size:13px}
.jn-brand{text-align:center;min-width:0}
.jn-brand .custom-logo-link{display:inline-flex;align-items:center;justify-content:center}
.jn-brand .custom-logo{max-width:330px;max-height:76px;width:auto;height:auto}
.jn-site-title{display:inline-flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:39px;font-weight:900;letter-spacing:-1.6px;line-height:1;color:#111;white-space:nowrap}
.jn-site-title .jn-room{letter-spacing:-2px}
.jn-tagline{font-size:12px;color:#888;margin-top:5px}
.jn-socials{display:flex;justify-content:flex-end;align-items:center;gap:9px}
.jn-socials a,.jn-search-btn{width:34px;height:34px;border-radius:50%;border:1px solid #e7e7e7;background:#fff;display:grid;place-items:center;color:#888;padding:0;cursor:pointer}
.jn-socials svg,.jn-search-btn svg{width:16px;height:16px;fill:currentColor}
.jn-socials a:hover,.jn-search-btn:hover{color:var(--jn-red);border-color:#ddd}

/* Red navigation */
.jn-nav-wrap{background:var(--jn-red);color:#fff;position:relative;z-index:120}
.jn-nav{min-height:42px;display:flex;align-items:center}
.jn-home{display:grid;place-items:center;width:38px;height:42px;flex:0 0 auto;color:#fff}
.jn-home svg{width:18px;height:18px;fill:currentColor}
.jn-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;min-width:0;flex:1}
.jn-menu>li{position:relative}
.jn-menu>li>a{display:flex;align-items:center;min-height:42px;padding:0 9px;color:#fff;font-size:15px;font-weight:600;white-space:nowrap}
.jn-menu>li.menu-item-has-children>a:after{content:"⌄";font-size:12px;margin-left:4px;opacity:.9}
.jn-menu>li:hover>a{background:rgba(0,0,0,.09)}
.jn-menu .sub-menu{display:none;position:absolute;top:42px;left:0;min-width:190px;background:#fff;list-style:none;margin:0;padding:7px 0;box-shadow:0 8px 22px rgba(0,0,0,.16);border:1px solid #eee}
.jn-menu li:hover>.sub-menu{display:block}
.jn-menu .sub-menu a{display:block;color:#222;padding:8px 13px;font-size:14px}
.jn-menu .sub-menu a:hover{background:#f5f5f5;color:var(--jn-red)}
.jn-eng{color:#fff;font-family:Georgia,serif;font-weight:700;padding:0 10px;white-space:nowrap}
.jn-nav-search{width:42px;height:42px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}
.jn-nav-search svg{width:19px;height:19px;fill:currentColor}
.jn-menu-toggle{display:none;margin-left:auto;width:44px;height:42px;border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}

/* Topics */
.jn-topics{background:#fff;border-bottom:1px solid #f1f1f1}
.jn-topics-inner{min-height:49px;display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:none;padding-block:7px}
.jn-topics-inner::-webkit-scrollbar{display:none}
.jn-topics-label{font-size:17px;font-weight:700;white-space:nowrap;margin-right:2px}
.jn-topic{background:#f1f1f1;border-radius:2px;padding:5px 9px;font-size:13px;color:#444;white-space:nowrap}
.jn-topic:hover{background:#e8e8e8;color:var(--jn-red)}

/* Home common */
.jn-main{padding:18px 0 50px}
.jn-section{margin-top:28px}
.jn-section-heading{display:flex;align-items:flex-end;gap:14px;border-bottom:1px solid #222;margin-bottom:16px;min-height:42px}
.jn-section-heading h2,.jn-section-heading h1{margin:0;padding:0 2px 8px;font-size:24px;line-height:1.15;font-weight:700;position:relative}
.jn-section-heading h2:after,.jn-section-heading h1:after{content:"";position:absolute;height:3px;background:var(--jn-red);bottom:-2px;left:0;width:100%}
.jn-section-heading .jn-subcats{display:flex;gap:12px;overflow:auto;scrollbar-width:none;padding-bottom:8px;font-size:14px;color:#555}
.jn-section-heading .jn-more{margin-left:auto;padding-bottom:8px;font-size:13px;color:#666;white-space:nowrap}
.jn-grid{display:grid;gap:18px}
.jn-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.jn-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.jn-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.jn-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.jn-img{display:block;background:linear-gradient(135deg,#ececec,#f7f7f7);overflow:hidden;position:relative}
.jn-img img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.jn-card:hover .jn-img img,.jn-lead:hover .jn-img img{transform:scale(1.02)}
.jn-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#eeeeee,#f8f8f8);color:#777}
.jn-placeholder-brand{font:800 15px/1 Arial,sans-serif;letter-spacing:.02em;color:#c50912}
.jn-placeholder-cat{font-size:12px;margin-top:7px;color:#777}
.jn-kicker{color:var(--jn-red);font-size:12px;font-weight:600;margin:7px 0 3px}
.jn-card h3{font-size:18px;line-height:1.36;margin:0;font-weight:600}
.jn-card-excerpt{font-size:14px;color:#666;margin:6px 0 0;line-height:1.55}
.jn-meta{font-size:12px;color:#8b8b8b;margin-top:6px}

/* Hero — screenshot-inspired editorial grid */
.jn-hero{display:grid;grid-template-columns:minmax(0,3.35fr) minmax(260px,.92fr);gap:19px;align-items:start}
.jn-hero-news{min-width:0}
.jn-hero-top{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:18px;padding-bottom:18px;border-bottom:1px solid var(--jn-line)}
.jn-lead{display:grid;grid-template-columns:minmax(300px,1.08fr) minmax(270px,1fr);gap:17px;align-items:start}
.jn-lead .jn-img{aspect-ratio:1.48/1}
.jn-lead h1{font-size:29px;line-height:1.25;font-weight:600;margin:0 0 8px}
.jn-lead p{font-size:15px;line-height:1.56;color:#666;margin:0}
.jn-lead-caption{font-size:11px;color:#666;margin-top:6px}
.jn-head-side{border-left:1px solid var(--jn-line);padding-left:18px;display:flex;flex-direction:column;gap:14px}
.jn-head-side .jn-mini{padding-bottom:13px;border-bottom:1px solid var(--jn-line)}
.jn-head-side .jn-mini:last-child{border-bottom:0;padding-bottom:0}
.jn-mini{display:grid;grid-template-columns:1fr 92px;gap:11px;align-items:start}
.jn-mini h3{font-size:16px;line-height:1.37;margin:0;font-weight:600}
.jn-mini .jn-img{width:92px;height:66px}
.jn-hero-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:17px}
.jn-hero-bottom .jn-card{padding:0 11px;border-right:1px solid var(--jn-line)}
.jn-hero-bottom .jn-card:first-child{padding-left:0}
.jn-hero-bottom .jn-card:last-child{padding-right:0;border-right:0}
.jn-hero-bottom .jn-img{aspect-ratio:1.62/1;margin-bottom:7px}
.jn-hero-bottom h3{font-size:16px;line-height:1.38}

/* Right rail */
.jn-rail{min-width:0}
.jn-video-box{background:#111;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;position:relative;margin-bottom:18px}
.jn-video-box iframe{width:100%;height:100%;border:0}
.jn-video-placeholder{color:#fff;text-align:center;padding:20px}
.jn-play{width:52px;height:52px;border-radius:50%;background:rgba(197,9,18,.95);display:grid;place-items:center;margin:0 auto 8px;font-size:21px;padding-left:3px}
.jn-rail-ad{min-height:320px;background:#f7f7f7;border:1px solid #eee;display:grid;place-items:center;color:#aaa;font-size:12px;overflow:hidden;margin-bottom:18px}
.jn-rail-ad .widget{border:0;margin:0;width:100%;text-align:center}
.jn-rail-ad img{margin:auto;max-width:100%;height:auto}

/* Latest strip */
.jn-flash-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border-top:1px solid var(--jn-line);border-bottom:1px solid var(--jn-line);padding:14px 0;margin-top:18px}
.jn-flash-item{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;padding-right:12px;border-right:1px solid var(--jn-line)}
.jn-flash-item:last-child{border-right:0}
.jn-flash-item .jn-img{width:72px;height:54px}
.jn-flash-item h3{font-size:14px;line-height:1.35;margin:0;font-weight:600}

/* Latest / popular tabs */
.jn-tabs{border:1px solid var(--jn-line);background:#fff}
.jn-tab-buttons{display:flex;border-bottom:2px solid var(--jn-red)}
.jn-tab-buttons button{flex:1;border:0;background:#f7f7f7;padding:9px 8px;font-weight:600;cursor:pointer}
.jn-tab-buttons button.active{background:var(--jn-red);color:#fff}
.jn-tab-panel{display:none;padding:3px 12px;max-height:420px;overflow:auto}
.jn-tab-panel.active{display:block}
.jn-tab-item{display:flex;gap:8px;padding:10px 0;border-bottom:1px solid var(--jn-line);font-size:14px;line-height:1.37}
.jn-tab-item:last-child{border-bottom:0}
.jn-tab-time{color:var(--jn-red);font-size:11px;white-space:nowrap;margin-top:2px}

/* Category editorial layouts */
.jn-editorial{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:18px}
.jn-editorial-feature{padding-right:17px;border-right:1px solid var(--jn-line)}
.jn-editorial-feature .jn-img{aspect-ratio:16/9;margin-bottom:9px}
.jn-editorial-feature h3{font-size:23px;line-height:1.34;margin:0;font-weight:600}
.jn-story-list{display:flex;flex-direction:column}
.jn-list-story{display:grid;grid-template-columns:108px 1fr;gap:10px;padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid var(--jn-line)}
.jn-list-story:last-child{margin-bottom:0}
.jn-list-story .jn-img{width:108px;height:74px}
.jn-list-story h3{font-size:15px;line-height:1.38;margin:0;font-weight:600}
.jn-text-story{padding:0 0 11px;margin:0 0 11px;border-bottom:1px solid var(--jn-line)}
.jn-text-story h3{font-size:16px;line-height:1.4;margin:0;font-weight:600}

/* Country */
.jn-division-tabs{display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:none;margin:-6px 0 15px}
.jn-division-tabs a{font-size:13px;background:#f1f1f1;padding:6px 10px;white-space:nowrap;border-radius:2px}
.jn-division-tabs a:first-child{background:var(--jn-red);color:#fff}
.jn-country-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 300px;gap:20px}
.jn-location-box{background:#fafafa;border:1px solid var(--jn-line);padding:16px}
.jn-location-box h3{margin:0 0 12px;font-size:18px}
.jn-location-box select{width:100%;padding:9px 10px;border:1px solid #ddd;background:#fff;margin-bottom:8px}
.jn-location-box button{width:100%;border:0;background:var(--jn-red);color:#fff;padding:9px;cursor:pointer}

/* Compact 4-story categories */
.jn-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.jn-compact-grid .jn-card .jn-img{aspect-ratio:1.6/1;margin-bottom:8px}

/* Two-column combined section */
.jn-duo{display:grid;grid-template-columns:1fr 1fr;gap:28px}

/* Opinion */
.jn-opinion-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.jn-opinion{display:grid;grid-template-columns:62px 1fr;gap:11px;align-items:center;padding:10px 0;border-bottom:1px solid var(--jn-line)}
.jn-opinion-avatar{width:62px;height:62px;border-radius:50%;overflow:hidden;background:#eee}
.jn-opinion-avatar img{width:100%;height:100%;object-fit:cover}
.jn-opinion h3{font-size:15px;line-height:1.35;margin:0 0 3px}
.jn-opinion span{font-size:12px;color:#777}

/* Archive / search */
.jn-content-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px}
.jn-archive-item{display:grid;grid-template-columns:260px 1fr;gap:18px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--jn-line)}
.jn-archive-item .jn-img{width:260px;height:158px}
.jn-archive-item h2{font-size:23px;line-height:1.35;margin:0 0 7px}
.jn-archive-item p{margin:0;color:#666;font-size:14px}
.navigation.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.navigation.pagination .page-numbers{padding:7px 11px;border:1px solid var(--jn-line)}
.navigation.pagination .current{background:var(--jn-red);border-color:var(--jn-red);color:#fff}

/* Single article */
.jn-breadcrumb{font-size:13px;color:#777;margin-bottom:13px}
.jn-article h1{font-size:40px;line-height:1.24;margin:0 0 10px;font-weight:700}
.jn-article-deck{font-size:19px;color:#555;margin:0 0 15px;line-height:1.5}
.jn-byline{border-top:1px solid var(--jn-line);border-bottom:1px solid var(--jn-line);padding:10px 0;margin-bottom:18px;display:flex;justify-content:space-between;gap:12px;color:#666;font-size:13px}
.jn-share{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 16px}
.jn-share a{font-size:12px;border:1px solid var(--jn-line);padding:6px 10px;border-radius:2px}
.jn-featured{margin-bottom:18px}
.jn-featured img{width:100%;height:auto}
.jn-article-content{font-size:18px;line-height:1.9}
.jn-article-content p{margin:0 0 1.25em}
.jn-article-content h2{font-size:28px}
.jn-article-content blockquote{margin:20px 0;padding:15px 20px;border-left:4px solid var(--jn-red);background:#fafafa}
.jn-tags{margin-top:24px;padding-top:14px;border-top:1px solid var(--jn-line)}
.jn-tags a{display:inline-block;background:#f2f2f2;padding:5px 9px;margin:3px;font-size:12px}

/* Widgets */
.jn-sidebar .widget{margin-bottom:24px}
.widget{margin-bottom:24px}
.widget-title{font-size:20px;margin:0 0 12px;border-bottom:1px solid #222;padding-bottom:8px;position:relative}
.widget-title:after{content:"";position:absolute;width:74px;height:3px;left:0;bottom:-2px;background:var(--jn-red)}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:9px 0;border-bottom:1px solid var(--jn-line)}
.widget img{max-width:100%;height:auto}

/* Search overlay */
.jn-search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding-top:18vh}
.jn-search-overlay.open{display:flex}
.jn-search-form{display:flex;width:min(760px,calc(100% - 30px));background:#fff}
.jn-search-form input{flex:1;min-width:0;border:0;padding:16px 17px;font-size:18px;outline:none}
.jn-search-form button{border:0;background:var(--jn-red);color:#fff;padding:0 22px;cursor:pointer;font-weight:600}
.jn-search-close{position:absolute;right:25px;top:18px;border:0;background:transparent;color:#fff;font-size:38px;cursor:pointer}

/* Footer */
.jn-footer{margin-top:40px;background:#1d1d1d;color:#ccc}
.jn-footer-main{padding:34px 0}
.jn-footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:30px}
.jn-footer-logo{font-family:Arial,sans-serif;font-size:27px;font-weight:900;color:#fff;margin-bottom:11px}
.jn-footer-logo span{color:#e91b23}
.jn-footer h3{color:#fff;margin:0 0 10px;font-size:17px}
.jn-footer p{font-size:13px;line-height:1.65;margin:0 0 8px}
.jn-footer-menu{list-style:none;margin:0;padding:0;columns:2}
.jn-footer-menu li{margin-bottom:7px;font-size:13px}
.jn-footer a{color:#ddd}.jn-footer a:hover{color:#fff}
.jn-footer-bottom{border-top:1px solid #333;padding:14px 0;font-size:12px;color:#999}

/* Empty state */
.jn-empty{padding:24px;background:#fafafa;border:1px solid #eee;color:#888;text-align:center;font-size:14px}

/* Optional floating ad */
.jn-floating-ad{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:150;width:min(650px,calc(100% - 30px));text-align:center}
.jn-floating-ad .widget{margin:0;border:0}
.jn-floating-ad img{margin:auto;max-height:92px;width:auto}

@media(max-width:1120px){
 .jn-masthead-inner{grid-template-columns:.8fr 1.3fr .8fr}
 .jn-menu>li>a{padding-inline:7px;font-size:14px}
 .jn-hero{grid-template-columns:1fr}.jn-rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.jn-rail>*{margin:0}.jn-rail-ad{min-height:220px}
 .jn-country-layout{grid-template-columns:1.2fr 1fr}.jn-location-box{grid-column:1/-1}
 .jn-grid-5{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
 .jn-date-box{display:none}.jn-masthead-inner{grid-template-columns:1fr auto}.jn-brand{text-align:left}.jn-socials{justify-content:flex-end}
 .jn-site-title{font-size:34px}.jn-brand .custom-logo{max-height:60px;max-width:270px}
 .jn-menu{display:none;position:absolute;left:0;right:0;top:42px;background:#fff;color:#222;flex-direction:column;align-items:stretch;max-height:72vh;overflow:auto;box-shadow:0 10px 24px rgba(0,0,0,.15)}
 .jn-menu.open{display:flex}.jn-menu>li>a{color:#222;padding:10px 15px;min-height:auto;border-bottom:1px solid #eee}.jn-menu .sub-menu{display:block;position:static;box-shadow:none;border:0;padding-left:15px}.jn-menu-toggle{display:block}.jn-eng{margin-left:auto}.jn-nav-search{order:5}
 .jn-hero-top{grid-template-columns:1fr}.jn-head-side{border-left:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--jn-line);padding-top:15px}
 .jn-editorial{grid-template-columns:1.2fr 1fr}.jn-editorial>.jn-story-list:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
 .jn-compact-grid,.jn-grid-4{grid-template-columns:repeat(2,1fr)}
 .jn-content-sidebar{grid-template-columns:1fr}.jn-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}
}
@media(max-width:680px){
 .container{width:min(calc(100% - 22px),var(--jn-container))}
 .jn-ad-top-wrap{display:none}
 .jn-masthead-inner{min-height:65px}.jn-socials a{display:none}.jn-socials .jn-search-btn{display:grid}.jn-site-title{font-size:29px;letter-spacing:-1px}.jn-brand .custom-logo{max-width:220px;max-height:50px}.jn-tagline{display:none}
 .jn-eng{display:none}.jn-home{width:35px}.jn-nav-search{display:none}
 .jn-topics-inner{min-height:43px}.jn-topics-label{font-size:15px}.jn-topic{font-size:12px;padding:4px 8px}
 .jn-main{padding-top:13px}
 .jn-hero-top,.jn-lead,.jn-editorial,.jn-country-layout,.jn-duo{grid-template-columns:1fr}
 .jn-lead .jn-img{aspect-ratio:16/9}.jn-lead h1{font-size:25px}.jn-lead p{font-size:14px}
 .jn-head-side{grid-template-columns:1fr 1fr}
 .jn-hero-bottom{grid-template-columns:1fr 1fr;gap:15px}.jn-hero-bottom .jn-card{padding:0;border-right:0}
 .jn-rail{grid-template-columns:1fr}.jn-rail-ad{min-height:170px}
 .jn-flash-row{grid-template-columns:1fr 1fr}.jn-flash-item{border-right:0;padding-right:0}
 .jn-section-heading h2,.jn-section-heading h1{font-size:21px}.jn-section-heading .jn-subcats{display:none}
 .jn-editorial-feature{border-right:0;padding-right:0}.jn-editorial>.jn-story-list:last-child{grid-column:auto;display:block}
 .jn-compact-grid,.jn-grid-3,.jn-grid-4,.jn-grid-5{grid-template-columns:1fr 1fr}
 .jn-opinion-list{grid-template-columns:1fr}
 .jn-archive-item{grid-template-columns:122px 1fr;gap:12px}.jn-archive-item .jn-img{width:122px;height:84px}.jn-archive-item h2{font-size:17px}.jn-archive-item p{display:none}
 .jn-article h1{font-size:29px}.jn-article-deck{font-size:17px}.jn-article-content{font-size:17px;line-height:1.82}.jn-byline{flex-direction:column;align-items:flex-start}
 .jn-sidebar{grid-template-columns:1fr}.jn-footer-grid{grid-template-columns:1fr}.jn-footer-menu{columns:1}
}
@media(max-width:430px){
 .jn-site-title{font-size:26px}.jn-head-side{grid-template-columns:1fr}.jn-hero-bottom,.jn-flash-row,.jn-compact-grid,.jn-grid-3,.jn-grid-4,.jn-grid-5{grid-template-columns:1fr}
 .jn-mini{grid-template-columns:1fr 86px}.jn-mini .jn-img{width:86px;height:61px}
}

/* V3 hierarchy refinements */
.jn-menu .sub-menu{max-height:520px;overflow:auto}
.jn-category-children{display:flex;gap:7px;flex-wrap:wrap;margin:-3px 0 20px;padding-bottom:14px;border-bottom:1px solid var(--jn-line)}
.jn-category-children a{background:#f1f1f1;padding:6px 11px;border-radius:2px;font-size:14px}
.jn-category-children a:hover{background:var(--jn-red);color:#fff}
.jn-footer-logo{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-1px}
@media (min-width:1051px){.jn-menu>li>a{padding-left:7px;padding-right:7px}.jn-menu .sub-menu{min-width:210px}}


/* V5: bottom publisher/contact information strip */
.jn-legal-strip{background:#f7f7f7;color:#3e3e3e;border-top:1px solid #dedede;padding:18px 0 20px}
.jn-legal-inner{display:grid;grid-template-columns:minmax(0,1.7fr) auto;gap:28px;align-items:center}
.jn-legal-copy{font-size:13px;line-height:1.7;color:#444}
.jn-legal-copy p{margin:0 0 2px}
.jn-legal-copy .jn-publisher{font-weight:600}
.jn-legal-contact{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:2px}
.jn-legal-contact a{display:inline-flex;align-items:center;gap:5px;color:#444;text-decoration:none}
.jn-legal-contact a:hover{color:var(--jn-red)}
.jn-legal-contact svg{width:13px;height:13px;fill:currentColor;flex:0 0 auto}
.jn-legal-links{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.jn-legal-links a{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border:1px solid #777;background:#fff;color:#333;padding:4px 13px;font-size:12px;line-height:1.1;white-space:nowrap}
.jn-legal-links a:hover{background:#f0f0f0;color:#111}
.jn-legal-links a.jn-legal-dark{background:#333;color:#fff;border-color:#333;font-weight:600}
.jn-legal-links a.jn-legal-dark:hover{background:#111;color:#fff}
@media (max-width:900px){
 .jn-legal-inner{grid-template-columns:1fr;gap:14px}
 .jn-legal-links{justify-content:flex-start}
}
@media (max-width:520px){
 .jn-legal-strip{padding:16px 0}
 .jn-legal-copy{font-size:12px}
 .jn-legal-contact{display:grid;gap:4px}
 .jn-legal-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .jn-legal-links a{width:100%;white-space:normal;text-align:center}
}


/* V7: category hierarchy + article view counter */
.jn-breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.jn-breadcrumb .jn-breadcrumb-sep{color:#aaa}
.jn-category-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 10px}
.jn-category-path a{display:inline-flex;align-items:center;background:#f4f4f4;border:1px solid #e5e5e5;padding:5px 10px;border-radius:3px;font-size:13px;font-weight:600;color:#333}
.jn-category-path a:first-child{background:var(--jn-red);border-color:var(--jn-red);color:#fff}
.jn-category-path a:hover{background:#111;border-color:#111;color:#fff}
.jn-category-sep{color:#999;font-weight:700}
.jn-post-footer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:26px;padding:13px 15px;border-top:1px solid var(--jn-line);border-bottom:1px solid var(--jn-line);background:#fafafa;color:#555;font-size:13px}
.jn-view-count{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#333}
.jn-view-count svg{width:18px;height:18px;fill:var(--jn-red)}
.jn-post-footer-category{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.jn-post-footer-category a{font-weight:600;color:var(--jn-red)}
.column-bpjr_views{width:80px}
.column-bpjr_category_path{width:180px}
@media(max-width:680px){
 .jn-category-path{margin-bottom:9px}.jn-category-path a{font-size:12px;padding:4px 8px}
 .jn-post-footer-meta{align-items:flex-start;flex-direction:column}
}


/* ==========================================================
   V8 clean article/search/language redesign
   ========================================================== */
.jn-header-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;min-width:0}
.jn-language-wrap{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:32px;color:#555;font-size:12px;white-space:nowrap}
.jn-language-label{font-weight:600;color:#444}
#google_translate_element{min-width:148px;min-height:28px;display:flex;align-items:center;justify-content:flex-end}
.goog-te-gadget{font-family:var(--jn-font)!important;font-size:0!important;color:transparent!important}
.goog-te-gadget-simple{background:#fff!important;border:1px solid #dedede!important;border-radius:3px!important;padding:5px 8px!important;display:inline-flex!important;align-items:center!important;min-height:30px!important}
.goog-te-gadget-simple .goog-te-menu-value,.goog-te-gadget-simple span{font-size:12px!important;color:#333!important;text-decoration:none!important}
.goog-te-gadget-icon{display:none!important}

/* The only public search form: right side of the red main navigation. */
.jn-header-search{height:32px;width:205px;display:flex;align-items:center;margin-left:8px;background:#fff;border-radius:3px;overflow:hidden;flex:0 0 auto}
.jn-header-search input{height:32px;min-width:0;flex:1;border:0;outline:0;padding:0 9px;background:#fff;color:#222;font-size:13px}
.jn-header-search input::placeholder{color:#888}
.jn-header-search button{width:34px;height:32px;border:0;background:#fff;color:var(--jn-red);display:grid;place-items:center;cursor:pointer;padding:0}
.jn-header-search button:hover{background:#f6f6f6}
.jn-header-search svg{width:17px;height:17px;fill:currentColor}

/* V8 removes the old WordPress default sidebar block from articles/archives. */
.jn-content-full{width:min(calc(100% - 30px),var(--jn-container));margin-inline:auto}
.jn-content-full>div{max-width:1080px;margin-inline:auto}
.single .jn-content-full>div{max-width:980px}
.search .jn-content-full>div,.archive .jn-content-full>div,.category .jn-content-full>div{max-width:1100px}
.jn-sidebar{display:none!important}

/* Legacy overlay search is intentionally disabled in V8. */
.jn-search-overlay,.jn-search-btn,.jn-nav-search{display:none!important}

@media(max-width:1120px){
 .jn-header-search{width:170px}
 .jn-menu>li>a{padding-inline:6px}
}
@media(max-width:900px){
 .jn-masthead-inner{grid-template-columns:1fr auto}
 .jn-header-actions{grid-column:2;grid-row:1;align-items:flex-end}
 .jn-language-wrap{justify-content:flex-end}
 .jn-nav{flex-wrap:wrap}
 .jn-header-search{order:3;margin-left:auto;margin-right:4px;width:190px}
 .jn-menu-toggle{order:4}
}
@media(max-width:680px){
 .jn-masthead-inner{grid-template-columns:1fr auto;gap:10px}
 .jn-header-actions{gap:3px}
 .jn-socials{display:none}
 .jn-language-label{display:none}
 #google_translate_element{min-width:128px}
 .goog-te-gadget-simple{padding:4px 6px!important}
 .jn-nav{padding-bottom:6px}
 .jn-header-search{order:10;width:calc(100% - 46px);margin:4px 0 0 0;height:34px}
 .jn-header-search input{height:34px;font-size:14px}
 .jn-header-search button{height:34px;width:38px}
 .jn-menu-toggle{margin-left:auto}
 .jn-content-full{width:min(calc(100% - 22px),var(--jn-container))}
}


/* ==========================================================
   V9 clean sidebar + five-language selector
   ========================================================== */
/* Never render the retired WordPress discovery widgets anywhere. */
.widget_search,.widget_recent_entries,.widget_recent_comments,.widget_archive,.widget_categories,.widget_meta,.widget_rss,
.wp-block-search,.wp-block-latest-posts,.wp-block-latest-comments,.wp-block-archives,.wp-block-categories,.wp-block-rss,
[class*="wp-block-latest-posts"],[class*="wp-block-latest-comments"]{display:none!important}

/* The old Home Right Top widget region was removed in PHP. Any cached wrapper is hidden too. */
.jn-rail .widget_search,.jn-rail .widget_recent_entries,.jn-rail .widget_recent_comments,.jn-rail .widget_archive,.jn-rail .widget_categories{display:none!important}

/* Custom, compact language control. The Google engine itself stays off-screen. */
.jn-language-wrap{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:34px;position:relative}
.jn-language-label{font-weight:600;color:#444;font-size:12px}
.jn-language-select{height:32px;min-width:126px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#222;padding:0 28px 0 10px;font-family:var(--jn-font);font-size:13px;line-height:32px;cursor:pointer;outline:0}
.jn-language-select:focus{border-color:#aaa;box-shadow:0 0 0 2px rgba(0,0,0,.04)}
.jn-google-translate-engine{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
#google_translate_element,.goog-te-gadget,.goog-te-gadget-simple{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,.goog-te-menu-frame,.goog-te-menu-frame.skiptranslate,body>.skiptranslate{display:none!important}
html,body{top:0!important}

@media(max-width:680px){
 .jn-language-label{display:none!important}
 .jn-language-select{min-width:105px;max-width:118px;height:30px;font-size:12px;padding-left:8px}
}

/* ==========================================================
   V11 editorial sections + article actions + comments
   ========================================================== */
.jn-video-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,2fr);gap:20px}
.jn-video-feature .jn-video-thumb .jn-img{aspect-ratio:16/9}
.jn-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jn-video-card h3{margin:10px 0 0;font-size:15px;line-height:1.35;font-weight:600}
.jn-video-feature h3{font-size:23px;line-height:1.34;margin:13px 0 0}
.jn-video-thumb{display:block;position:relative}
.jn-video-thumb .jn-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.jn-video-card-small .jn-video-thumb .jn-img{aspect-ratio:1.35/1}
.jn-video-card-small .jn-play{width:46px;height:46px;font-size:18px}

.jn-country-showcase{display:grid;grid-template-columns:280px minmax(0,1.55fr) minmax(0,1fr) 300px;gap:18px;align-items:start}
.jn-country-side-left,.jn-country-side-right{display:flex;flex-direction:column;gap:18px}
.jn-country-side-card,.jn-country-list-story{padding-bottom:15px;border-bottom:1px solid var(--jn-line)}
.jn-country-side-card:last-child,.jn-country-list-story:last-child{padding-bottom:0;border-bottom:0}
.jn-country-side-card .jn-img{aspect-ratio:1.44/1;margin-bottom:8px}
.jn-country-side-card h3,.jn-country-list-story h3{font-size:15px;line-height:1.38;margin:0}
.jn-country-feature .jn-img{aspect-ratio:1.68/1;margin-bottom:10px}
.jn-country-feature h3{font-size:24px;line-height:1.34;margin:0 0 8px}
.jn-country-feature p{font-size:15px;color:#666;line-height:1.6;margin:0}
.jn-country-list-story{display:grid;grid-template-columns:120px 1fr;gap:10px}
.jn-country-list-story .jn-img{width:120px;height:82px}
.jn-country-map-box{background:#fafafa}
.jn-country-map-art{position:relative;height:255px;border:1px dashed #e2c0c2;border-radius:10px;background:linear-gradient(180deg,#fff 0,#fff7f7 100%);margin:2px 0 14px;overflow:hidden}
.jn-country-map-art:before{content:"বাংলাদেশ";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:800;color:rgba(197,9,18,.16);letter-spacing:.04em}
.jn-country-map-art a{position:absolute;display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border-radius:20px;background:rgba(197,9,18,.95);color:#fff;font-size:11px;line-height:1}
.jn-country-map-art a:nth-child(1){left:42%;top:40%}
.jn-country-map-art a:nth-child(2){right:10%;bottom:20%}
.jn-country-map-art a:nth-child(3){left:13%;top:36%}
.jn-country-map-art a:nth-child(4){left:22%;bottom:18%}
.jn-country-map-art a:nth-child(5){left:35%;bottom:10%}
.jn-country-map-art a:nth-child(6){left:28%;top:12%}
.jn-country-map-art a:nth-child(7){right:8%;top:20%}
.jn-country-map-art a:nth-child(8){left:50%;top:18%}

.jn-international-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px}
.jn-international-feature .jn-img{aspect-ratio:1.52/1;margin-bottom:11px}
.jn-international-feature h3{font-size:22px;line-height:1.35;margin:0 0 8px;color:#0b70d0}
.jn-international-feature p{font-size:15px;line-height:1.6;color:#666;margin:0}
.jn-international-list{display:flex;flex-direction:column;gap:14px}
.jn-international-item{display:grid;grid-template-columns:196px 1fr;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--jn-line)}
.jn-international-item:last-child{border-bottom:0;padding-bottom:0}
.jn-international-item .jn-img{width:196px;height:110px}
.jn-international-item h3{font-size:16px;line-height:1.38;margin:0 0 6px}
.jn-international-item p{font-size:14px;line-height:1.55;color:#666;margin:0}

.jn-engagement-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:26px;padding-top:14px;border-top:1px solid var(--jn-line);color:#6a6a6a;font-size:14px}
.jn-social-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 14px;padding:8px 0;border-top:1px solid var(--jn-line);border-bottom:1px solid var(--jn-line)}
.jn-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border:0;background:#fff;border-radius:6px;color:#444;font-weight:600;cursor:pointer}
.jn-action-btn:hover{background:#f4f5f6;color:var(--jn-red)}
.jn-action-btn.is-liked{background:#fdf0f1;color:var(--jn-red)}
.jn-action-btn:disabled{opacity:.65;cursor:default}
.jn-action-icon{font-size:17px;line-height:1}
.jn-share-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.jn-share-links a,.jn-share-links .jn-copy-link{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--jn-line);background:#fff;border-radius:4px;font-size:13px;color:#444}
.jn-share-links .jn-copy-link{cursor:pointer}
.jn-share-links a:hover,.jn-share-links .jn-copy-link:hover{color:var(--jn-red);border-color:#d2d2d2;background:#fafafa}

.jn-comments-wrap{margin-top:34px;padding-top:12px;border-top:1px solid var(--jn-line)}
.jn-comment-list{list-style:none;margin:0;padding:0}
.jn-comment-list li.comment{padding:16px 0;border-bottom:1px solid var(--jn-line)}
.jn-comment-list .children{list-style:none;margin:14px 0 0 24px;padding:0}
.jn-comment-list .comment-body{display:grid;grid-template-columns:54px 1fr;gap:12px}
.jn-comment-list .avatar{border-radius:50%}
.jn-comment-list .comment-author{font-weight:700;font-style:normal}
.jn-comment-list .comment-metadata{font-size:12px;color:#777;margin:4px 0 8px}
.jn-comment-list .reply a{font-size:13px;color:var(--jn-red);font-weight:600}
.jn-comment-list p{margin:0 0 8px;line-height:1.7}
.jn-comment-form-title{font-size:22px;margin:0 0 8px}
.jn-comment-note{font-size:13px;color:#666}
.jn-comment-form label{display:block;font-weight:600;margin-bottom:6px}
.jn-comment-form textarea,.jn-comment-form input[type="text"],.jn-comment-form input[type="email"],.jn-comment-form input[type="url"]{width:100%;border:1px solid #ddd;border-radius:4px;padding:12px 13px;background:#fff}
.jn-comment-form textarea{min-height:130px;resize:vertical}
.jn-comment-form .form-submit{margin-top:10px}
.jn-comment-form .submit{border:0;background:var(--jn-red);color:#fff;padding:12px 18px;border-radius:4px;font-weight:700;cursor:pointer}
.jn-comment-form .submit:hover{background:var(--jn-red-dark)}
.jn-comments-closed{font-size:14px;color:#666}

/* Strong hide for old widgets if some cache/plugin injects them outside normal classes */
body .widget_search,body .widget_recent_entries,body .widget_recent_comments,body .widget_archive,body .widget_categories,body .widget_meta,body .widget_rss,
body .wp-block-search,body .wp-block-latest-posts,body .wp-block-latest-comments,body .wp-block-archives,body .wp-block-categories,body .wp-block-rss,
body .wp-widget-search,body .wp-widget-group__inner-blocks>.wp-block-search{display:none!important}

@media(max-width:1120px){
 .jn-video-layout{grid-template-columns:1fr}
 .jn-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .jn-country-showcase{grid-template-columns:220px minmax(0,1.35fr) minmax(0,1fr)}
 .jn-country-map-box{grid-column:1/-1}
}
@media(max-width:900px){
 .jn-country-showcase{grid-template-columns:1fr 1fr}
 .jn-country-center{grid-column:1/-1}
 .jn-country-map-box{grid-column:1/-1}
 .jn-international-layout{grid-template-columns:1fr}
}
@media(max-width:680px){
 .jn-video-grid{grid-template-columns:1fr 1fr}
 .jn-country-showcase{grid-template-columns:1fr}
 .jn-country-list-story{grid-template-columns:92px 1fr}.jn-country-list-story .jn-img{width:92px;height:66px}
 .jn-international-item{grid-template-columns:110px 1fr}.jn-international-item .jn-img{width:110px;height:72px}
 .jn-social-actions{grid-template-columns:1fr 1fr 1fr;gap:6px}
 .jn-action-btn{height:40px;font-size:13px}
 .jn-engagement-summary{font-size:13px}
}
@media(max-width:430px){
 .jn-video-grid{grid-template-columns:1fr}
 .jn-social-actions{grid-template-columns:1fr}
 .jn-comment-list .children{margin-left:12px}
}

/* V11 functional location + consistent action icons */
.jn-location-status{min-height:18px;margin:7px 0 0;font-size:12px;line-height:1.4;color:#777}
.jn-location-box select:disabled{background:#f3f3f3;color:#aaa;cursor:not-allowed}
.jn-country-map-art a:hover{background:#111;color:#fff}
.jn-action-icon{width:20px;height:20px;display:inline-grid;place-items:center}
.jn-action-icon svg{width:19px;height:19px;fill:currentColor}
.jn-featured img{width:100%;height:auto;object-fit:cover}

/* ==========================================================
   V12 FINAL — modern editorial polish + real division map
   ========================================================== */
:root{
 --jn-red:#c50b14;
 --jn-red-dark:#a5060e;
 --jn-text:#171717;
 --jn-muted:#6a6f76;
 --jn-line:#e8e9eb;
 --jn-soft:#f6f7f8;
 --jn-container:1280px;
}
body{background:#fff;color:var(--jn-text)}
.jn-header{background:#fff}
.jn-ad-top-wrap{padding:10px 0;background:#f8f9fa}
.jn-ad-placeholder{border-radius:8px;border-color:#e5e7ea;background:#fff}
.jn-masthead{border-bottom:1px solid #f0f1f2}
.jn-masthead-inner{min-height:92px}
.jn-brand .custom-logo{max-height:74px}
.jn-site-title{font-size:42px;letter-spacing:-2px}
.jn-date-box{font-size:14px}
.jn-language-select{border-radius:7px;background:#fff;border-color:#e0e2e5;transition:border-color .2s ease,box-shadow .2s ease}
.jn-language-select:hover{border-color:#c7cbd0}
.jn-nav-wrap{box-shadow:0 2px 8px rgba(35,35,35,.06)}
.jn-nav{min-height:44px}
.jn-home,.jn-menu>li>a{min-height:44px}
.jn-menu>li>a{font-size:15px;font-weight:600;padding-inline:9px}
.jn-menu .sub-menu{top:44px;border-radius:0 0 8px 8px;border-color:#eee;box-shadow:0 12px 28px rgba(0,0,0,.14);overflow:hidden}
.jn-menu .sub-menu a{padding:9px 14px}
.jn-header-search{height:34px;border-radius:6px;width:218px}
.jn-header-search input,.jn-header-search button{height:34px}
.jn-topics{border-bottom:1px solid #ededee}
.jn-topic{border-radius:6px;background:#f3f4f5;padding:5px 10px}

.jn-main{padding-top:22px}
.jn-section{margin-top:42px}
.jn-section-heading{min-height:48px;align-items:flex-end;border-bottom:1px solid #d9dbde;margin-bottom:18px;gap:18px}
.jn-section-heading h2,.jn-section-heading h1{font-size:28px;padding:0 0 10px;letter-spacing:-.2px}
.jn-section-heading h2:after,.jn-section-heading h1:after{height:3px;width:62px;bottom:-2px;border-radius:3px}
.jn-section-heading .jn-subcats{gap:8px;padding-bottom:10px;color:#4f5358;font-size:14px}
.jn-section-heading .jn-subcats span{white-space:nowrap}
.jn-section-heading .jn-subcats a:hover{color:var(--jn-red)}
.jn-section-heading .jn-more{padding-bottom:10px;font-size:14px;font-weight:600}
.jn-img{border-radius:5px;background:#f2f3f4}
.jn-img img{transition:transform .35s ease,filter .35s ease}
a:hover .jn-img img,.jn-card:hover .jn-img img,.jn-list-story:hover .jn-img img,.jn-video-card:hover .jn-img img{transform:scale(1.025);filter:saturate(1.03)}
.jn-card h3,.jn-mini h3,.jn-list-story h3,.jn-text-story h3{transition:color .18s ease}
.jn-card:hover h3,.jn-mini:hover h3,.jn-list-story:hover h3,.jn-text-story:hover h3{color:var(--jn-red)}
.jn-kicker{font-weight:700;margin-top:8px}

.jn-hero{gap:24px}
.jn-hero-top{gap:22px}
.jn-lead{gap:20px}
.jn-lead h1{font-size:31px;letter-spacing:-.15px}
.jn-lead p{color:#5f646a}
.jn-head-side{padding-left:20px;gap:15px}
.jn-hero-bottom{margin-top:20px}
.jn-hero-bottom .jn-card{padding-inline:13px}
.jn-rail-ad,.jn-tabs{border-radius:6px;overflow:hidden}
.jn-tab-buttons button{padding:10px 8px}
.jn-flash-row{padding:15px 0;gap:16px}

/* Video section: clean lead + six cards. */
.jn-video-layout{gap:20px}
.jn-video-feature .jn-video-thumb .jn-img{border-radius:5px}
.jn-video-grid{gap:15px}
.jn-video-card h3{font-size:16px;line-height:1.4;margin-top:9px}
.jn-video-feature h3{font-size:25px;line-height:1.34}
.jn-video-thumb .jn-play{width:50px;height:50px;background:rgba(203,9,19,.94);box-shadow:0 8px 22px rgba(0,0,0,.2)}
.jn-video-card-small .jn-play{width:42px;height:42px;font-size:16px}

/* দেশজুড়ে: 75% editorial news + 25% real Bangladesh SVG map. */
.jn-country-section{overflow:visible}
.jn-country-heading .jn-subcats{margin-left:auto}
.jn-country-showcase{display:grid;grid-template-columns:minmax(0,3fr) minmax(276px,1fr);gap:28px;align-items:start}
.jn-country-news-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(340px,2.1fr) minmax(180px,1fr);gap:20px;align-items:start}
.jn-country-side-left,.jn-country-side-right{display:flex;flex-direction:column;gap:20px}
.jn-country-side-card{padding-bottom:18px;border-bottom:1px solid var(--jn-line)}
.jn-country-side-card:last-child{padding-bottom:0;border-bottom:0}
.jn-country-side-card .jn-img{aspect-ratio:1.55/1;margin-bottom:9px}
.jn-country-side-card h3{font-size:17px;line-height:1.45;margin:0;font-weight:600}
.jn-country-feature .jn-img{aspect-ratio:1.72/1;margin-bottom:12px}
.jn-country-feature h3{font-size:28px;line-height:1.34;margin:0 0 8px;font-weight:600;letter-spacing:-.2px}
.jn-country-feature p{font-size:15px;line-height:1.65;color:#5f646a;margin:0}
.jn-country-image-link{display:block}
.jn-country-location{min-width:0;padding-left:2px}
.jn-country-location>h3{font-size:21px;line-height:1.25;margin:0 0 12px;font-weight:500}
.jn-bd-map-wrap{width:100%;max-width:310px;margin:0 auto 12px;overflow:visible}
.jn-bd-map-svg{display:block;width:100%;height:auto;max-height:385px;overflow:visible}
.jn-bd-map-svg a{cursor:pointer;outline:none}
.jn-bd-map-svg a:focus-visible path{stroke:#111!important;stroke-width:2!important}
.jn-location-form{margin-top:6px}
.jn-location-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.jn-location-form select,.jn-location-form button{width:100%;height:43px;border-radius:4px;font-family:var(--jn-font);font-size:14px}
.jn-location-form select{border:1px solid #d6d8db;background:#fff;padding:0 12px;color:#4d5258;outline:0}
.jn-location-form select:hover{border-color:#b9bdc2}
.jn-location-form select:focus{border-color:var(--jn-red);box-shadow:0 0 0 3px rgba(197,11,20,.08)}
.jn-location-form select:disabled{background:#f7f7f7;color:#aaa}
.jn-location-form button{border:0;background:var(--jn-red);color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease}
.jn-location-form button:hover{background:var(--jn-red-dark)}
.jn-location-form button:active{transform:translateY(1px)}
.jn-location-status{min-height:16px;margin:0;font-size:12px;color:#777}

/* International block: large visual lead and compact side list. */
.jn-international-layout{gap:24px}
.jn-international-feature .jn-img{border-radius:5px}
.jn-international-feature h3{font-size:27px;color:#0879df;letter-spacing:-.15px}
.jn-international-list{gap:0}
.jn-international-item{padding:0 0 15px;margin:0 0 15px;gap:14px}
.jn-international-item .jn-img{border-radius:4px}
.jn-international-item h3{font-size:17px}

/* Archive + single reading experience. */
.jn-archive-item{border-bottom-color:#e4e6e8}
.jn-archive-item h2{font-weight:600}
.single .jn-content-full>div{max-width:1000px}
.jn-article h1{font-size:42px;letter-spacing:-.35px}
.jn-article-deck{color:#5d6268}
.jn-byline{padding:12px 0;color:#6b7076}
.jn-featured img{border-radius:6px}
.jn-article-content{color:#25282c}
.jn-social-actions{border-color:#e4e6e8;background:#fafbfc;border-radius:8px;padding:8px}
.jn-action-btn{border-radius:6px}
.jn-comments-wrap{margin-top:42px}

/* Footer finishing. */
.jn-footer{margin-top:56px}
.jn-footer-main{padding:40px 0}
.jn-legal-strip{background:#fafafa}
.jn-legal-links a{border-radius:4px}

@media(max-width:1180px){
 .jn-country-showcase{grid-template-columns:minmax(0,1fr) 290px;gap:22px}
 .jn-country-news-grid{grid-template-columns:minmax(160px,1fr) minmax(300px,1.9fr)}
 .jn-country-side-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}
 .jn-country-side-right .jn-country-side-card{border-bottom:0;padding:0}
 .jn-country-location{grid-column:2;grid-row:1 / span 2}
}
@media(max-width:980px){
 .jn-section{margin-top:34px}
 .jn-country-showcase{grid-template-columns:1fr}
 .jn-country-news-grid{grid-template-columns:1fr 1.8fr 1fr}
 .jn-country-side-right{grid-column:auto;display:flex}
 .jn-country-location{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center;border-top:1px solid var(--jn-line);padding-top:22px}
 .jn-country-location>h3{grid-column:1/-1;margin-bottom:-6px}
 .jn-bd-map-wrap{margin:0 auto;max-width:250px}
 .jn-bd-map-svg{max-height:320px}
}
@media(max-width:760px){
 .jn-site-title{font-size:31px}
 .jn-section-heading{align-items:flex-start;flex-wrap:wrap;gap:7px 12px}
 .jn-section-heading h2,.jn-section-heading h1{font-size:24px}
 .jn-country-heading .jn-subcats{margin-left:0;width:100%;display:flex!important;padding-bottom:10px}
 .jn-country-news-grid{grid-template-columns:1fr 1fr}
 .jn-country-center{grid-column:1/-1;grid-row:1}
 .jn-country-side-left,.jn-country-side-right{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 .jn-country-location{display:block}
 .jn-country-location>h3{font-size:20px}
 .jn-bd-map-wrap{max-width:290px;margin:0 auto 14px}
 .jn-location-row{gap:9px}
 .jn-country-feature h3{font-size:24px}
 .jn-international-feature h3{font-size:23px}
}
@media(max-width:520px){
 .jn-section{margin-top:30px}
 .jn-section-heading h2,.jn-section-heading h1{font-size:23px}
 .jn-country-news-grid{grid-template-columns:1fr}
 .jn-country-center{grid-column:auto}
 .jn-country-side-left,.jn-country-side-right{display:grid;grid-template-columns:1fr 1fr}
 .jn-country-side-card h3{font-size:15px}
 .jn-country-feature h3{font-size:22px}
 .jn-country-location{padding-top:18px}
 .jn-bd-map-wrap{max-width:255px}
 .jn-bd-map-svg{max-height:350px}
 .jn-location-row{grid-template-columns:1fr 1fr}
 .jn-location-form select,.jn-location-form button{height:42px;font-size:13px}
 .jn-article h1{font-size:31px}
}
@media(max-width:390px){
 .jn-country-side-left,.jn-country-side-right{grid-template-columns:1fr}
 .jn-location-row{grid-template-columns:1fr}
}


/* V15 Video & Live Hub compatibility */
.jn-video-box .bdnr-vh-home-player{height:100%}
.jn-video-box .bdnr-vh-embed{aspect-ratio:16/9}
.jn-video-box .bdnr-vh-home-title{font-size:12px}
.jn-video-layout .bdnr-vh-card-placeholder{width:100%;height:100%}

/* ========================================================================
   V16 — Modern full-width newsroom, dense side usage, colorful motion
   ======================================================================== */
:root{
 --jn-container:1520px;
 --jn-shadow:0 10px 28px rgba(21,28,42,.075);
 --jn-shadow-hover:0 18px 42px rgba(21,28,42,.14);
}
@media(min-width:1600px){.container{width:min(calc(100% - 44px),var(--jn-container))}}
.jn-home-container{overflow:visible}

/* Keep the top area dense: replace the tall empty ad with real news. */
.jn-hero{grid-template-columns:minmax(0,4.25fr) minmax(300px,1.05fr);gap:24px}
.jn-hero-news{display:flex;flex-direction:column;min-height:0}
.jn-rail{display:flex;flex-direction:column;gap:14px}
.jn-video-box,.jn-rail-spotlight,.jn-tabs{margin:0!important}
.jn-video-box{border-radius:12px;overflow:hidden;box-shadow:var(--jn-shadow);background:#111}
.jn-rail-spotlight{border:1px solid #e9edf2;border-radius:12px;padding:12px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 7px 22px rgba(39,55,78,.06)}
.jn-rail-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;margin:0 0 9px;color:#15191e}
.jn-live-dot{width:9px;height:9px;border-radius:50%;background:#e00012;box-shadow:0 0 0 0 rgba(224,0,18,.45);animation:jn-pulse 1.55s infinite}
.jn-rail-news-item{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #edf0f3}
.jn-rail-news-item:first-of-type{border-top:0}
.jn-rail-news-item .jn-img{width:82px;height:58px;border-radius:8px}
.jn-rail-news-item h3{font-size:14px;line-height:1.35;margin:0;font-weight:700}
.jn-tabs{border:1px solid #e9edf2;box-shadow:0 7px 22px rgba(39,55,78,.06);background:#fff}
.jn-tab-panel{max-height:245px;overflow:auto;scrollbar-width:thin}
.jn-tab-item{padding:9px 11px}

.jn-hero-extra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--jn-line)}
.jn-hero-extra-item{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #edf0f2;border-radius:10px;background:#fff}
.jn-hero-extra-item .jn-img{width:86px;height:62px;border-radius:7px}
.jn-hero-extra-item .jn-kicker{margin:0 0 2px;font-size:10px}
.jn-hero-extra-item h3{font-size:14px;line-height:1.35;margin:0}
.jn-flash-row{grid-template-columns:repeat(5,minmax(0,1fr));border-radius:12px;padding:13px;background:linear-gradient(90deg,#fbfcff,#fff8fa);border:1px solid #edf0f3;box-shadow:0 6px 20px rgba(29,41,60,.04)}
.jn-flash-item{border-right:1px solid #eceef1;padding-right:14px}
.jn-flash-item:last-child{border-right:0;padding-right:0}

/* Modern section surface: colorful, but still newsroom-like. */
.jn-color-section{--tone:#c50912;--tone-rgb:197,9,18;position:relative;padding:22px;border:1px solid rgba(29,43,62,.07);border-radius:16px;background:linear-gradient(150deg,rgba(var(--tone-rgb),.045),#fff 34%,#fff);box-shadow:0 8px 28px rgba(29,43,62,.035);overflow:hidden}
.jn-color-section:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:linear-gradient(180deg,var(--tone),transparent 72%);opacity:.95}
.jn-color-section:after{content:"";position:absolute;right:-80px;top:-90px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(var(--tone-rgb),.11),transparent 67%);pointer-events:none}
.jn-color-section .jn-section-heading{border-bottom-color:rgba(30,35,42,.16);position:relative;z-index:1}
.jn-color-section .jn-section-heading h2:after{background:linear-gradient(90deg,var(--tone),rgba(var(--tone-rgb),.35));width:74px}
.jn-color-section .jn-kicker{color:var(--tone)}
.jn-color-section a:hover{color:var(--tone)}

.jn-tone-country{--tone:#008a65;--tone-rgb:0,138,101}
.jn-tone-world{--tone:#6c32c9;--tone-rgb:108,50,201}
.jn-tone-video{--tone:#d40016;--tone-rgb:212,0,22}
.jn-tone-aqua{--tone:#008ca8;--tone-rgb:0,140,168}
.jn-tone-rose{--tone:#d42059;--tone-rgb:212,32,89}
.jn-tone-gold{--tone:#c78500;--tone-rgb:199,133,0}
.jn-tone-blue{--tone:#1769d1;--tone-rgb:23,105,209}
.jn-tone-violet{--tone:#7a33b7;--tone-rgb:122,51,183}
.jn-tone-indigo{--tone:#4856c9;--tone-rgb:72,86,201}
.jn-tone-emerald{--tone:#0b9476;--tone-rgb:11,148,118}
.jn-tone-cyan{--tone:#007ea7;--tone-rgb:0,126,167}
.jn-tone-green{--tone:#328a3b;--tone-rgb:50,138,59}
.jn-tone-orange{--tone:#d85b16;--tone-rgb:216,91,22}

/* বাংলাদেশ-style আন্তর্জাতিক block */
.jn-world-showcase{display:grid;grid-template-columns:minmax(0,3fr) minmax(276px,1fr);gap:28px;align-items:start}
.jn-world-news-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(340px,2.1fr) minmax(180px,1fr);gap:20px;align-items:start}
.jn-world-side-left,.jn-world-side-right{display:flex;flex-direction:column;gap:20px}
.jn-world-side-card{padding-bottom:18px;border-bottom:1px solid var(--jn-line)}
.jn-world-side-card:last-child{padding-bottom:0;border-bottom:0}
.jn-world-side-card .jn-img{aspect-ratio:1.55/1;margin-bottom:9px}
.jn-world-side-card h3{font-size:17px;line-height:1.45;margin:0;font-weight:650}
.jn-world-feature .jn-img{aspect-ratio:1.72/1;margin-bottom:12px}
.jn-world-feature h3{font-size:28px;line-height:1.34;margin:0 0 8px;font-weight:650;letter-spacing:-.2px;color:#5530ae}
.jn-world-feature p{font-size:15px;line-height:1.65;color:#5f646a;margin:0}
.jn-world-location{min-width:0;text-align:center}
.jn-world-location>h3,.jn-accent-panel>h3{font-size:21px;line-height:1.25;margin:0 0 12px;font-weight:700}
.jn-accent-panel{padding:16px;border-radius:14px;background:linear-gradient(155deg,#fff,rgba(var(--tone-rgb),.065));border:1px solid rgba(var(--tone-rgb),.14);box-shadow:0 10px 30px rgba(27,37,54,.07)}
.jn-world-orbit{width:210px;height:210px;margin:4px auto 14px;position:relative;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#8f67de,#512599 58%,#24164f);box-shadow:0 18px 40px rgba(74,35,145,.22);overflow:hidden}
.jn-world-orbit:before,.jn-world-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.48);border-radius:50%}
.jn-world-orbit:before{width:145px;height:205px}.jn-world-orbit:after{width:205px;height:86px}
.jn-orbit-globe{color:#fff;font:bold 22px/1 Arial,sans-serif;letter-spacing:.12em;z-index:2}
.jn-world-orbit i{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.15);animation:jn-orbit-dot 4.5s linear infinite}
.jn-world-orbit i:nth-of-type(1){left:30px;top:55px}.jn-world-orbit i:nth-of-type(2){right:28px;top:82px;animation-delay:-1.4s}.jn-world-orbit i:nth-of-type(3){left:86px;bottom:22px;animation-delay:-2.6s}
.jn-world-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jn-world-links a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:5px 8px;border-radius:9px;background:#fff;border:1px solid rgba(98,53,176,.16);color:#4a278c;font-size:13px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.jn-world-links a:hover{transform:translateY(-2px);background:#6034ad;color:#fff;box-shadow:0 7px 18px rgba(88,43,163,.2)}

/* More news walls use the formerly empty horizontal space. */
.jn-news-wall{margin-top:34px;padding:20px;border-radius:16px;background:linear-gradient(120deg,#101b31,#172b4e 52%,#341a47);color:#fff;box-shadow:0 16px 40px rgba(18,27,43,.16);position:relative;overflow:hidden}
.jn-news-wall:before{content:"";position:absolute;width:300px;height:300px;right:-90px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(255,67,89,.35),transparent 68%)}
.jn-wall-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;position:relative;z-index:1}
.jn-wall-heading span{font-size:24px;font-weight:800}.jn-wall-heading b{font:700 12px/1 Arial,sans-serif;letter-spacing:.12em;padding:8px 10px;border-radius:18px;background:rgba(255,255,255,.12)}
.jn-wall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1}
.jn-wall-card{background:rgba(255,255,255,.97);color:#151515;border-radius:12px;padding:10px;display:grid;grid-template-columns:105px 1fr;gap:10px;align-items:center}
.jn-wall-card .jn-img{width:105px;height:76px;border-radius:8px}.jn-wall-card .jn-kicker{font-size:10px;margin:0 0 3px}.jn-wall-card h3{font-size:14px;line-height:1.35;margin:0}
.jn-news-wall-bottom{background:linear-gradient(120deg,#34112b,#72233d 50%,#b13b30)}

/* Editorial cards now occupy more visual volume and feel interactive. */
.jn-editorial-modern{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:20px}
.jn-editorial-modern .jn-editorial-feature{padding:13px;border:1px solid rgba(20,30,45,.08);border-radius:13px;background:#fff;box-shadow:0 8px 24px rgba(29,43,62,.055)}
.jn-editorial-modern .jn-story-list{padding:4px 0}
.jn-editorial-modern .jn-list-story{border-radius:10px;padding:9px;margin-bottom:6px;transition:background .2s ease,transform .2s ease}
.jn-editorial-modern .jn-list-story:hover{background:rgba(var(--tone-rgb),.055);transform:translateX(3px)}
.jn-text-stack{display:flex;flex-direction:column;gap:0}
.jn-text-stack .jn-text-story{padding:14px;border-bottom:1px solid #e9ebee;border-left:3px solid rgba(var(--tone-rgb),.35);background:#fff;margin-bottom:8px;border-radius:0 9px 9px 0}

.jn-hover-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.jn-hover-card:hover{transform:translateY(-5px);box-shadow:var(--jn-shadow-hover);border-color:rgba(30,40,55,.12)}
.jn-hover-card .jn-img{position:relative}
.jn-hover-card .jn-img:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.26) 50%,transparent 62%);transform:translateX(-120%);transition:transform .65s ease}
.jn-hover-card:hover .jn-img:after{transform:translateX(120%)}

/* Subtle enter motion — disabled automatically for reduced-motion users. */
.jn-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.jn-reveal.is-visible{opacity:1;transform:none}
@keyframes jn-pulse{0%{box-shadow:0 0 0 0 rgba(224,0,18,.45)}70%{box-shadow:0 0 0 9px rgba(224,0,18,0)}100%{box-shadow:0 0 0 0 rgba(224,0,18,0)}}
@keyframes jn-orbit-dot{0%,100%{transform:scale(.85);opacity:.7}50%{transform:scale(1.4);opacity:1}}
@media(prefers-reduced-motion:reduce){.jn-reveal{opacity:1!important;transform:none!important;transition:none!important}.jn-live-dot,.jn-world-orbit i{animation:none!important}.jn-hover-card,.jn-img img{transition:none!important}}

/* Responsive density */
@media(max-width:1320px){
 :root{--jn-container:1240px}
 .jn-hero{grid-template-columns:minmax(0,3.4fr) minmax(280px,1fr)}
 .jn-hero-extra{grid-template-columns:1fr 1fr}
 .jn-world-showcase{grid-template-columns:minmax(0,1fr) 280px}
 .jn-world-news-grid{grid-template-columns:minmax(160px,1fr) minmax(300px,1.8fr)}
 .jn-world-side-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}
 .jn-wall-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:980px){
 .jn-hero{grid-template-columns:1fr}.jn-rail{display:grid;grid-template-columns:1fr 1fr}.jn-tabs{grid-column:1/-1}
 .jn-world-showcase{grid-template-columns:1fr}.jn-world-news-grid{grid-template-columns:1fr 1.8fr 1fr}.jn-world-side-right{grid-column:auto;display:flex}
 .jn-world-location{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:center}.jn-world-location>h3{grid-column:1/-1}.jn-world-orbit{width:200px;height:200px;margin:0 auto}.jn-world-links{grid-template-columns:repeat(3,1fr)}
 .jn-color-section{padding:18px}
}
@media(max-width:760px){
 .jn-hero-extra{grid-template-columns:1fr 1fr}.jn-flash-row{grid-template-columns:1fr 1fr}.jn-flash-item{border-right:0}
 .jn-world-news-grid{grid-template-columns:1fr 1fr}.jn-world-center{grid-column:1/-1;grid-row:1}.jn-world-side-left,.jn-world-side-right{display:grid;grid-template-columns:1fr 1fr;gap:14px}
 .jn-world-location{display:block}.jn-world-orbit{margin:0 auto 14px}.jn-world-links{grid-template-columns:1fr 1fr}
 .jn-wall-grid{grid-template-columns:1fr 1fr}.jn-wall-card{grid-template-columns:88px 1fr}.jn-wall-card .jn-img{width:88px;height:66px}
 .jn-color-section{padding:14px;border-radius:13px}
}
@media(max-width:520px){
 .container{width:min(calc(100% - 18px),var(--jn-container))}
 .jn-rail{display:block}.jn-rail>*{margin-bottom:12px!important}.jn-hero-extra{grid-template-columns:1fr}.jn-flash-row{grid-template-columns:1fr}
 .jn-world-news-grid{grid-template-columns:1fr}.jn-world-center{grid-column:auto}.jn-world-side-left,.jn-world-side-right{grid-template-columns:1fr 1fr}
 .jn-world-feature h3{font-size:22px}.jn-world-links{grid-template-columns:1fr 1fr}.jn-world-orbit{width:185px;height:185px}
 .jn-wall-grid{grid-template-columns:1fr}.jn-news-wall{padding:14px}.jn-wall-heading span{font-size:21px}
 .jn-editorial-modern{grid-template-columns:1fr}.jn-editorial-modern .jn-editorial-feature{padding:10px}
}
@media(max-width:390px){.jn-world-side-left,.jn-world-side-right{grid-template-columns:1fr}.jn-wall-card{grid-template-columns:82px 1fr}}


/* ==========================================================
   V17 FINAL WIDE — edge-to-edge desktop newsroom
   ========================================================== */
:root{--jn-container:2100px}
html,body{max-width:100%;overflow-x:hidden}
.container,.jn-content-full{width:calc(100% - 16px)!important;max-width:var(--jn-container)!important;margin-inline:auto!important}
.jn-main{width:100%;overflow:hidden}
.jn-home-container{padding-inline:0}
.jn-topbar .container,.jn-masthead .container,.jn-nav .container,.jn-topics .container,.jn-short-ticker .container,.jn-footer .container{width:calc(100% - 24px)!important;max-width:var(--jn-container)!important}

/* Use horizontal space instead of leaving blank gutters. */
.jn-hero{grid-template-columns:minmax(0,4.7fr) minmax(330px,1.28fr);gap:18px}
.jn-hero-top{grid-template-columns:minmax(0,4fr) minmax(280px,1.18fr);gap:18px}
.jn-lead{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:18px}
.jn-hero-bottom{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.jn-hero-extra{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.jn-flash-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}

.jn-section{margin-top:24px}
.jn-color-section{padding:18px 20px}
.jn-editorial-modern{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,1fr);gap:18px}
.jn-grid-4,.jn-compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.jn-wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Country and international blocks fill the full desktop row. */
.jn-country-showcase,.jn-world-showcase{grid-template-columns:minmax(0,4.5fr) minmax(300px,1.15fr);gap:18px}
.jn-country-news-grid,.jn-world-news-grid{grid-template-columns:minmax(210px,1fr) minmax(430px,2.25fr) minmax(210px,1fr);gap:18px}
.jn-country-location,.jn-world-location{align-self:stretch}
.jn-accent-panel{height:100%}
.jn-bd-map-wrap{max-width:350px}
.jn-world-orbit{width:225px;height:225px}

/* Video section also stretches across the available width. */
.jn-video-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,2.45fr);gap:16px}
.jn-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}

/* Single/article pages remain readable but can use more width for media. */
.single .jn-content-full>div{max-width:1180px}
.search .jn-content-full>div,.archive .jn-content-full>div,.category .jn-content-full>div{max-width:1500px}

/* Colorful depth without expensive libraries. */
.jn-section,.jn-news-wall,.jn-rail-spotlight,.jn-tabs{transform:translateZ(0)}
.jn-color-section{box-shadow:0 12px 32px rgba(18,28,42,.07)}
.jn-card,.jn-mini,.jn-list-story,.jn-wall-card,.jn-video-card,.jn-country-side-card,.jn-world-side-card{will-change:transform}
.jn-card:hover,.jn-mini:hover,.jn-wall-card:hover,.jn-video-card:hover,.jn-country-side-card:hover,.jn-world-side-card:hover{transform:translateY(-4px)}

/* Very wide monitors: fill almost the complete viewport. */
@media(min-width:1600px){
 :root{--jn-container:2300px}
 .container,.jn-content-full{width:calc(100% - 18px)!important}
 .jn-site-title{font-size:44px}
 .jn-country-news-grid,.jn-world-news-grid{grid-template-columns:minmax(240px,1fr) minmax(520px,2.4fr) minmax(240px,1fr)}
}
@media(min-width:2000px){
 .jn-hero{grid-template-columns:minmax(0,5.2fr) minmax(360px,1.25fr)}
 .jn-wall-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .jn-compact-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1320px){
 :root{--jn-container:1320px}
 .container,.jn-content-full{width:calc(100% - 18px)!important}
 .jn-hero{grid-template-columns:minmax(0,3.45fr) minmax(280px,1fr)}
 .jn-country-showcase,.jn-world-showcase{grid-template-columns:minmax(0,1fr) 280px}
}
@media(max-width:980px){
 .container,.jn-content-full{width:calc(100% - 16px)!important}
 .jn-hero,.jn-country-showcase,.jn-world-showcase,.jn-video-layout{grid-template-columns:1fr}
 .jn-hero-top{grid-template-columns:1fr}
 .jn-lead{grid-template-columns:1fr}
 .jn-hero-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jn-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jn-country-news-grid,.jn-world-news-grid{grid-template-columns:1fr 1.6fr 1fr}
}
@media(max-width:760px){
 .container,.jn-content-full{width:calc(100% - 12px)!important}
 .jn-country-news-grid,.jn-world-news-grid{grid-template-columns:1fr 1fr}
 .jn-country-center,.jn-world-center{grid-column:1/-1;grid-row:1}
 .jn-wall-grid,.jn-compact-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 .container,.jn-content-full{width:calc(100% - 10px)!important}
 .jn-hero-bottom,.jn-video-grid,.jn-wall-grid,.jn-compact-grid{grid-template-columns:1fr}
 .jn-color-section{padding:12px 10px}
}

/* ========================================================================
   V18 SPECTRUM MOTION — colorful animated newsroom system
   Lightweight CSS motion only; no animation library.
   ======================================================================== */
:root{
 --v18-blue:#1677ff;
 --v18-cyan:#00b8d9;
 --v18-purple:#7447ff;
 --v18-pink:#ee3f82;
 --v18-orange:#ff7a18;
 --v18-yellow:#f4b400;
 --v18-green:#00a86b;
 --v18-ink:#111827;
 --v18-glass:rgba(255,255,255,.86);
 --v18-border:rgba(21,35,58,.10);
 --v18-card-shadow:0 12px 30px rgba(24,38,63,.08);
 --v18-card-hover:0 20px 48px rgba(24,38,63,.16);
}
body{
 background:
  radial-gradient(circle at 8% 1%,rgba(22,119,255,.055),transparent 24%),
  radial-gradient(circle at 92% 5%,rgba(238,63,130,.055),transparent 26%),
  #fff;
}

/* ------------------ Header / masthead ------------------ */
.jn-header{position:relative;background:#fff;isolation:isolate}
.jn-masthead{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#f6fbff 31%,#fff5fa 68%,#fff 100%);background-size:220% 220%;animation:v18HeaderMesh 14s ease-in-out infinite}
.jn-masthead:before,.jn-masthead:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px);opacity:.55;z-index:-1}
.jn-masthead:before{width:280px;height:280px;left:8%;top:-190px;background:radial-gradient(circle,rgba(0,184,217,.23),transparent 68%);animation:v18FloatBlob 8s ease-in-out infinite}
.jn-masthead:after{width:330px;height:330px;right:6%;bottom:-250px;background:radial-gradient(circle,rgba(238,63,130,.22),transparent 68%);animation:v18FloatBlob 9.5s ease-in-out infinite reverse}
.jn-masthead-inner{position:relative}
.jn-date-box{justify-self:start;padding:10px 14px;border-radius:14px;border:1px solid rgba(22,119,255,.13);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(236,247,255,.82));box-shadow:0 8px 22px rgba(22,119,255,.07);position:relative;overflow:hidden}
.jn-date-box:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--v18-blue),var(--v18-cyan));animation:v18PulseBar 2.8s ease-in-out infinite}
.jn-clock{color:#4f6480;font-weight:600}
.jn-brand{position:relative;padding:7px 18px}
.jn-site-title{position:relative;background:linear-gradient(90deg,#111 0%,#111 31%,#d20a18 48%,#7047ff 62%,#111 78%,#111 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:v18BrandSweep 8s linear infinite;text-shadow:none}
.jn-brand:after{content:"24/7 • LIVE NEWSROOM";display:inline-flex;margin-top:7px;padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,#d60819,#ef3c73,#7954e8);color:#fff;font:800 9px/1.2 Arial,sans-serif;letter-spacing:.13em;box-shadow:0 7px 18px rgba(199,9,18,.16);animation:v18BadgeGlow 2.4s ease-in-out infinite}
.jn-tagline{font-weight:600;color:#718096}
.jn-header-actions{justify-self:end}
.jn-language-wrap{display:flex;align-items:center;gap:8px;padding:7px 9px 7px 12px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(247,244,255,.94));border:1px solid rgba(116,71,255,.15);box-shadow:0 9px 22px rgba(82,58,160,.08)}
.jn-language-label{font-weight:800;color:#5634ad}
.jn-language-select{min-width:118px;border:0!important;border-radius:999px!important;padding:7px 30px 7px 12px!important;background:#fff!important;color:#222!important;outline:none;box-shadow:inset 0 0 0 1px rgba(45,55,72,.08)}

/* Animated navigation spectrum */
.jn-nav-wrap{background:linear-gradient(100deg,#b9000c 0%,#e11125 20%,#d90059 38%,#7a39c9 59%,#235bd4 78%,#b9000c 100%);background-size:250% 100%;box-shadow:0 8px 22px rgba(173,0,34,.18);animation:v18NavFlow 12s linear infinite}
.jn-nav-wrap:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#fff0,#fff,#00e7ff,#fff,#fff0);background-size:220% 100%;animation:v18Shimmer 4.2s linear infinite;opacity:.65}
.jn-nav{gap:2px}
.jn-home{border-radius:10px;margin-right:2px;transition:background .22s ease,transform .22s ease}
.jn-home:hover{background:rgba(255,255,255,.18);transform:rotate(-8deg) scale(1.08);color:#fff}
.jn-menu>li>a{position:relative;border-radius:9px;margin:4px 1px;min-height:34px;padding-inline:10px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.jn-menu>li>a:before{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:20px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.jn-menu>li:hover>a{background:rgba(255,255,255,.17);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transform:translateY(-1px);color:#fff}
.jn-menu>li:hover>a:before{transform:scaleX(1)}
.jn-menu>li:nth-child(3n+1):hover>a{background:rgba(0,230,255,.18)}
.jn-menu>li:nth-child(3n+2):hover>a{background:rgba(255,208,66,.19)}
.jn-menu>li:nth-child(3n):hover>a{background:rgba(255,108,166,.18)}
.jn-menu .sub-menu{border:1px solid rgba(60,70,90,.1);border-radius:0 0 14px 14px;padding:8px;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(23,33,55,.18);overflow:hidden}
.jn-menu .sub-menu a{border-radius:8px;transition:padding .2s ease,background .2s ease,color .2s ease}
.jn-menu .sub-menu a:hover{padding-left:18px;background:linear-gradient(90deg,rgba(116,71,255,.10),rgba(0,184,217,.06));color:#6a35c8}
.jn-header-search{margin-left:auto;display:flex;align-items:center;min-width:190px;max-width:280px;background:rgba(255,255,255,.96);border-radius:999px;overflow:hidden;box-shadow:0 7px 18px rgba(64,0,20,.16);transition:transform .2s ease,box-shadow .2s ease}
.jn-header-search:focus-within{transform:translateY(-1px) scale(1.01);box-shadow:0 10px 25px rgba(64,0,20,.24),0 0 0 3px rgba(255,255,255,.18)}
.jn-header-search input{min-width:0;flex:1;border:0;background:transparent;padding:8px 5px 8px 13px;outline:none;color:#252525}
.jn-header-search button{width:38px;height:34px;border:0;background:linear-gradient(135deg,#ff3854,#8d3bd1);color:#fff;display:grid;place-items:center;cursor:pointer}
.jn-header-search button svg{fill:currentColor;width:15px;height:15px}

/* Topics = multicolor animated chips */
.jn-topics{position:relative;background:linear-gradient(90deg,#fff,#fbfdff 35%,#fff9fc 68%,#fff);border-bottom:1px solid rgba(51,65,85,.08)}
.jn-topics-inner{min-height:52px}
.jn-topics-label{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#121b2c;color:#fff;box-shadow:0 7px 16px rgba(18,27,44,.12)}
.jn-topics-label:before{content:"✦";color:#ffd45a;animation:v18StarSpin 5s linear infinite}
.jn-topic{border-radius:999px;padding:6px 12px;font-weight:700;border:1px solid transparent;background:#f4f6f9;transition:transform .22s ease,box-shadow .22s ease,color .22s ease}
.jn-topic:nth-of-type(3n+1){background:rgba(22,119,255,.08);color:#1667c8;border-color:rgba(22,119,255,.12)}
.jn-topic:nth-of-type(3n+2){background:rgba(238,63,130,.08);color:#c82e6c;border-color:rgba(238,63,130,.12)}
.jn-topic:nth-of-type(3n){background:rgba(0,168,107,.08);color:#06815a;border-color:rgba(0,168,107,.12)}
.jn-topic:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 9px 20px rgba(32,45,64,.12)}

/* Short News ticker plugin visual override */
.bdnr-live-ticker{border:0!important;background:linear-gradient(90deg,#111b32,#182c50 42%,#32193c 100%)!important;box-shadow:0 8px 22px rgba(14,26,49,.15)!important}
.bdnr-live-ticker-inner{color:#fff}
.bdnr-live-badge{background:linear-gradient(135deg,#e00817,#ff416c)!important;color:#fff!important;box-shadow:7px 0 18px rgba(0,0,0,.12);position:relative;z-index:2}
.bdnr-ticker-window{background:transparent!important}
.bdnr-ticker-item{color:#fff!important;border-right-color:rgba(255,255,255,.12)!important}
.bdnr-ticker-item a{color:#fff!important}.bdnr-ticker-item a:hover{color:#76ecff!important}
.bdnr-ticker-dot{background:#4ce7ff!important;box-shadow:0 0 0 4px rgba(76,231,255,.10)}

/* ------------------ Global section headings/options ------------------ */
.jn-main{position:relative}
.jn-section-heading{position:relative;border-bottom:0!important;padding:7px 10px 8px 0;margin-bottom:18px;align-items:center}
.jn-section-heading:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--tone,var(--jn-red)),rgba(var(--tone-rgb,197,9,18),.18) 38%,rgba(22,119,255,.12) 70%,transparent)}
.jn-section-heading h2,.jn-section-heading h1{font-weight:850;letter-spacing:-.2px;padding:8px 14px 9px;border-radius:12px 12px 5px 5px;background:linear-gradient(135deg,rgba(var(--tone-rgb,197,9,18),.10),rgba(255,255,255,.7));box-shadow:inset 0 0 0 1px rgba(var(--tone-rgb,197,9,18),.08)}
.jn-section-heading h2:after,.jn-section-heading h1:after{height:4px!important;bottom:0!important;left:10px!important;width:52px!important;border-radius:10px;background:linear-gradient(90deg,var(--tone,var(--jn-red)),#ffb03a)!important;animation:v18UnderlineBreath 3s ease-in-out infinite}
.jn-section-heading .jn-subcats{gap:7px!important;padding-bottom:0!important;align-items:center}
.jn-section-heading .jn-subcats span,.jn-section-heading .jn-subcats a{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:rgba(var(--tone-rgb,197,9,18),.065);border:1px solid rgba(var(--tone-rgb,197,9,18),.09);font-weight:650;white-space:nowrap;transition:transform .18s ease,background .18s ease,color .18s ease}
.jn-section-heading .jn-subcats span:hover,.jn-section-heading .jn-subcats a:hover{transform:translateY(-2px);background:rgba(var(--tone-rgb,197,9,18),.13);color:var(--tone,var(--jn-red))}
.jn-section-heading .jn-more{align-self:center;margin-left:auto;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,var(--tone,var(--jn-red)),rgba(var(--tone-rgb,197,9,18),.76));color:#fff!important;font-weight:800;box-shadow:0 7px 16px rgba(var(--tone-rgb,197,9,18),.15);transition:transform .2s ease,box-shadow .2s ease}
.jn-section-heading .jn-more:hover{transform:translateX(3px);box-shadow:0 10px 24px rgba(var(--tone-rgb,197,9,18),.24)}

/* Color section animated frame */
.jn-color-section{border:1px solid rgba(var(--tone-rgb,197,9,18),.12)!important;background:
 linear-gradient(145deg,rgba(var(--tone-rgb,197,9,18),.06),rgba(255,255,255,.96) 25%,#fff 70%,rgba(22,119,255,.025))!important;
 box-shadow:0 14px 36px rgba(25,40,65,.07),inset 0 1px 0 rgba(255,255,255,.8)!important}
.jn-color-section:before{width:6px!important;background:linear-gradient(180deg,var(--tone),#ffbf3f,transparent 88%)!important;box-shadow:2px 0 16px rgba(var(--tone-rgb),.18)}
.jn-color-section:after{animation:v18SectionOrb 8s ease-in-out infinite}

/* Cards, story options, rows */
.jn-card,.jn-mini,.jn-list-story,.jn-text-story,.jn-country-side-card,.jn-world-side-card,.jn-video-card,.jn-wall-card,.jn-hero-extra-item,.jn-rail-news-item{border-radius:12px;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,background .25s ease,border-color .25s ease}
.jn-card .jn-img,.jn-mini .jn-img,.jn-list-story .jn-img,.jn-country-side-card .jn-img,.jn-world-side-card .jn-img,.jn-video-card .jn-video-thumb,.jn-flash-item .jn-img{border-radius:10px;overflow:hidden}
.jn-card:hover,.jn-mini:hover,.jn-list-story:hover,.jn-country-side-card:hover,.jn-world-side-card:hover,.jn-video-card:hover,.jn-wall-card:hover,.jn-hero-extra-item:hover,.jn-rail-news-item:hover{transform:translateY(-5px);box-shadow:var(--v18-card-hover);background:linear-gradient(145deg,#fff,rgba(var(--tone-rgb,22,119,255),.035))}
.jn-kicker{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:rgba(var(--tone-rgb,197,9,18),.09);color:var(--tone,var(--jn-red));font-weight:800}
.jn-kicker:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px;box-shadow:0 0 0 3px rgba(var(--tone-rgb,197,9,18),.09)}
.jn-img{border-radius:10px;box-shadow:inset 0 0 0 1px rgba(14,25,45,.04)}
.jn-img:before{content:"";position:absolute;inset:-40% -120%;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.26) 49%,transparent 56%);transform:translateX(-30%);pointer-events:none;z-index:2;opacity:0}
.jn-card:hover .jn-img:before,.jn-lead:hover .jn-img:before,.jn-video-card:hover .jn-video-thumb:before{opacity:1;animation:v18ImageSweep .8s ease}

/* Hero gets a premium animated aura */
.jn-hero{position:relative}
.jn-lead{padding:13px;border:1px solid rgba(33,45,64,.08);border-radius:16px;background:linear-gradient(145deg,#fff,#f9fcff);box-shadow:var(--v18-card-shadow)}
.jn-lead:before{content:"";position:absolute;pointer-events:none}
.jn-head-side{border-left:0!important;padding-left:0!important}
.jn-head-side .jn-mini{padding:10px!important;border:1px solid rgba(33,45,64,.07)!important;background:#fff}
.jn-hero-bottom .jn-card{padding:10px!important;border:1px solid rgba(33,45,64,.07)!important;margin:0 4px;background:#fff}
.jn-hero-bottom .jn-card:last-child{border-right:1px solid rgba(33,45,64,.07)!important}
.jn-hero-extra-item{background:linear-gradient(145deg,#fff,#f8fbff)!important;border-color:rgba(22,119,255,.09)!important}
.jn-flash-row{background:linear-gradient(100deg,#f4fbff,#fff8fb 48%,#fffbe9)!important;border:1px solid rgba(70,85,110,.08)!important;position:relative;overflow:hidden}
.jn-flash-row:before{content:"LATEST";position:absolute;right:14px;top:7px;font:900 34px/1 Arial,sans-serif;color:rgba(35,85,170,.035);letter-spacing:.08em;pointer-events:none}

/* Video/live — eye-catching but still news style */
.jn-video-box{border:1px solid rgba(255,255,255,.15);box-shadow:0 15px 38px rgba(12,18,35,.22),0 0 0 3px rgba(221,0,27,.05)}
.jn-video-box:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#ff233c,#783cff,#1bd7ef,#ff233c);background-size:300% 300%;animation:v18BorderFlow 5s linear infinite;pointer-events:none;z-index:5;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor}
.jn-play{background:linear-gradient(135deg,#ff1835,#be174f 52%,#7338dd);box-shadow:0 9px 25px rgba(208,0,35,.34);animation:v18PlayPulse 2s ease-in-out infinite}
.jn-video-card .jn-video-thumb{position:relative;overflow:hidden;border-radius:13px;box-shadow:var(--v18-card-shadow)}
.jn-video-card .jn-video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,14,24,.28));pointer-events:none}

/* Tabs, buttons, selects, interactive options */
.jn-tabs{border-radius:14px!important;overflow:hidden;border:1px solid rgba(33,45,64,.08)!important;box-shadow:var(--v18-card-shadow)!important}
.jn-tab-buttons{border-bottom:0!important;background:#f7f9fc;padding:6px;gap:6px}
.jn-tab-buttons button{border-radius:9px!important;padding:9px 8px!important;background:transparent!important;transition:transform .18s ease,background .18s ease,color .18s ease}
.jn-tab-buttons button.active{background:linear-gradient(135deg,#d60718,#e13967 55%,#6f42ce)!important;color:#fff!important;box-shadow:0 7px 18px rgba(188,12,65,.18)}
.jn-tab-buttons button:hover{transform:translateY(-2px)}
.jn-location-form select,.jn-location-box select,.jn-country-location select,.jn-world-location select,.jn-language-select{border:1px solid rgba(73,84,104,.13)!important;border-radius:10px!important;background:linear-gradient(145deg,#fff,#f9fbfe)!important;box-shadow:0 6px 14px rgba(33,45,64,.04);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.jn-location-form select:focus,.jn-location-box select:focus,.jn-country-location select:focus,.jn-world-location select:focus{border-color:rgba(var(--tone-rgb,22,119,255),.45)!important;box-shadow:0 0 0 3px rgba(var(--tone-rgb,22,119,255),.09);outline:none;transform:translateY(-1px)}
.jn-location-form button,.jn-location-box button,.jn-country-location button,.jn-world-location button{border:0!important;border-radius:10px!important;background:linear-gradient(135deg,var(--tone,var(--jn-red)),#ef4574)!important;color:#fff!important;font-weight:800;box-shadow:0 8px 20px rgba(var(--tone-rgb,197,9,18),.17);transition:transform .2s ease,box-shadow .2s ease}
.jn-location-form button:hover,.jn-location-box button:hover,.jn-country-location button:hover,.jn-world-location button:hover{transform:translateY(-3px);box-shadow:0 13px 28px rgba(var(--tone-rgb,197,9,18),.26)}

/* Country/world panels */
.jn-accent-panel{position:relative;overflow:hidden;border:1px solid rgba(var(--tone-rgb,197,9,18),.13)!important;background:linear-gradient(155deg,#fff,rgba(var(--tone-rgb,197,9,18),.07))!important;box-shadow:0 14px 35px rgba(25,40,65,.08)!important}
.jn-accent-panel:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-100px;top:-100px;background:radial-gradient(circle,rgba(var(--tone-rgb,197,9,18),.17),transparent 68%);animation:v18SectionOrb 7s ease-in-out infinite}
.jn-world-links a,.jn-division-tabs a{border-radius:999px!important;border:1px solid rgba(var(--tone-rgb,197,9,18),.11);box-shadow:0 6px 15px rgba(20,35,55,.04);transition:transform .2s ease,box-shadow .2s ease}
.jn-world-links a:hover,.jn-division-tabs a:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 22px rgba(var(--tone-rgb,197,9,18),.13)}
.jn-bd-map-wrap{filter:drop-shadow(0 12px 18px rgba(172,25,35,.14));transition:transform .3s ease}
.jn-country-location:hover .jn-bd-map-wrap{transform:translateY(-4px) scale(1.015)}

/* News walls become vibrant editorial bands */
.jn-news-wall{border-radius:17px!important;box-shadow:0 18px 45px rgba(21,30,55,.17)!important;position:relative;isolation:isolate}
.jn-news-wall:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.06),transparent);background-size:220% 100%;animation:v18Shimmer 6s linear infinite;pointer-events:none;z-index:-1}
.jn-wall-card{border:1px solid rgba(255,255,255,.55);box-shadow:0 9px 20px rgba(0,0,0,.09)}

/* Archive/search/category/list options */
.jn-archive-item{padding:12px;border:1px solid rgba(33,45,64,.07);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(27,40,62,.045);transition:transform .22s ease,box-shadow .22s ease}
.jn-archive-item:hover{transform:translateY(-4px);box-shadow:var(--v18-card-hover)}
.navigation.pagination .page-numbers{border-radius:9px!important;border-color:rgba(33,45,64,.09)!important;background:#fff;transition:transform .2s ease,background .2s ease,color .2s ease}
.navigation.pagination .page-numbers:hover{transform:translateY(-2px);background:#f3f7ff;color:#1769d1}
.navigation.pagination .current{background:linear-gradient(135deg,#d40718,#7a39c9)!important;color:#fff!important;box-shadow:0 8px 18px rgba(145,30,105,.18)}

/* Single article interactions */
.single .jn-article{background:linear-gradient(180deg,#fff,#fff);border-radius:16px}
.jn-breadcrumb a,.jn-category-path a{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f3f6fb;border:1px solid rgba(33,45,64,.07);margin:2px;transition:transform .18s ease,background .18s ease}
.jn-breadcrumb a:hover,.jn-category-path a:hover{transform:translateY(-2px);background:#eaf2ff;color:#1769d1}
.jn-article h1{position:relative;padding-bottom:11px}
.jn-article h1:after{content:"";position:absolute;left:0;bottom:0;width:110px;height:5px;border-radius:10px;background:linear-gradient(90deg,#d40718,#ef7a31,#7447ff);background-size:200% 100%;animation:v18NavFlow 5s linear infinite}
.jn-featured{border-radius:14px;overflow:hidden;box-shadow:0 15px 38px rgba(25,40,65,.11)}
.jn-social-actions{background:linear-gradient(100deg,#f8fbff,#fff7fb)!important;border:1px solid rgba(33,45,64,.07)!important}
.jn-action-btn{border:1px solid transparent!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}
.jn-action-btn:nth-child(1){color:#1769d1}.jn-action-btn:nth-child(2){color:#7a39c9}.jn-action-btn:nth-child(3){color:#d40718}
.jn-action-btn:hover{transform:translateY(-3px);background:#fff!important;box-shadow:0 8px 18px rgba(26,40,65,.10)}
.jn-share-links a,.jn-share-links button{border-radius:999px!important;background:#fff!important;box-shadow:0 5px 13px rgba(25,40,65,.05)}
.jn-comment-form textarea,.jn-comment-form input{border-radius:10px!important;border-color:rgba(33,45,64,.11)!important;background:#fbfcff!important}
.jn-comment-form .submit{border-radius:999px!important;background:linear-gradient(135deg,#d40718,#7447ff)!important;box-shadow:0 8px 18px rgba(142,33,102,.18)}

/* Footer becomes part of the animated visual system */
.jn-footer{position:relative;overflow:hidden;background:linear-gradient(120deg,#0b1425 0%,#112b43 40%,#2a1435 72%,#101521 100%)!important;background-size:180% 180%;animation:v18HeaderMesh 18s ease-in-out infinite}
.jn-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,rgba(0,210,255,.10),transparent 28%),radial-gradient(circle at 84% 100%,rgba(239,65,124,.11),transparent 31%);pointer-events:none}
.jn-footer-main,.jn-footer-bottom{position:relative;z-index:1}
.jn-footer-logo{background:linear-gradient(90deg,#fff,#5fe8ff,#ff8eb8,#fff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:v18BrandSweep 8s linear infinite}
.jn-footer h3{display:inline-block;padding-bottom:5px;border-bottom:2px solid #49dff4}
.jn-footer a{transition:color .2s ease,transform .2s ease}.jn-footer a:hover{color:#62e7ff!important}

/* Generic frontend buttons/links from plugins/widgets */
.jn-main button:not(.jn-tab-buttons button):not(.jn-menu-toggle),.jn-main input[type="submit"],.bdnr-vh-open-link{transition:transform .2s ease,box-shadow .2s ease}
.jn-main button:not(.jn-tab-buttons button):not(.jn-menu-toggle):hover,.jn-main input[type="submit"]:hover{transform:translateY(-2px)}

/* Motion keyframes */
@keyframes v18HeaderMesh{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes v18NavFlow{0%{background-position:0% 50%}100%{background-position:250% 50%}}
@keyframes v18BrandSweep{0%{background-position:160% 0}100%{background-position:-90% 0}}
@keyframes v18Shimmer{0%{background-position:-120% 0}100%{background-position:160% 0}}
@keyframes v18FloatBlob{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,15px,0) scale(1.07)}}
@keyframes v18PulseBar{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes v18BadgeGlow{0%,100%{box-shadow:0 7px 18px rgba(199,9,18,.16)}50%{box-shadow:0 7px 25px rgba(116,71,255,.28)}}
@keyframes v18StarSpin{to{transform:rotate(360deg)}}
@keyframes v18UnderlineBreath{0%,100%{width:52px;opacity:.82}50%{width:82px;opacity:1}}
@keyframes v18SectionOrb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-18px,14px) scale(1.08)}}
@keyframes v18ImageSweep{0%{transform:translateX(-60%)}100%{transform:translateX(115%)}}
@keyframes v18BorderFlow{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes v18PlayPulse{0%,100%{transform:scale(1);box-shadow:0 9px 25px rgba(208,0,35,.34)}50%{transform:scale(1.08);box-shadow:0 12px 34px rgba(116,55,221,.38)}}

/* Responsiveness + accessible motion */
@media(max-width:980px){
 .jn-date-box{padding:7px 10px}.jn-brand:after{font-size:8px}.jn-header-search{max-width:210px}
 .jn-section-heading{flex-wrap:wrap;align-items:flex-start}.jn-section-heading .jn-subcats{order:3;width:100%}
}
@media(max-width:760px){
 .jn-masthead-inner{grid-template-columns:1fr;gap:8px;padding:10px 0}.jn-date-box{display:none}.jn-header-actions{justify-self:center}.jn-brand{padding:3px 10px}
 .jn-nav{padding:4px 0}.jn-header-search{margin-left:auto;max-width:185px}.jn-menu-toggle{display:block}
 .jn-section-heading h2,.jn-section-heading h1{padding:7px 10px}.jn-section-heading .jn-more{padding:6px 10px}
 .jn-color-section{border-radius:14px!important}
}
@media(max-width:520px){
 .jn-header-search{max-width:150px;min-width:0}.jn-header-search input{font-size:12px;padding-left:10px}.jn-brand:after{display:none}
 .jn-topic{padding:5px 9px;font-size:12px}.jn-topics-label{font-size:14px}
 .jn-section-heading .jn-subcats span,.jn-section-heading .jn-subcats a{font-size:12px;padding:4px 7px}
 .jn-lead{padding:8px}.jn-hero-bottom .jn-card{margin:0}
}
@media(prefers-reduced-motion:reduce){
 .jn-masthead,.jn-site-title,.jn-brand:after,.jn-nav-wrap,.jn-nav-wrap:after,.jn-color-section:after,.jn-news-wall:before,.jn-footer,.jn-footer-logo,.jn-play,.jn-section-heading h2:after,.jn-section-heading h1:after,.jn-world-orbit,.jn-live-dot{animation:none!important}
 .jn-card,.jn-mini,.jn-list-story,.jn-video-card,.jn-topic,.jn-menu>li>a,.jn-more,.jn-img img{transition:none!important}
}
.v18-motion-card{transition-delay:var(--v18-stagger,0ms)}
@media(prefers-reduced-motion:reduce){.v18-motion-card{transition-delay:0ms!important}}