/*
Theme Name: BanglaNews24 Editorial
Author: Andreas S
Version: 1.0.0
Description: A light, accessible Bengali news publication.
Text Domain: bn24
*/
:root{--paper:#f7f6f1;--ink:#172f2a;--muted:#64746c;--line:#dcded5;--red:#c4362c;--green:#185b48;--white:#fff;--serif:'Noto Serif Bengali',Georgia,serif;--sans:'Noto Sans Bengali','Nirmala UI',Vrinda,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.85 var(--sans)}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{max-width:1240px;margin:auto;padding:0 32px}.skip{position:absolute;top:-80px;left:20px;background:#fff;padding:10px;z-index:50}.skip:focus{top:10px}.topline{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.02em;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}.toplinks{display:flex;gap:23px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:29px 0 24px}.brand{font-family:var(--serif);font-size:51px;line-height:1.25;font-weight:800;letter-spacing:-2px}.brand b{color:var(--red)}.brand-tag{font-size:13px;color:var(--muted);margin:7px 0 0;letter-spacing:.06em}.edition{font-size:12px;text-align:right}.edition strong{display:block;font-size:15px;color:var(--green)}.edition .dot{display:inline-block;background:var(--red);height:7px;width:7px;border-radius:50%;margin-right:6px}.navline{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);min-height:54px;gap:20px}.mainnav{display:flex;align-items:center;gap:29px;font-size:15px;font-weight:600}.mainnav a{white-space:nowrap;padding:13px 0}.mainnav a:first-child{color:var(--red)}.searchbox{position:relative;flex-shrink:0}.searchbox summary{cursor:pointer;list-style:none;font-size:14px;padding:12px 0}.searchbox summary::-webkit-details-marker{display:none}.searchbox form{position:absolute;right:0;top:49px;padding:18px;background:white;z-index:5;box-shadow:0 8px 35px #172f2a22;display:flex;width:340px;gap:6px}.searchbox input{min-width:0;width:100%;border:1px solid var(--line);padding:6px}.searchbox button,.button{background:var(--green);color:#fff;border:0;padding:10px 18px;display:inline-block;font-size:14px;font-weight:600;cursor:pointer}.button:hover{background:var(--ink);color:#fff}.page-main{min-height:55vh}.section-label{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.07em;font-size:13px;font-weight:700;color:var(--red);margin:0 0 22px}.section-label:before{content:'';width:22px;height:2px;background:var(--red)}h1,h2,h3{font-family:var(--serif);line-height:1.5;margin:0 0 18px;font-weight:700}h1{font-size:44px;letter-spacing:-.7px}h2{font-size:28px}h3{font-size:22px}p{margin:0 0 22px}.launch{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:48px;padding:48px 0 45px;border-bottom:1px solid var(--line)}.launch-intro{padding-right:32px}.launch h1{font-size:55px;max-width:670px}.launch .lead{font-size:19px;color:var(--muted);max-width:610px;margin-bottom:26px}.launch .textlink{margin-left:24px;font-size:14px;border-bottom:1px solid var(--muted)}.launch-note{margin-top:26px;font-size:12px;color:var(--muted)}.edition-card{position:relative;overflow:hidden;background:var(--green);color:#f1f2e8;padding:32px 30px;display:flex;flex-direction:column;justify-content:space-between;min-height:350px}.edition-card:before{content:'';position:absolute;width:220px;height:220px;background:#e16b50;border-radius:50%;right:-100px;top:-95px;opacity:.9}.edition-card .small{position:relative;font-size:12px;letter-spacing:.12em}.edition-card .big{position:relative;font-family:var(--serif);font-size:87px;line-height:1.1;font-weight:700;margin:22px 0 12px}.edition-card h2{font-size:24px;margin:0 0 10px}.edition-card p{font-size:14px;max-width:260px;margin:0;opacity:.85}.edition-card .card-bottom{padding-top:25px;margin-top:26px;border-top:1px solid #ffffff44;font-size:12px;display:flex;justify-content:space-between}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding:0 0 13px;margin:36px 0 25px}.section-head h2{font-size:25px;margin:0}.section-head span,.section-head a{font-size:13px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-bottom:1px solid var(--line);padding-bottom:30px}.category-card{padding:0 23px;border-right:1px solid var(--line)}.category-card:first-child{padding-left:0}.category-card:last-child{border:0;padding-right:0}.category-card .number{font:11px/2 system-ui;letter-spacing:.1em;color:var(--red);display:block;margin-bottom:10px}.category-card h3{font-size:22px;margin-bottom:6px}.category-card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.info-band{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:35px 0 46px}.info-band h3{font-size:22px;margin-bottom:10px}.info-band p{font-size:14px;color:var(--muted);margin:0}.info-band a{text-decoration:underline;text-underline-offset:4px}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:35px}.news-card{border-bottom:1px solid var(--line);padding-bottom:25px}.news-card:first-child{grid-column:span 2}.news-card .thumb{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:20px}.news-card h2{font-size:27px}.news-card:first-child h2{font-size:36px}.news-card .excerpt{font-size:15px;color:var(--muted)}.meta{font-size:12px;color:var(--muted);margin-bottom:12px}.meta a{color:var(--red)}.article{max-width:820px;margin:43px auto 65px}.article h1{margin-bottom:24px}.article .entry{font-size:19px;line-height:2}.entry a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.entry h2{margin-top:33px;font-size:28px}.entry h3{margin-top:25px}.entry ul,.entry ol{padding-left:25px}.entry blockquote{border-left:3px solid var(--green);margin:24px 0;padding-left:23px;color:var(--muted)}.entry .bn24-sources{font-size:15px;border-top:1px solid var(--line);margin-top:32px;padding-top:18px}.entry .bn24-disclosure{font-size:13px;background:#e8ece4;padding:18px;color:#475c50}.entry sup{font-size:11px;padding-left:3px}.byline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;gap:15px;margin-bottom:30px;color:var(--muted);font-size:13px}.byline strong{color:var(--ink)}.pagination{margin:20px 0 50px}.pagination .page-numbers{padding:8px 15px;border:1px solid var(--line)}.pagination .current{background:var(--green);color:white}.empty{padding:38px 0 65px;max-width:700px}.empty p{color:var(--muted)}.footer{background:#e9ece3;border-top:1px solid var(--line);padding:39px 0 20px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;padding-bottom:30px}.footer .brand{font-size:31px;letter-spacing:-1px}.footer p{font-size:13px;max-width:330px;color:var(--muted);margin:13px 0 0}.footer h3{font:600 13px var(--sans);margin:0 0 14px}.footer ul{list-style:none;padding:0;margin:0;font-size:13px;line-height:2.3}.footer-bottom{border-top:1px solid #cdd3c8;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute!important;white-space:nowrap}.wp-block-image{margin:22px 0}.wp-block-image figcaption{font-size:13px;color:var(--muted)}
@media(max-width:850px){.wrap{padding:0 24px}.mainnav{gap:23px;overflow:auto}.navline{gap:18px}.launch{gap:26px;grid-template-columns:1.5fr 1fr}.launch-intro{padding:0}.launch h1{font-size:42px}.edition-card{padding:25px 22px}.edition-card .big{font-size:70px}.category-grid{grid-template-columns:repeat(3,1fr);gap:22px}.category-card{padding:0 18px 0 0;border:0}.brand{font-size:43px}.feed-grid{grid-template-columns:1fr 1fr}.news-card:first-child{grid-column:span 2}.footer-main{gap:30px;grid-template-columns:1.2fr 1fr 1fr}}
@media(max-width:600px){body{font-size:16px}.wrap{padding:0 20px}.topline{font-size:10px;padding:9px 0}.toplinks{gap:14px}.toplinks a:first-child{display:none}.masthead{padding:21px 0 19px;gap:15px}.brand{font-size:35px;letter-spacing:-1.5px}.brand-tag{font-size:10px;letter-spacing:0}.edition{font-size:10px}.edition strong{font-size:12px}.mainnav{font-size:13px;gap:23px;scrollbar-width:none}.mainnav::-webkit-scrollbar{display:none}.searchbox summary{font-size:0}.searchbox summary:after{content:'⌕';font:28px system-ui}.searchbox form{width:calc(100vw - 40px)}.launch{grid-template-columns:1fr;padding:32px 0;gap:28px}.launch h1{font-size:39px;line-height:1.55;letter-spacing:-.6px}.launch .lead{font-size:16px}.section-label{font-size:11px;margin-bottom:16px}.launch .textlink{margin-left:18px;font-size:12px}.launch-note{margin-top:20px}.edition-card{min-height:0;padding:23px;display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.edition-card .small{grid-column:span 2}.edition-card .big{font-size:66px;grid-row:2/4;margin:22px 0 5px;align-self:center}.edition-card h2{font-size:20px;margin:20px 0 7px}.edition-card p{font-size:12px}.edition-card .card-bottom{grid-column:span 2;margin-top:20px;padding-top:14px}.section-head{margin-top:28px}.section-head h2{font-size:22px}.section-head span{font-size:10px}.category-grid{grid-template-columns:repeat(2,1fr);gap:25px}.category-card h3{font-size:20px}.category-card p{font-size:12px}.info-band{grid-template-columns:1fr;gap:25px;padding:28px 0 35px}.feed-grid{grid-template-columns:1fr}.news-card:first-child{grid-column:auto}.news-card:first-child h2{font-size:29px}.article{margin:30px auto 45px}.article h1{font-size:32px}.article .entry{font-size:17px}.byline{font-size:11px;flex-wrap:wrap}.footer-main{grid-template-columns:1fr 1fr;gap:28px}.footer-main>div:first-child{grid-column:span 2}.footer-bottom{display:block;line-height:1.8}.footer-bottom span{display:block}.footer{padding-top:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
