/* Category archive and article layout, using the same ProBa Unicode font as the reference. */
main.wrap:has(.np-page){max-width:none;width:100%;padding:24px 18px 50px}
.np-page{--np-border:#e6e6e6;--np-muted:#707070;--np-blue:#6d9fbd;max-width:var(--np-width,1380px);margin:auto;color:#161616;font:20px/1.4 NewsBangla,serif}
.np-page *{box-sizing:border-box;font-family:NewsBangla,serif}
.np-page :is(div,article,aside,section){min-width:0}
.np-page :is(h1,h2,h3,p,figure,ol){margin:0}
.np-page :is(h1,h2,h3){font-weight:400}
.np-page a{color:inherit;text-decoration:none}
.np-page a:hover{color:#e06d22}
.np-page a:focus-visible,.np-page button:focus-visible{outline:2px solid #327dab;outline-offset:3px}
.np-page img{display:block;max-width:100%;height:auto;object-fit:cover}
.np-banner{width:100%;text-align:center;margin:0 auto 20px}
.np-banner:empty{display:none}
.np-ad{text-align:center;margin:20px auto;width:100%;overflow:hidden;line-height:0}
.np-ad img{max-width:100%;width:auto;height:auto;object-fit:contain;margin:auto;max-height:430px}
.np-banner .np-ad img{max-height:110px}
.np-ad iframe{max-width:100%;border:0}
.np-ad--mobile{display:none}
.np-quick-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;align-items:center;max-width:1050px;margin:12px auto 30px;font-size:18px}
.np-quick-links>span{color:#666}
.np-quick-links a{border:1px solid #dce9f6;color:#6b99cb;padding:1px 8px;border-radius:6px;background:#fff}
.np-category-title{color:var(--np-blue);font-size:30px;line-height:1.3;margin:0 0 26px!important;position:relative}
.np-category-title:after{content:'';display:block;width:70px;height:2px;background:#dc4c4c;margin-top:5px}
.np-category-top{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;border-bottom:1px solid var(--np-border);padding-bottom:24px;margin-bottom:24px}
.np-category-top>article{display:flex;flex-direction:column;position:relative}
.np-category-top>article+article:before{content:'';position:absolute;left:-15px;top:0;bottom:0;border-left:1px solid var(--np-border)}
.np-category-top img{width:100%;aspect-ratio:16/9;border-radius:3px}
.np-category-top h2{font-size:20px;line-height:1.3;margin:11px 0 10px}
.np-category-top p{font-size:16px;line-height:1.4;color:var(--np-muted);margin:0 0 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.np-page time{font-size:14px;color:#999;display:block;line-height:1.3}
.np-category-top time{margin-top:auto}
.np-category-main{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:34px;align-items:start}
.np-list-item{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:18px;border-bottom:1px solid #efdddd;padding:0 0 18px;margin-bottom:18px}
.np-list-image{display:block;overflow:hidden;border-radius:3px;align-self:start}
.np-list-image img{width:100%;aspect-ratio:16/9}
.np-list-copy{display:flex;flex-direction:column}
.np-list-copy h2{font-size:22px;line-height:1.35;margin:0 0 10px}
.np-list-copy p{font-size:17px;line-height:1.4;color:var(--np-muted);margin:0 0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.np-list-copy time{margin-top:auto}
.np-category-sidebar{padding-top:260px}
.np-category-sidebar>.np-ad:first-child{margin-top:0}
.np-widget{margin:0 0 28px}
.np-widget>h2,.np-widget-heading h2{font-size:22px;font-weight:400}
.np-widget-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.np-widget-heading:before,.np-widget-heading:after{content:'';height:3px;background:#e9e9e9;flex:1}
.np-widget-heading:before{flex:0 0 25px}
.np-widget-heading h2{white-space:nowrap}
.np-latest{background:#eee;border-radius:6px;padding:14px 16px 0}
.np-latest>h2{text-align:center;padding-bottom:12px}
.np-side-item{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid #e6d4d4;align-items:start;font-size:20px;line-height:1.35}
.np-side-item:last-child{border-bottom:0}
.np-side-item img{width:120px;aspect-ratio:16/9;border-radius:2px}
.np-load-more{text-align:center;margin:25px 0 0}
.np-load-more a{display:inline-block;border-radius:4px;background:#e84451;color:#fff;padding:8px 22px;font-size:20px}
.np-load-more a[aria-busy=true]{opacity:.6;pointer-events:none}
.np-load-status{font-size:17px;color:#777;text-align:center}
.np-previous{display:inline-block;font-size:18px;color:#668ba9!important;margin-top:20px}
.np-empty{padding:30px 0;color:#777}
.np-article-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:32px;align-items:start}
.np-breadcrumb{display:flex;gap:10px;color:#86a5bc;font-size:16px;line-height:1.4;flex-wrap:wrap;margin:0 0 34px}
.np-breadcrumb>span:last-child{color:#777}
.np-article-header{padding-bottom:24px;border-bottom:1px solid var(--np-border);margin-bottom:24px}
.np-kicker{color:#e75c5c;font-size:22px;margin:0 0 7px!important}
.np-live{color:#bf1717;font-size:17px}
.np-title{font-size:40px;line-height:1.3;font-weight:400!important;margin:0 0 34px!important;letter-spacing:0}
.np-byline-share{display:flex;justify-content:space-between;gap:25px;align-items:end}
.np-byline{display:grid;gap:4px;font-size:17px;line-height:1.3}
.np-byline strong{font-weight:700;margin-bottom:8px;font-size:20px}
.np-byline time{color:#777;font-size:15px}
.np-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #efdbdb;border-radius:4px;padding:10px 12px;width:max-content;max-width:100%;font-size:17px;background:transparent}
.np-share button{font-family:Arial,sans-serif!important;width:35px;height:35px;border:0;border-radius:50%;padding:0;display:grid;place-items:center;background:#bbb;color:#fff;font-size:16px;cursor:pointer;line-height:1;font-weight:700}
.np-share button:hover{opacity:.8}
.np-share--facebook{background:#3b5998!important}.np-share--x{background:#222!important}.np-share--linkedin{background:#0077b5!important}.np-share--whatsapp{background:#42cd65!important}.np-share--email{background:#ed2942!important}
.np-share-feedback:empty{display:none}
.np-reading-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:30px;align-items:start}
.np-popular h2{font-size:22px;text-align:center;display:flex;align-items:center;gap:8px;margin-bottom:10px}
.np-popular h2:before,.np-popular h2:after{content:'';height:3px;background:#ededed;flex:1}
.np-popular ol{list-style:none;padding:0;counter-reset:popular;border:1px solid #efdada}
.np-popular li{counter-increment:popular;display:flex;gap:8px;padding:12px 10px;border-bottom:1px solid #efdada;font-size:20px;line-height:1.3}
.np-popular li:last-child{border-bottom:0}
.np-popular li:before{content:counter(popular,bengali);font-size:26px;color:#aaa;min-width:16px}
.np-more{border:1px solid #ddd;border-radius:4px;font-size:20px;margin:34px auto;overflow:hidden}
.np-more h2{font-size:21px;background:#e9effb;padding:10px 16px}
.np-more a{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;border-bottom:1px solid #eee}
.np-more a:last-child{border-bottom:0}
.np-more span{color:#aab0b7;font-size:26px;line-height:1}
.np-page .np-story{padding:0;border:0;max-width:100%;width:100%;min-width:0;margin:0;box-shadow:none;background:transparent}
.np-page .np-figure{margin:0;width:100%;border:0;border-radius:0;overflow:hidden;box-shadow:none}
.np-figure img{width:100%;height:auto;border-radius:0;cursor:zoom-in}
.np-figure figcaption{font-size:16px;line-height:1.3;background:#f3f3f3;color:#777;padding:8px 12px;text-align:left}
.np-copy{width:83.333%;max-width:100%;margin:70px auto 0}
.np-page .np-reader-tools{display:flex;gap:9px;flex-wrap:wrap;padding:0 0 12px;border:0;background:transparent;margin:0;box-shadow:none}
.np-reader-tools button,.np-reader-tools a{background:#f4f4f4;border:1px solid #eee;border-radius:3px;font:14px NewsBangla,serif;padding:4px 7px;color:#777;cursor:pointer}
.np-page .np-article-content{font:var(--reader-size,20px)/1.5 NewsBangla,serif!important;text-align:justify;color:inherit;overflow-wrap:break-word}
.np-page .np-article-content :is(p,div,span,li){font-family:NewsBangla,serif!important;font-size:inherit!important;line-height:inherit!important}
.np-page .np-article-content p{margin:0 0 20px!important}
.np-page .np-article-content>p:first-child{font-weight:700}
.np-page .np-article-content img{max-width:100%;height:auto;cursor:zoom-in}
.np-page .np-article-content :is(iframe,video,table){max-width:100%}
.np-page .np-article-content figure{max-width:100%;margin:20px 0}
.np-page .np-article-content .np-ad{margin:25px auto}
.np-article-content .np-ad img{max-height:280px}
.np-inline-related,.np-article-content .inline-related{display:block;border:1px solid #d8e4f3;padding:10px;margin:15px 0;color:#6a9dcc!important;font-size:18px;line-height:1.4}
.np-tags{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0 30px}
.np-tags a{background:#f1f1f1;font-size:18px;padding:8px 15px;border-radius:3px}
.np-video{position:relative;aspect-ratio:16/9;margin:20px 0}
.np-video iframe{width:100%;height:100%;border:0}
.np-related{margin-top:90px}
.np-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.np-related-grid article{background:#f2f2f2;border-radius:3px;overflow:hidden}
.np-related-grid img{width:100%;aspect-ratio:16/9}
.np-related-grid h3{font-size:20px;line-height:1.35;padding:10px 12px;font-weight:400}
.np-copy>.np-more{max-width:350px;margin-top:70px}
.np-article-aside{padding-top:85px}
.np-article-aside>.np-ad:first-child{margin-top:0}
.np-side-feature{display:block;background:#f3f3f3;margin-bottom:10px;font-size:20px;line-height:1.3}
.np-side-feature img{width:100%;aspect-ratio:16/9}
.np-side-feature span{display:block;padding:10px 14px}
.np-related-side .np-side-item{padding:14px;background:#f3f3f3;font-size:20px;grid-template-columns:110px minmax(0,1fr)}
.np-related-side .np-side-item img{width:110px}
body.reading-mode:has(.np-page) .np-left-rail,body.reading-mode:has(.np-page) .np-article-aside{display:none}
body.reading-mode:has(.np-page) .np-article-grid,body.reading-mode:has(.np-page) .np-reading-grid{grid-template-columns:1fr}
body.reading-mode:has(.np-page) .np-primary{max-width:950px;margin:auto}
body.reading-mode:has(.np-page) .np-copy{max-width:700px}
body:has(.np-page) .site-footer{background:#393939;color:#eee}
body:has(.np-page) .site-footer :is(a,p,h2,h3,span){font-family:NewsBangla,serif}
body.dark-mode .np-page{color:var(--ink,#eee);--np-border:var(--line,#444);--np-muted:var(--muted,#aaa)}
body.dark-mode .np-page :is(.np-latest,.np-side-feature,.np-related-side .np-side-item,.np-related-grid article,.np-tags a,.np-more h2,.np-figure figcaption,.np-reader-tools button,.np-reader-tools a){background:var(--surface,#222);color:var(--ink,#eee)}
@media(max-width:1200px){.np-list-item{grid-template-columns:260px minmax(0,1fr)}.np-category-top{gap:24px}.np-article-grid{gap:24px}.np-reading-grid{gap:24px}.np-title{font-size:40px}.np-side-item{grid-template-columns:100px 1fr}.np-side-item img{width:100px}.np-copy{width:90%}.np-related-side .np-side-item{grid-template-columns:85px 1fr}.np-related-side .np-side-item img{width:85px}.np-share{gap:6px}.np-share button{width:30px;height:30px}}
@media(max-width:1000px){.np-article-grid{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr)}.np-reading-grid{grid-template-columns:1fr}.np-left-rail{display:none}.np-title{font-size:36px}.np-copy{width:90%;margin-top:35px}.np-byline-share{align-items:start;flex-direction:column;gap:16px}.np-category-main{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:25px}.np-category-top{grid-template-columns:repeat(2,minmax(0,1fr))}.np-category-top>article+article:before{display:none}.np-list-item{grid-template-columns:190px minmax(0,1fr)}.np-category-sidebar{padding-top:180px}.np-side-item{grid-template-columns:85px 1fr;font-size:18px}.np-side-item img{width:85px}.np-list-copy h2{font-size:21px}}
@media(max-width:700px){main.wrap:has(.np-page){padding:18px 14px 32px}.np-category-main,.np-article-grid{grid-template-columns:1fr}.np-category-sidebar{padding-top:20px}.np-category-top{gap:22px}.np-category-top article:not(:first-child){display:none}.np-category-top{grid-template-columns:1fr}.np-category-top h2{font-size:25px}.np-list-item{grid-template-columns:140px minmax(0,1fr);gap:12px;padding-bottom:15px;margin-bottom:15px}.np-list-copy h2{font-size:20px}.np-list-copy p{display:none}.np-page time{font-size:13px}.np-list-copy time{margin-top:8px}.np-list-image img{aspect-ratio:4/3}.np-category-title{font-size:28px}.np-category-sidebar .np-side-item{grid-template-columns:120px 1fr;font-size:20px}.np-category-sidebar .np-side-item img{width:120px}.np-quick-links{font-size:16px;margin-bottom:25px;gap:6px}.np-title{font-size:32px;line-height:1.35;margin-bottom:20px!important}.np-breadcrumb{font-size:15px;margin-bottom:25px}.np-breadcrumb>span:last-child{display:none}.np-article-header{padding-bottom:18px;margin-bottom:20px}.np-kicker{font-size:20px}.np-copy{width:100%;margin-top:26px}.np-page .np-article-content{font-size:var(--reader-size,20px)!important;line-height:1.55!important}.np-article-aside{padding-top:10px}.np-share{gap:7px;font-size:16px;padding:8px 10px}.np-share button{width:32px;height:32px}.np-related{margin-top:50px}.np-related-grid{gap:14px}.np-related-grid h3{font-size:19px;padding:9px}.np-article-aside .np-side-item{grid-template-columns:110px 1fr}.np-article-aside .np-side-item img{width:110px}.np-ad--desktop{display:none}.np-ad--mobile{display:block}.np-copy>.np-more{margin-top:40px}.np-article-aside .np-more{display:none}}
@media(prefers-reduced-motion:reduce){.np-page *{scroll-behavior:auto!important}}

@media(max-width:700px){.np-category-top article:not(:first-child){display:grid;grid-template-columns:140px 1fr;gap:8px 12px;padding-top:15px;border-top:1px solid var(--np-border)}.np-category-top article:not(:first-child)>a{grid-row:span 2}.np-category-top article:not(:first-child) h2{font-size:20px;margin:0;grid-column:2}.np-category-top article:not(:first-child) p{display:none}.np-category-top article:not(:first-child) time{grid-column:2;margin-top:0}}

@media(max-width:700px){.np-share{gap:5px;padding:8px;font-size:16px}.np-share button{width:27px;height:27px;font-size:13px}}