/* Upper-page editorial treatment, matched to the existing World section.
   Scoped to #national and .top-ad; lower sections retain their original styles. */
.top-ad{border-radius:0;margin:24px 0 28px;min-height:100px}
#national{padding-top:0}
#national>.section-heading{margin-bottom:22px}
#national>.section-heading h2{font-size:32px}
#national>.section-heading h2::before{transform:none;margin-right:0;border-radius:0}
#national .lead-story{display:grid;grid-template-columns:minmax(0, .92fr) minmax(0,1.2fr);gap:24px;margin:0;padding:0 0 24px;border-bottom:3px solid var(--ink);align-items:center}
#national .lead-story>div{width:auto;padding:0;margin:0;min-width:0}
#national .lead-story h1{font-size:clamp(29px,2.7vw,41px);line-height:1.4;color:var(--ink);margin:0 0 16px;text-shadow:none}
#national .lead-story a:hover h1{color:var(--red)}
#national .lead-story p{font-size:17px;line-height:1.85;color:#444;margin:0 0 18px;display:block;overflow:visible}
#national .lead-story .meta{padding:5px 9px;background:#f2f2f2;color:#555;border-left:4px solid var(--red);font-size:12px}
#national .lead-story img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:3px solid var(--ink);border-radius:0;box-shadow:6px 6px 0 var(--red);transition:box-shadow .2s}
#national .lead-story a:hover img{transform:none;box-shadow:9px 9px 0 var(--red)}
#national .lead-secondary{--bs-gutter-x:18px;--bs-gutter-y:20px;padding-top:4px}
#national .lead-secondary>div{width:25%}
#national .lead-main .news-card{padding:0;background:none;border:0;border-radius:0;height:auto;margin:0}
#national .lead-main .news-card a{display:block}
#national .lead-main .news-card img{width:100%;height:auto;aspect-ratio:16/10;border:3px solid var(--ink);border-radius:0;box-shadow:none}
#national .lead-main .news-card h3{position:static;color:var(--ink);font-size:19px;line-height:1.55;margin:11px 0 0;padding:0}
#national .lead-main .news-card a:hover h3{color:var(--red)}
#national .lead-main .news-card a:hover img{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--red)}
#national .lead-secondary .news-card h3{font-size:18px}
#national .ad-slot{border-radius:0}
#national .news-tabs{border:2px solid var(--ink);padding:0;background:#fff;border-radius:0;box-shadow:none}
#national .news-tabs .nav-tabs{margin:0;border-bottom:3px solid var(--ink);flex-wrap:nowrap}
#national .news-tabs .nav-link{font-size:16px;line-height:1.5;border:0;border-radius:0;background:#f0f0f0;color:var(--ink);padding:13px 5px!important;white-space:nowrap}
#national .news-tabs .nav-link.active{background:var(--ink);color:#fff;box-shadow:inset 0 -4px var(--red)}
#national .news-tabs .tab-content{padding:0 12px;scrollbar-color:#999 #f3f3f3;max-height:660px}
#national .lead-sidebar .news-card{padding:14px 0}
#national .lead-sidebar .news-card a{grid-template-columns:80px minmax(0,1fr);gap:10px;align-items:start}
#national .lead-sidebar .news-card img{width:100%;height:auto;aspect-ratio:4/3;border:2px solid var(--ink);border-radius:0}
#national .lead-sidebar .news-card h3{font-size:15px;line-height:1.6}
#national .lead-sidebar .news-card a:hover img{transform:none;box-shadow:none}
#national #popular{counter-reset:popular}
#national #popular .news-card{counter-increment:popular;position:relative}
#national #popular .news-card::before{content:counter(popular,bengali);position:absolute;top:14px;left:0;background:var(--red);color:white;min-width:22px;line-height:23px;text-align:center;font-size:12px;font-weight:700}
@media(min-width:992px){
 #national>.row{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:24px;grid-template-rows:auto auto 108px auto 108px}
 #national .lead-sidebar{grid-row:1/6;contain:none;overflow:visible}
 #national .lead-sidebar>.ad-slot{flex:0 0 160px;min-height:160px}
 #national .lead-sidebar .sidebar-bottom-ad{flex-basis:220px;min-height:220px}
 #national .lead-sidebar .news-tabs{margin:22px 0}
 #national .lead-main>.row:not(.lead-story){margin-inline:-9px;--bs-gutter-x:18px}
}
@media(max-width:1199.98px) and (min-width:992px){
 #national .lead-story{grid-template-columns:1fr;gap:20px}
 #national .lead-story>div:last-child{grid-row:1}
 #national .lead-story img{aspect-ratio:16/9}
 #national .lead-story h1{font-size:34px}
 #national .lead-sidebar .news-card a{grid-template-columns:65px minmax(0,1fr)}
 #national .lead-sidebar .news-card h3{font-size:14px}
 #national .news-tabs .nav-link{font-size:14px}
}
@media(max-width:991.98px){
 #national .lead-main{width:100%}
 #national .lead-story{gap:22px}
 #national .lead-secondary{margin-top:22px}
 #national .lead-sidebar{margin-top:24px;gap:18px;display:flex}
 #national .lead-sidebar .news-tabs{margin:0}
 #national .news-tabs .tab-content{height:340px}
 #national .lead-sidebar .ad-slot{min-height:100px;margin:0}
 #national .lead-middle-ad{margin:24px 0}
 #national .lead-bottom-ad{margin-top:24px}
}
@media(max-width:767.98px){
 .top-ad{min-height:72px;margin:18px 0 24px}
 #national>.section-heading h2{font-size:27px}
 #national .lead-story{grid-template-columns:1fr;gap:20px;padding-bottom:22px}
 #national .lead-story>div:last-child{grid-row:1}
 #national .lead-story img{aspect-ratio:16/10;margin:0;box-shadow:5px 5px var(--red)}
 #national .lead-story h1{font-size:30px;line-height:1.4}
 #national .lead-story p{font-size:16px}
 #national .lead-secondary>div{width:50%}
 #national .lead-secondary .news-card h3{font-size:17px}
 #national .lead-main>.row:not(.lead-story):not(.lead-secondary)>div{width:50%}
 #national .lead-main .news-card h3{font-size:17px}
 #national .lead-main .news-card img{border-width:2px}
 #national .lead-sidebar .news-card a{grid-template-columns:90px minmax(0,1fr)}
 #national .lead-sidebar .news-card h3{font-size:16px}
}