/* asiareport24 — public site. One small file (no Bootstrap, no jQuery). Colours come from Admin → সাইট সেটিংস → রং. */
@font-face{font-family:SolaimanLipi;src:url(fonts/SolaimanLipi.woff) format("woff"),url(fonts/SolaimanLipi.ttf) format("truetype");font-display:swap}
:root{--primary:#802138;--primary-dark:#5E1527;--menu-bg:#802138;--menu-text:#fff;--heading:#1F2937;--body-bg:#F3F5F8;--footer-bg:#1E1E1E;--footer-text:#E5E7EB;
--font:SolaimanLipi,sans-serif;--body-size:19px;--text:#2b2f36;--muted:#6b7280;--line:#e5e7eb;--card:#fff;--radius:8px;--shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.55;color:var(--text);background:var(--body-bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--primary)}
h1,h2,h3,h4{font-weight:700;color:var(--heading);margin:0;line-height:1.35}
ul{margin:0;padding:0;list-style:none}
button{font:inherit;cursor:pointer}
.wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 14px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.only-mobile{display:none}
@media(max-width:767px){.only-desktop{display:none!important}.only-mobile{display:block}}

/* ---------- Top bar & header ---------- */
.topbar{background:#fff;border-bottom:1px solid var(--line);font-size:14px;color:#4b5563}
.topbar .wrap{display:flex;align-items:center;gap:16px;min-height:38px;flex-wrap:wrap}
.topbar .date{display:flex;align-items:center;gap:6px}
.topbar .tagline{font-weight:700;color:var(--primary);margin:0 auto}
.lang{display:flex;gap:6px}
.lang button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:2px 10px;font-size:13px;color:#374151}
.lang button.on{background:var(--primary);color:#fff;border-color:var(--primary)}
.social{display:flex;gap:6px}
.social a{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#4b5563;transition:transform .15s}
.social a:hover{transform:translateY(-2px);color:#fff}
.social .fb{background:#1877f2}.social .yt{background:#ff0000}.social .tw{background:#111}.social .ig{background:#d62976}.social .tt{background:#000}
.social svg{width:15px;height:15px;fill:currentColor}
.masthead{background:#fff}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;padding-bottom:16px}
.logo img{max-height:90px;width:auto}
.masthead .ad-slot{flex:1;max-width:728px;margin:0}
@media(max-width:991px){.masthead .wrap{flex-direction:column}.topbar .tagline{display:none}}

/* ---------- Menu ---------- */
.menubar{background:var(--menu-bg);position:relative;z-index:50;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.menubar.stuck{position:sticky;top:0}
.menubar .wrap{display:flex;align-items:center;min-height:52px}
.menu{display:flex;flex-wrap:wrap;flex:1}
.menu>li{position:relative}
.menu>li>a{display:flex;align-items:center;gap:4px;padding:0 13px;height:52px;color:var(--menu-text);font-size:17px;font-weight:700}
.menu>li>a:hover,.menu>li:hover>a,.menu>li.open>a{background:rgba(0,0,0,.18);color:var(--menu-text)}
.menu .home a{background:rgba(0,0,0,.18)}
.menu .caret{width:9px;height:9px;fill:currentColor;opacity:.85}
.sub{position:absolute;top:100%;left:0;min-width:210px;background:#fff;border-top:3px solid var(--primary);box-shadow:0 10px 24px rgba(0,0,0,.14);border-radius:0 0 8px 8px;padding:6px 0;display:none}
.menu>li:hover>.sub,.menu>li.open>.sub{display:block}
.sub a{display:block;padding:8px 16px;font-size:16px;color:#1f2937}
.sub a:hover{background:#f6f7f9;color:var(--primary)}
.sub.wide{display:none;grid-template-columns:repeat(4,1fr);min-width:620px;right:0;left:auto}
.menu>li:hover>.sub.wide,.menu>li.open>.sub.wide{display:grid}
.menu-tools{display:flex;align-items:center;gap:4px}
.icon-btn{background:none;border:0;color:var(--menu-text);width:44px;height:44px;display:grid;place-items:center;border-radius:6px}
.icon-btn:hover{background:rgba(0,0,0,.18)}
.icon-btn svg{width:20px;height:20px;fill:currentColor}
.burger{display:none}
.searchbar{display:none;background:#fff;border-bottom:1px solid var(--line)}
.searchbar.open{display:block}
.searchbar form{display:flex;gap:8px;padding:10px 0}
.searchbar input{flex:1;border:1px solid #d1d5db;border-radius:8px;padding:9px 12px;font:inherit;font-size:16px}
.searchbar button{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:0 18px}
@media(max-width:991px){
  .burger{display:grid}
  .menu{position:fixed;inset:0 25% 0 0;max-width:340px;background:#fff;flex-direction:column;flex-wrap:nowrap;overflow-y:auto;transform:translateX(-105%);transition:transform .25s;z-index:100;padding:10px 0}
  .menu.open{transform:none;box-shadow:4px 0 24px rgba(0,0,0,.25)}
  .menu>li>a{color:#111;height:auto;padding:12px 18px;border-bottom:1px solid #f1f1f1;justify-content:space-between}
  .menu>li>a:hover,.menu>li.open>a,.menu .home a{background:#f6f7f9;color:var(--primary)}
  .sub,.sub.wide{position:static;box-shadow:none;border:0;min-width:0;padding:0 0 6px 14px;display:none;grid-template-columns:1fr}
  .menu>li:hover>.sub{display:none}.menu>li:hover>.sub.wide{display:none}
  .menu>li.open>.sub,.menu>li.open>.sub.wide{display:block}
  .menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:90;display:none}
  .menu-backdrop.open{display:block}
}

/* ---------- Ticker ---------- */
.ticker{display:flex;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:14px 0}
.ticker strong{background:var(--primary);color:#fff;padding:7px 14px;white-space:nowrap;font-size:17px;display:flex;align-items:center}
.ticker .track{overflow:hidden;flex:1;position:relative;display:flex;align-items:center}
.ticker ul{display:flex;gap:40px;white-space:nowrap;padding-left:100%;animation:ticker var(--ticker-time,60s) linear infinite}
.ticker:hover ul{animation-play-state:paused}
.ticker li a{font-size:17px}
.ticker li a::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);margin-right:10px;vertical-align:middle}
@keyframes ticker{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.ticker ul{animation:none;padding-left:12px;overflow-x:auto}}

/* ---------- Building blocks ---------- */
.section{margin:22px 0}
.wrap.section{margin-left:auto;margin-right:auto}   /* a page body that is also the centred .wrap keeps its centring */
.box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.grid{display:grid;gap:16px}
/* grid items may shrink below their content (long carousels, wide tables) instead of widening the page */
.grid>*,.lead>*,.lead-top>*,.lead-main>*,.national>*,.feature>*,.two-tabbed>*,.video-grid>*,.page-grid>*,.sidebar>*{min-width:0}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:991px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.g2,.g3,.g4{grid-template-columns:1fr}.g2.keep,.g4.keep{grid-template-columns:repeat(2,minmax(0,1fr))}}
.head{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.head h2{font-size:22px;padding-left:12px;border-left:5px solid var(--primary);line-height:1.2;white-space:nowrap}
.head h2 a:hover{color:var(--primary)}
.head::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--line),transparent)}
.head .more{font-size:14px;color:var(--muted);order:3;white-space:nowrap}
.thumb{position:relative;overflow:hidden;border-radius:6px;background:#e5e7eb;aspect-ratio:16/9}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
a:hover .thumb img{transform:scale(1.04)}
.card h3{font-size:18px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card.big h3{font-size:23px;-webkit-line-clamp:3}
.card.big p{-webkit-line-clamp:6;font-size:17px;line-height:1.6}
.card p{margin:6px 0 0;color:var(--muted);font-size:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.list li+li{border-top:1px solid var(--line)}
.list a{display:flex;gap:12px;padding:10px 0;align-items:flex-start}
.list .thumb{flex:0 0 108px;aspect-ratio:4/3}
.list h3{font-size:17px;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.list.round .thumb{flex-basis:64px;aspect-ratio:1;border-radius:50%}
.overlay{position:relative;display:block;border-radius:var(--radius);overflow:hidden}
.overlay .thumb{border-radius:0}
.overlay .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}
.overlay .cap h2,.overlay .cap h3{color:#fff}
.overlay:hover .cap h2,.overlay:hover .cap h3{color:#fff;text-decoration:underline;text-decoration-thickness:1px}
.play{position:absolute;inset:0;display:grid;place-items:center}
.play span{width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.6);display:grid;place-items:center;border:2px solid #fff}
.play svg{width:20px;height:20px;fill:#fff;margin-left:3px}
.empty{color:var(--muted);padding:12px 0}

/* ---------- Ads ---------- */
.ad-slot{margin:14px auto;text-align:center;max-width:100%}
.ad-slot img{margin:0 auto;border-radius:6px}
.ad-slot .ad+.ad{margin-top:10px}
.ad-slot .label{display:block;font-size:11px;color:#9ca3af;letter-spacing:.5px;margin-bottom:3px}

/* ---------- Home: top ---------- */
.lead{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}
/* align-content:start — when the sidebar is the taller column, the extra height must not be shared out among the
   slider and card rows (that showed as a black band under the slider and empty space under the headlines). */
.lead-main{display:grid;gap:16px;align-content:start}
.lead-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px}
.lead-side{display:grid;gap:16px;align-content:start}
.slider{position:relative;border-radius:var(--radius);overflow:hidden;background:#111}
.slides{display:flex;transition:transform .5s ease}
.slides>a{flex:0 0 100%}
.slides .thumb{aspect-ratio:16/10}
.slider .cap h2{font-size:27px}
.slider .nav{position:absolute;top:42%;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.9);display:grid;place-items:center;box-shadow:var(--shadow)}
.slider .nav svg{width:16px;height:16px}
.slider .prev{left:10px}.slider .next{right:10px}
.slider .dots{position:absolute;right:14px;top:12px;display:flex;gap:5px}
.slider .dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);padding:0}
.slider .dots button.on{background:#fff;width:22px;border-radius:5px}
.lead-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sidebar{display:grid;gap:18px;align-content:start}
.tabs-head{display:flex;border-bottom:2px solid var(--primary);margin-bottom:6px}
.tabs-head button{flex:1;background:#f3f4f6;border:0;padding:9px;font-size:17px;font-weight:700;color:#374151}
.tabs-head button.on{background:var(--primary);color:#fff}
.tab-panel{display:none}.tab-panel.on{display:block}
.scroll-list{max-height:560px;overflow-y:auto;padding-right:4px}
.scroll-list .list .thumb{flex-basis:96px}
.scroll-list .list h3{font-size:16px}
.numbered{counter-reset:n;max-height:540px;overflow-y:auto;list-style:none;margin:0;padding:0}
.numbered a{display:flex;gap:10px;padding:9px 0;align-items:flex-start}
.numbered li{counter-increment:n}
.numbered li+li{border-top:1px solid var(--line)}
.numbered a::before{content:counter(n);flex:0 0 30px;height:30px;border-radius:50%;background:#f3f4f6;color:var(--primary);display:grid;place-items:center;font-weight:700;font-size:15px}
.numbered h3{font-size:16px;font-weight:600}
.fb-box{min-height:130px;display:grid;place-items:center;background:#f9fafb;border-radius:var(--radius);overflow:hidden}
/* Beside the two side cards the slider is as tall as they are: the picture fills it instead of leaving a black band. */
@media(min-width:992px){.lead-top .slides,.lead-top .slides>a{height:100%}.lead-top .slides .thumb{aspect-ratio:auto;height:100%;min-height:340px}}
@media(max-width:991px){.lead{grid-template-columns:1fr}.lead-top{grid-template-columns:1fr}.lead-top .lead-side{grid-template-columns:repeat(2,minmax(0,1fr));order:2}}
@media(max-width:575px){.lead-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.slider .cap h2{font-size:21px}.lead-rows .card h3{font-size:16px}.slider .nav{display:none}}

/* ---------- Home: blocks ---------- */
.national{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px}
.national .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.col-box .card.big h3{font-size:20px}
.col-box .list{margin-top:6px}
.tabbed .tabs-head{border:0;gap:6px;flex-wrap:wrap;margin-bottom:14px;align-items:center}
.tabbed .tabs-head h2{margin-right:auto}
.tabbed .tabs-head button{flex:none;border-radius:999px;padding:5px 14px;font-size:15px;background:#f3f4f6}
.tabbed .tabs-head button.on{background:var(--primary)}
.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:16px}
.feature .side{display:grid;gap:16px;align-content:start}
.feature .card.big h3{font-size:25px}
.two-tabbed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.map-box h3{font-size:19px;margin-bottom:10px}
.map-box .divs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.map-box .divs a{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:17px;font-weight:600;background:#fafafa}
.map-box .divs a:hover{border-color:var(--primary);background:#fff}
.map-box .divs a::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary)}
.video-block{background:#14161a;border-radius:var(--radius);padding:18px;color:#fff}
.video-block .head h2{color:#fff}
.video-block .head::after{background:linear-gradient(90deg,#3a3d44,transparent)}
.video-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px}
.video-block h3{color:#f3f4f6}
.video-block a:hover h3{color:#fff;text-decoration:underline}
.video-block .tabs-head{border:0;gap:6px;flex-wrap:wrap}
.video-block .tabs-head button{flex:none;border-radius:999px;background:#2a2d34;color:#e5e7eb;padding:5px 14px;font-size:15px}
.video-block .tabs-head button.on{background:var(--primary);color:#fff}
.hscroll{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/3);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
.hscroll>a{scroll-snap-align:start}
.all-link{display:inline-block;margin-top:10px;color:#fca5a5}
.gallery-wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px}
.gallery-wrap.single{grid-template-columns:1fr}
.gallery-slider .slides .thumb{aspect-ratio:16/10}
.gallery-slider .cap h3{font-size:21px}
.gallery-small{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
.gallery-small .overlay,.gallery-small .thumb{height:100%;aspect-ratio:auto}
.gallery-wrap.single .gallery-small .thumb{aspect-ratio:4/3}
.gallery-small .cap{padding:26px 10px 8px}
.gallery-small h3{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:767px){.gallery-wrap{grid-template-columns:1fr}.gallery-small .thumb{aspect-ratio:4/3}}
/* Picture viewer: full screen, arrows / swipe / keyboard through every picture of the gallery box. */
.lb{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.93);display:none;flex-direction:column;align-items:center;justify-content:center;padding:50px 60px 20px;touch-action:pan-y}
.lb.on{display:flex}
.lb img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;border-radius:4px;user-select:none}
.lb .lb-cap{color:#f3f4f6;font-size:18px;text-align:center;margin-top:12px;max-width:900px}
.lb .lb-count{position:absolute;top:14px;left:18px;color:#d1d5db;font-size:15px}
.lb button{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:28px;line-height:1;cursor:pointer}
.lb button:hover{background:rgba(255,255,255,.28)}
.lb .lb-close{top:10px;right:14px}
.lb .lb-prev{left:12px;top:50%;transform:translateY(-50%)}
.lb .lb-next{right:12px;top:50%;transform:translateY(-50%)}
@media(max-width:575px){.lb{padding:50px 8px 16px}.lb .lb-prev,.lb .lb-next{top:auto;bottom:14px;transform:none}}
.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:150px;gap:10px}
.gallery-grid a:first-child{grid-row:span 2}
.gallery-grid .overlay,.gallery-grid .thumb{height:100%;aspect-ratio:auto}
.gallery-grid h3{font-size:16px}
@media(max-width:991px){.national,.feature,.two-tabbed,.video-grid{grid-template-columns:1fr}.hscroll{grid-auto-columns:70%}.national .cols{grid-template-columns:1fr}}
@media(max-width:575px){.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:120px}.gallery-grid a:first-child{grid-column:span 2}}

/* ---------- News page ---------- */
.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin:20px 0}
@media(max-width:991px){.page-grid{grid-template-columns:1fr}}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:15px;color:var(--muted);margin-bottom:10px}
.crumbs a{color:var(--primary);font-weight:600}
.article h1{font-size:34px;margin-bottom:14px}
@media(max-width:575px){.article h1{font-size:26px}}
.meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:16px;font-size:15px;color:var(--muted)}
.meta .who{display:flex;align-items:center;gap:10px;margin-right:auto}
.meta .who img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.meta .who b{display:block;color:#111;font-size:17px}
.article figure{margin:0 0 16px}
.article figure .thumb{aspect-ratio:auto;max-height:620px}
.article figcaption{font-size:14px;color:var(--muted);padding:6px 2px}
.body{font-size:var(--body-size);line-height:1.8;color:#1f2329}
.body p,.body div{margin:0 0 1em}
.body div:empty,.body p:empty{display:none}
.body img{border-radius:6px;margin:10px auto}
.body iframe{max-width:100%;aspect-ratio:16/9;height:auto;width:100%;border:0;border-radius:6px}
.body a{color:var(--primary);text-decoration:underline}
.body blockquote{border-left:4px solid var(--primary);margin:1em 0;padding:4px 16px;background:#fafafa}
.body table{border-collapse:collapse;width:100%;font-size:16px}.body td,.body th{border:1px solid var(--line);padding:6px}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:18px 0}
.share a,.share button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:7px 14px;color:#fff;font-size:15px}
.share svg{width:15px;height:15px;fill:currentColor}
.share .fb{background:#1877f2}.share .wa{background:#25d366}.share .tw{background:#111}.share .copy{background:#4b5563}.share .card-dl{background:var(--primary)}
.share a:hover{color:#fff;opacity:.9}
.source{font-size:15px;color:var(--muted);margin-top:10px}

/* ---------- Archive ---------- */
.archive-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}
.archive-head h1{font-size:28px;padding-left:12px;border-left:6px solid var(--primary)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 12px;font-size:15px}
.chips a:hover{border-color:var(--primary)}
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:24px 0}
.pager a,.pager span{min-width:40px;height:40px;padding:0 12px;border-radius:8px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:16px}
.pager .on{background:var(--primary);color:#fff;border-color:var(--primary)}
.pager .off{color:#9ca3af}
.author-card{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.author-card img{width:80px;height:80px;border-radius:50%;object-fit:cover}

/* ---------- জেলার খবর ---------- */
.dn-hero{padding:20px}
.dn-title{font-size:30px;margin:4px 0 6px}
.dn-intro{color:var(--muted);margin:0 0 14px}
.dn-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:14px}
.dn-filter label{display:flex;flex-direction:column;gap:4px;font-size:15px;font-weight:600;min-width:180px;flex:1}
.dn-filter select{font:inherit;font-size:16px;padding:9px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff}
.dn-filter select:disabled{background:#f3f4f6;color:#9ca3af}
.dn-reset{border:0;background:#f3f4f6;border-radius:8px;padding:10px 14px;font-size:15px}
.dn-chips{margin-top:8px}
.dn-chips a.on{background:var(--primary);color:#fff;border-color:var(--primary)}
/* "dn-sub", not "sub": .sub is the menu's drop-down box (absolute, red top line), which pulled these rows out of the box. */
.dn-chips.dn-sub a{font-size:14px;padding:3px 10px}
.dn-meta{margin:14px 2px;color:var(--muted)}
.dn-card .thumb{position:relative}
.dn-label{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.72);color:#fff;font-size:13px;padding:2px 8px;border-radius:999px}
.dn-time{display:block;font-size:14px;color:var(--muted);margin-top:4px}
.dn-more{background:var(--primary);color:#fff;border:0;border-radius:999px;padding:10px 26px;font-size:17px}
.dn-quick{display:grid;gap:8px}
.dn-quick select{font:inherit;font-size:16px;padding:9px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;width:100%}
.dn-quick button{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:10px;font-size:17px;font-weight:700}

/* ---------- Footer ---------- */
.foot{background:var(--footer-bg);color:var(--footer-text);margin-top:30px}
.foot a{color:var(--footer-text)}.foot a:hover{color:#fff;text-decoration:underline}
.foot-top{border-bottom:1px solid rgba(255,255,255,.1)}
.foot-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.foot-top img{max-height:70px;width:auto;background:#fff;border-radius:8px;padding:6px 10px}
.foot-links{display:flex;flex-wrap:wrap;gap:18px}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:26px;padding-bottom:26px;font-size:16px;line-height:1.8}
.foot-cols li{margin-bottom:6px}
@media(max-width:767px){.foot-cols{grid-template-columns:1fr}}
.foot-bottom{background:rgba(0,0,0,.3);font-size:14px}
.foot-bottom .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:12px}
.to-top{position:fixed;right:16px;bottom:18px;width:44px;height:44px;border-radius:50%;border:0;background:var(--primary);color:#fff;display:none;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.25);z-index:40}
.to-top.show{display:grid}
.to-top svg{width:18px;height:18px;fill:currentColor}

/* ---------- Video pages, static pages ---------- */
.player{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--radius);overflow:hidden}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose{font-size:18px;line-height:1.8}
.prose h2{font-size:22px;margin:18px 0 8px}

/* Google Translate's own bar is hidden; our two buttons switch the language. */
.goog-te-banner-frame,.skiptranslate>iframe,#goog-gt-tt{display:none!important}
body{top:0!important}