/* Data of Bangladesh — hub, entity (wiki-style) and list pages. Uses site.css tokens. */
.dob{--dob-ink:#111a1f;--dob-card:#fff;--dob-r:16px}
.dob h1,.dob h2,.dob h3{font-family:var(--head)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*60ms),transform .7s cubic-bezier(.2,.8,.2,1) calc(var(--i,0)*60ms)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* hero */
.dob-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(900px 520px at 78% 30%,rgba(199,8,30,.42),transparent 62%),radial-gradient(700px 400px at 10% 100%,rgba(246,178,26,.12),transparent 60%),linear-gradient(160deg,#17272f,#0a1216 70%)}
.dob-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000,transparent 85%)}
.dob-hero-in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:40px}
.dob-eyebrow{display:inline-block;font:700 13px/1 Poppins,var(--ui);letter-spacing:.22em;color:#ffb3bc;border:1px solid rgba(255,179,188,.35);padding:8px 14px;border-radius:999px}
.dob-hero h1{font-family:Poppins,var(--head);font-weight:800;font-size:clamp(44px,6vw,84px);line-height:1;margin:22px 0 18px;letter-spacing:-.02em}
.dob-hero h1 em{font-style:normal;background:linear-gradient(90deg,#ff3b4f,#ff8a5b);-webkit-background-clip:text;background-clip:text;color:transparent}
.dob-lede{font-size:19px;line-height:1.75;color:#d6dde1;max-width:600px;margin:0 0 26px}
.dob-search{position:relative;max-width:560px}
.dob-search input{width:100%;font:500 17px var(--ui);padding:16px 20px 16px 50px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23c3ccd1' stroke-width='2'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='m18 18-4-4'/%3E%3C/svg%3E") no-repeat 18px center;color:#fff;outline:0;backdrop-filter:blur(8px)}
.dob-search input:focus{border-color:#ff5a68;background-color:rgba(255,255,255,.12)}
.dob-search input::placeholder{color:#9fb0b8}
.dob-res{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden;max-height:380px;overflow-y:auto}
.dob-res a{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line)}
.dob-res a:hover,.dob-res a.on{background:#fff2f3}.dob-res a small{color:var(--mute);white-space:nowrap}
.dob-res p{margin:0;padding:14px 16px;color:var(--mute)}
.dob-stats{display:grid;grid-template-columns:repeat(5,auto);gap:8px 28px;margin-top:30px;justify-content:start}
.dob-stats b{display:block;font:800 40px/1 var(--head);font-variant-numeric:tabular-nums}
.dob-stats span{color:#9fb0b8;font-size:14.5px}

/* district map */
.bdmap{position:relative;width:100%;aspect-ratio:600/760;max-height:620px}
.bdmap svg{width:100%;height:100%;overflow:visible}
.bdmap path{stroke:#fff;stroke-width:.8;stroke-linejoin:round;transition:fill .25s,opacity .25s,transform .25s;cursor:pointer;transform-origin:center;transform-box:fill-box}
.bdmap.big path{stroke:#0d1418;stroke-width:.9}
.bdmap path.dim{opacity:.22}
.bdmap path:hover,.bdmap path.on{filter:brightness(1.18) drop-shadow(0 6px 14px rgba(0,0,0,.45));transform:scale(1.06)}
.bdmap path.on{stroke:#fff;stroke-width:2}
.bdmap.draw path{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);fill-opacity:0;animation:bdDraw 1.6s cubic-bezier(.4,.1,.2,1) forwards;animation-delay:calc(var(--i)*14ms)}
@keyframes bdDraw{60%{fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1}}
.bdmap .pin{fill:#fff;stroke:var(--red);stroke-width:3;pointer-events:none}
.bdmap .pulse{fill:none;stroke:var(--red);stroke-width:2;pointer-events:none;animation:pinPulse 1.8s infinite;transform-origin:center;transform-box:fill-box}
@keyframes pinPulse{from{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}
.bdmap-tip{position:absolute;z-index:5;pointer-events:none;background:#fff;color:var(--ink);border-radius:10px;padding:8px 12px;box-shadow:0 12px 30px rgba(0,0,0,.3);font-size:14px;white-space:nowrap;transform:translate(-50%,-120%)}
.bdmap-tip b{display:block;font:800 17px var(--head)}.bdmap-tip i{font-style:normal;color:var(--mute)}
.ibox .bdmap{max-height:300px;margin:6px auto 0;aspect-ratio:600/760;width:72%}

/* sections */
.dob-sec{padding:46px 0 10px}
.dob-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.dob-h h2{margin:0;font-size:32px;font-weight:800;display:flex;align-items:center;gap:12px}
.dob-h h2::before{content:"";width:12px;height:26px;background:var(--red)}
.dob-h p{margin:0;color:var(--mute)}.dob-h a{font-weight:700;color:var(--red)}
.div-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.div-card{position:relative;overflow:hidden;border-radius:var(--dob-r);padding:22px 22px 18px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:2px;transition:transform .3s,box-shadow .3s}
.div-card::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:var(--c)}
.div-card::after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:var(--c);opacity:.09;transition:transform .5s}
.div-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(0,0,0,.35)}.div-card:hover::after{transform:scale(1.6)}
.div-card b{font:800 26px var(--head)}.div-card span{color:var(--mute);font:600 13px Poppins,var(--ui);letter-spacing:.06em;text-transform:uppercase}
.div-card em{font-style:normal;margin-top:10px;font-weight:600;color:var(--c)}
.dob-band{background:linear-gradient(180deg,#f4f5f6,#fafafa);border-block:1px solid var(--line);margin-top:46px;padding:10px 0 46px}
.dob-band.dark{background:radial-gradient(800px 380px at 85% 0,rgba(199,8,30,.35),transparent 60%),linear-gradient(170deg,#1d2f38,#0d151a);color:#fff;border:0}
.dob-band.dark .dob-h p,.dob-band.dark .dob-h a{color:#ffb3bc}
.dob-charts{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:36px}
.chart{background:#fff;border-radius:var(--dob-r);padding:22px 24px;box-shadow:0 14px 34px -22px rgba(0,0,0,.3)}
.chart h3{margin:0 0 14px;font-size:21px}.chart h3 small{font-size:14px;color:var(--mute);font-weight:500}
.bar{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:6px 0;font-size:15.5px}
.bar span{font-weight:700}.bar b{font:700 15px var(--head);font-variant-numeric:tabular-nums;min-width:80px;text-align:right}
.bar i{height:12px;border-radius:9px;background:linear-gradient(90deg,var(--red),#ff5a68);width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.bar.alt i{background:linear-gradient(90deg,#17272f,#5f7682)}
.chart.in .bar i{width:var(--w)}
.bar:hover span{color:var(--red)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 16px;font:600 15px var(--ui);cursor:pointer;transition:.2s}
.chips button:hover{border-color:var(--ink)}.chips button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.dcard-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.dcard-grid.wide{grid-template-columns:repeat(4,1fr)}
.dcard-grid>span{display:contents}.dcard-grid>span.hide{display:none}
.dcard{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .3s,box-shadow .3s}
.dcard:hover{transform:translateY(-4px);box-shadow:0 18px 36px -20px rgba(0,0,0,.4)}
.dcard-img{aspect-ratio:4/5;background:#e9ecee;overflow:hidden;display:block}
.dcard-grid.wide .dcard-img{aspect-ratio:4/3}
.dcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.dcard:hover img{transform:scale(1.06)}
.dcard-ph{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#8a979e;background:linear-gradient(160deg,#f1f3f4,#dde3e6)}.dcard-ph i{position:absolute;right:10px;bottom:6px;font:800 30px var(--head);font-style:normal;color:rgba(23,39,47,.18)}
.dcard-t{padding:10px 12px 12px}.dcard-t b{display:block;font:700 16.5px/1.35 var(--head)}.dcard-t small{color:var(--mute);font-size:13px}
.place-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px}
.pm{position:relative;border-radius:var(--dob-r);overflow:hidden;background:#111}
.pm.big{grid-column:span 2;grid-row:span 2}
.pm img{width:100%;height:100%;object-fit:cover;transition:transform .9s}.pm:hover img{transform:scale(1.07)}
.pm::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.82))}
.pm span{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;color:#fff}.pm b{display:block;font:800 20px var(--head)}.pm.big b{font-size:32px}.pm small{color:#d4dade}
.best-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.best{position:relative;border-radius:var(--dob-r);overflow:hidden;aspect-ratio:1;background:#24343c;display:block}
.best img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .8s,opacity .3s}.best:hover img{transform:scale(1.08);opacity:1}
.best::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85))}
.best span{position:absolute;left:14px;right:14px;bottom:12px;z-index:2}.best em{font-style:normal;font-size:12.5px;background:var(--red);padding:2px 9px;border-radius:999px}
.best b{display:block;font:800 21px/1.3 var(--head);margin-top:6px;color:#fff}
.dist-index{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 28px}
.dist-index h3{margin:0 0 8px;font-size:19px;padding-left:12px;border-left:5px solid var(--c)}
.dist-index ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
.dist-index li a{display:block;padding:3px 0;color:var(--ink2)}.dist-index li a:hover{color:var(--red)}

/* entity page */
.dob-ph{background:linear-gradient(180deg,#f4f5f6,#fff);border-bottom:1px solid var(--line);padding:22px 0 26px}
.dob-ph.list{padding-bottom:6px}
.dob-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--mute);margin-bottom:12px}.dob-crumb a:hover{color:var(--red)}.dob-crumb b{color:var(--ink);font-weight:600}
.dob-kick{display:inline-block;font-weight:700;color:var(--red);font-size:15px}
.dob-ph h1{font-size:clamp(34px,4.6vw,54px);font-weight:800;line-height:1.2;margin:4px 0 2px}
.dob-en{margin:0;color:var(--mute);font:500 17px Poppins,var(--ui)}
.dob-desc{margin:10px 0 0;font-size:18px;color:var(--ink2);max-width:780px}
.dob-art{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;padding-top:30px;align-items:start}
.dob-art article{min-width:0}
.dob-body{font-family:var(--serif);font-size:18.5px;line-height:1.95;color:#1b2227}
.dob-body p{margin:0 0 1.05em}
.dob-body section:first-of-type p:first-child{font-size:20.5px;color:#0f1518}
.dob-body h2{font:800 27px var(--head);margin:1.6em 0 .55em;padding-bottom:6px;border-bottom:1px solid var(--line)}
.dob-lead{font-family:var(--serif);font-size:20px;line-height:1.9}
.toc{float:none;background:#f6f7f8;border:1px solid var(--line);border-radius:12px;padding:14px 20px;margin:0 0 22px;font-family:var(--ui);font-size:16px;max-width:420px}
.toc b{font-family:var(--head)}.toc ol{margin:8px 0 0;padding-left:22px}.toc a:hover{color:var(--red)}
.ibox{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:var(--dob-r);overflow:hidden;box-shadow:0 18px 40px -26px rgba(0,0,0,.35)}
.ibox-h{background:var(--ink2);color:#fff;padding:14px 18px;text-align:center}.ibox-h b{display:block;font:800 22px var(--head)}.ibox-h small{color:#b7c2c8;font-family:Poppins,var(--ui)}
.ibox figure{margin:0}.ibox img{width:100%;max-height:420px;object-fit:cover}
.ibox figcaption{font-size:13px;color:var(--mute);padding:6px 14px;border-bottom:1px solid var(--line)}
.ibox-t{width:100%;border-collapse:collapse;font-size:15px}
.ibox-t th{text-align:left;width:38%;padding:9px 10px 9px 16px;vertical-align:top;color:var(--ink2);font-weight:700;background:#fafafa}
.ibox-t td{padding:9px 16px 9px 8px}.ibox-t tr+tr{border-top:1px solid var(--line)}.ibox-t a{color:var(--red);font-weight:600}
.ibox .bdmap{padding-bottom:8px}
.dob-credit{margin-top:34px;padding:16px 18px;background:#f6f7f8;border-radius:12px;font-size:14px;color:var(--mute)}
.dob-credit p{margin:2px 0}.dob-credit a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px}
.upa-box{margin:0 0 26px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--dob-r);background:linear-gradient(180deg,#fff,#fff7f8)}
.upa-box h2{margin:0 0 12px;font-size:22px}
.pill-list{display:flex;flex-wrap:wrap;gap:8px}
.pill-list a{padding:7px 15px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600;transition:.2s}
.pill-list a:hover{background:var(--red);border-color:var(--red);color:#fff;transform:translateY(-2px)}
.sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 28px}
.sub{position:relative;overflow:hidden;padding:14px 16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}
.sub b{display:block;font:800 19px var(--head)}.sub small{color:var(--mute)}
.sub i{position:absolute;left:0;bottom:0;height:4px;width:var(--w);background:var(--c)}
.sub:hover{border-color:var(--c)}

@media (max-width:1100px){
  .dob-hero-in{grid-template-columns:1fr}.bdmap.big{max-width:520px;margin:0 auto}
  .div-grid,.best-grid,.dist-index,.dcard-grid.wide{grid-template-columns:repeat(2,1fr)}
  .dcard-grid{grid-template-columns:repeat(4,1fr)}.dob-charts{grid-template-columns:1fr}
  .dob-art{grid-template-columns:1fr}.ibox{position:static;order:-1}
  .place-mosaic{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .dob-hero-in{padding-top:30px}.dob-stats{grid-template-columns:repeat(3,auto)}.dob-stats b{font-size:30px}
  .dcard-grid{grid-template-columns:repeat(2,1fr)}.sub-grid{grid-template-columns:1fr 1fr}
  .dob-h h2{font-size:25px}.dob-body{font-size:17.5px}.bar{grid-template-columns:78px 1fr auto}
  .place-mosaic{grid-auto-rows:150px}.pm.big b{font-size:24px}.dist-index{grid-template-columns:1fr}
}

/* district finder */
.finder{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center;background:linear-gradient(135deg,#fff,#fff5f6);border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 30px 60px -40px rgba(199,8,30,.35)}
.finder-k{display:inline-block;font-weight:700;color:var(--red);font-size:15px}
.finder h2{font:800 38px var(--head);margin:6px 0 8px}.finder p{color:var(--mute);margin:0 0 18px}
.finder select{width:100%;font:600 19px var(--ui);padding:14px 16px;border-radius:12px;border:2px solid var(--ink2);background:#fff}
.finder-rand{margin-top:12px;border:0;background:none;color:var(--red);font:700 16px var(--ui);cursor:pointer;padding:0}
.fc-empty{height:100%;min-height:240px;border:2px dashed var(--line);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--mute);font-size:44px}.fc-empty span{font-size:17px}
.fc{display:grid;grid-template-columns:240px 1fr;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px -30px rgba(0,0,0,.4)}
.fc-img{position:relative;background:linear-gradient(160deg,var(--c),#17272f);min-height:240px}.fc-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fc-img em{position:absolute;left:12px;top:12px;font-style:normal;background:var(--c);color:#fff;font-weight:700;font-size:13px;padding:2px 10px;border-radius:999px}
.fc-body{padding:20px 22px;display:flex;flex-direction:column}.fc-body b{font:800 36px var(--head)}.fc-body small{color:var(--mute);font-family:Poppins,var(--ui)}
.fc-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:14px 0}.fc-stats span{font:800 22px var(--head)}.fc-stats i{display:block;font:500 13px var(--ui);color:var(--mute);font-style:normal}
.fc-go{margin-top:auto;color:var(--red);font-weight:700}
/* cleaner, lighter sections */
.dob-sec{padding-top:38px}
.dcard{border-radius:16px}.dcard-t b{font-size:16px}
@media (max-width:1100px){.finder{grid-template-columns:1fr}}
@media (max-width:640px){
  .rail{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px;padding:0 16px 8px;scrollbar-width:none}
  .rail>*{flex:0 0 44%;scroll-snap-align:start}
  .rail.place-mosaic>*,.rail.best-grid>*{flex-basis:72%;height:220px;aspect-ratio:auto}
  .place-mosaic.rail .pm.big{grid-column:auto;grid-row:auto}
  .dcard-grid.rail>span{display:block}.dcard-grid.rail>span.hide{display:none}
  .bdmap.big{max-height:420px;width:80%}
  .dob-hero h1{font-size:46px}.dob-lede{font-size:16.5px}
  .finder{padding:20px}.finder h2{font-size:28px}.fc{grid-template-columns:1fr}.fc-img{min-height:170px}
  .div-card{padding:16px}.div-card b{font-size:22px}.div-card em{font-size:14px}
  .dob-art{gap:20px}.ibox img{max-height:300px}
}
@media (max-width:640px){.rail .reveal{opacity:1;transform:none}}

/* ===== person page v2 ===== */
.pp-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(160deg,#17272f,#0a1216)}
.pp-hero-bg{position:absolute;inset:-60px;background-size:cover;background-position:center 30%;filter:blur(38px) brightness(.45) saturate(1.2);transform:scale(1.15)}
.pp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,18,22,.95),rgba(10,18,22,.2) 70%),radial-gradient(600px 400px at 20% 50%,color-mix(in srgb,var(--pc) 35%,transparent),transparent 60%)}
.pp-hero-in{position:relative;z-index:2;display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:end;padding-top:40px;padding-bottom:40px}
.pp-photo{aspect-ratio:4/5;border-radius:22px;overflow:hidden;border:4px solid rgba(255,255,255,.9);box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 0 8px color-mix(in srgb,var(--pc) 45%,transparent);background:#e9ecee}
.pp-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.pp-head .dob-crumb{color:#b7c2c8}.pp-head .dob-crumb a{color:#dfe5e8}.pp-head .dob-crumb b{color:#fff}
.pp-grp{display:inline-block;background:var(--pc);font-weight:700;font-size:15px;padding:3px 14px;border-radius:999px}
.pp-head h1{font:800 clamp(40px,5.4vw,72px)/1.08 var(--head);margin:12px 0 4px;text-shadow:0 6px 30px rgba(0,0,0,.4)}
.pp-en{margin:0;color:#c3ccd1;font:500 19px Poppins,var(--ui)}
.pp-life{display:flex;align-items:baseline;gap:14px;margin:14px 0 0}.pp-life b{font:800 30px var(--head);color:#ffd166}.pp-life span{color:#c3ccd1}
.pp-desc{margin:8px 0 0;font-size:19px;color:#e6eaec;max-width:720px}
.pp-share{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.pp-share button{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:700 15px var(--ui);padding:10px 16px;border-radius:999px;color:#fff;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);transition:.2s}
.pp-share button:hover{transform:translateY(-2px)}
.pp-share .sh-fb{background:#1877f2}.pp-share .sh-wa{background:#25d366}.pp-share .sh-x{background:#111}.pp-share .sh-card{background:#ffd166;color:#111}
.pp-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;gap:40px;padding-top:34px;align-items:start}
.pp-toc{position:sticky;top:120px;font-size:15px}.pp-toc b{font:800 17px var(--head)}.pp-toc ol{list-style:none;margin:10px 0 0;padding:0;border-left:2px solid var(--line)}
.pp-toc li a{display:block;padding:6px 0 6px 14px;margin-left:-2px;border-left:2px solid transparent;color:var(--mute)}.pp-toc li a:hover,.pp-toc li a.on{color:var(--pc);border-left-color:var(--pc)}
.pp-prog{height:4px;border-radius:4px;background:var(--line);margin-top:16px;overflow:hidden}.pp-prog i{display:block;height:100%;width:0;background:var(--pc)}
.pp-glance{background:color-mix(in srgb,var(--pc) 7%,#fff);border:1px solid color-mix(in srgb,var(--pc) 25%,#fff);border-radius:16px;padding:18px 22px;margin-bottom:22px}
.pp-glance b{font:800 18px var(--head);color:var(--pc)}.pp-glance ul{margin:10px 0 0;padding-left:20px;font-size:17px;line-height:1.75}
.pp-tl{margin:0 0 28px}.pp-tl-bar{height:8px;border-radius:8px;background:var(--line);overflow:hidden}.pp-tl-bar i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--pc),#ffd166);animation:tlGrow 1.4s cubic-bezier(.2,.8,.2,1)}
@keyframes tlGrow{from{width:0}}
.pp-tl-pts{display:flex;justify-content:space-between;gap:16px;margin-top:10px;font-size:15px;color:var(--mute)}.pp-tl-pts b{display:block;font:800 24px var(--head);color:var(--ink)}.pp-tl-pts span:last-child{text-align:right}
.pp-main .dob-body section:first-of-type p:first-child::first-letter{float:left;font:800 74px/0.9 var(--head);color:var(--pc);padding:6px 10px 0 0}
.pp-awards{margin-top:26px}.pp-awards h2{font:800 24px var(--head)}.pp-awards div{display:flex;flex-wrap:wrap;gap:8px}.pp-awards span{background:#fff8e6;border:1px solid #f3dfa6;padding:6px 12px;border-radius:10px;font-weight:600}
.pp-share-end{align-items:center;margin:30px 0 0;padding:18px;border-radius:16px;background:var(--soft)}.pp-share-end b{font:800 18px var(--head);margin-right:auto}
.pp-share-end button{color:#fff}
.pp-side{position:sticky;top:120px;display:flex;flex-direction:column;gap:18px}
.pp-facts{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.pp-facts-h{display:block;padding:12px 16px;background:var(--pc);color:#fff;font:800 18px var(--head)}
.pp-mapbox{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.pp-mapbox b{font:700 15px var(--ui)}.pp-mapbox a{color:var(--pc)}.pp-mapbox .bdmap{width:80%;margin:6px auto 0}
/* spotlight + did you know */
.dob-spot{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}
.spot{display:grid;grid-template-columns:220px 1fr;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#fff,#fff7e6);border:1px solid #f1e3bf;box-shadow:0 20px 40px -30px rgba(184,134,11,.6)}
.spot-img{aspect-ratio:4/5;overflow:hidden}.spot-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.spot:hover img{transform:scale(1.05)}
.spot-txt{padding:24px;display:flex;flex-direction:column;gap:6px}.spot-txt em{font-style:normal;font-weight:700;color:#b8860b}.spot-txt b{font:800 34px/1.2 var(--head)}.spot-txt small{color:var(--mute);font-size:16px}
.spot-go{margin-top:auto;font-weight:800;color:var(--red)}
.dyk{position:relative;border-radius:20px;padding:24px 26px;color:#fff;background:radial-gradient(400px 260px at 100% 0,rgba(230,51,143,.45),transparent 60%),radial-gradient(400px 260px at 0 100%,rgba(27,111,216,.45),transparent 60%),linear-gradient(140deg,#1b2a33,#0b1317);min-height:240px;display:flex;flex-direction:column}
.dyk em{font-style:normal;font-weight:800;color:#ffd166;font-size:17px}
.dyk a{display:none;flex-direction:column;gap:12px;margin-top:14px}.dyk a.on{display:flex;animation:dykIn .5s ease}
@keyframes dykIn{from{opacity:0;transform:translateY(10px)}}
.dyk a b{font:800 26px/1.35 var(--head)}.dyk a small{color:#c3ccd1}
.dyk-dots{display:flex;gap:6px;margin-top:auto;padding-top:16px}.dyk-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3)}.dyk-dots i.on{background:#ffd166;width:22px;border-radius:8px}
@media (max-width:1180px){.pp-grid{grid-template-columns:minmax(0,1fr) 300px}.pp-toc{display:none}}
@media (max-width:860px){.pp-hero-in{grid-template-columns:1fr;gap:22px;padding-top:24px}.pp-photo{width:200px}.pp-grid{grid-template-columns:1fr}.pp-side{position:static;order:-1}.dob-spot{grid-template-columns:1fr}.spot{grid-template-columns:130px 1fr}.spot-txt b{font-size:24px}.pp-share span{display:none}.pp-share .sh-card span,.pp-share-end span{display:inline}}

@media (max-width:860px){.pp-mapbox .bdmap{width:46%}.pp-mapbox{display:flex;align-items:center;gap:12px}.pp-mapbox b{flex:1}}

/* landing layout v3: narrower, calmer rhythm */
.dob .wrap{max-width:1200px}
.dob-hero-in{padding-top:40px;padding-bottom:34px;grid-template-columns:1.1fr .9fr}
.bdmap.big{max-height:500px}
.dob-hero h1{font-size:clamp(42px,5vw,72px)}
.dob-sec{padding-top:46px}
.dob-h{align-items:flex-end;margin-bottom:20px}
.dob-h p{margin:6px 0 0;color:var(--mute);font-size:16px}
.dob-more{flex:none;font-weight:700;color:var(--red);border:1.5px solid var(--red);padding:7px 16px;border-radius:999px;transition:.2s}.dob-more:hover{background:var(--red);color:#fff}
.dob-band{margin-top:50px}
.dcard-grid{grid-template-columns:repeat(6,1fr);gap:14px}
.place-mosaic{grid-auto-rows:180px}
.best-grid{grid-template-columns:repeat(4,1fr)}
@media (max-width:640px){.dob-h{flex-direction:column;align-items:flex-start;gap:10px}.dob-sec{padding-top:34px}.dob-hero-in{grid-template-columns:1fr}}

/* hero v4: compact, light, no repetition */
.dob-hero2{background:linear-gradient(180deg,#f6f7f8,#fff);border-bottom:1px solid var(--line)}
.dh2{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:center;padding-top:26px;padding-bottom:22px}
.dh2-txt h1{font:800 clamp(30px,3.4vw,44px)/1.2 var(--head);margin:0 0 10px;color:var(--ink)}
.dh2-txt h1 span{background:linear-gradient(90deg,#d0102b,#f2711c,#1f9d55,#1b6fd8);-webkit-background-clip:text;background-clip:text;color:transparent}
.dh2-txt>p{margin:0 0 16px;color:var(--mute);font-size:17px;max-width:620px}
.dob-hero2 .dob-search{max-width:620px}
.dob-hero2 .dob-search input{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23626b66' stroke-width='2'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='m18 18-4-4'/%3E%3C/svg%3E") no-repeat 18px center;color:var(--ink);border:1.5px solid var(--line);box-shadow:0 10px 30px -20px rgba(0,0,0,.3)}
.dob-hero2 .dob-search input:focus{border-color:var(--ink2)}
.dob-hero2 .dob-search input::placeholder{color:#8a949a}
.dh2-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.dh2-stats a{display:flex;align-items:baseline;gap:8px;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);border-bottom:3px solid var(--cc);transition:.2s}
.dh2-stats a:hover{transform:translateY(-2px);box-shadow:0 10px 20px -14px var(--cc)}
.dh2-stats b{font:800 24px var(--head);color:var(--cc)}.dh2-stats span{font-size:14px;color:var(--ink2);font-weight:600}
.dh2-map{position:relative}.dh2-map .bdmap.big{max-height:400px;width:100%;margin:0 auto}
.dh2-map .bdmap.big path{stroke:#fff}
.dh2-map small{position:absolute;right:0;bottom:4px;color:var(--mute);font-size:13px}
.dob-sec{padding-top:34px}.dob-spot{padding-top:24px}
.dob-band{margin-top:36px;padding-bottom:30px}
@media (max-width:860px){.dh2{grid-template-columns:1fr;gap:10px;padding-top:18px}.dh2-map{max-width:300px;margin:0 auto}.dh2-map .bdmap.big{max-height:330px}.dh2-stats a{padding:6px 10px}.dh2-stats b{font-size:20px}}
/* compact DOB header */
.dobh .hdr-in{min-height:68px;padding-top:6px;padding-bottom:6px}
.dobh-logo .logo img{height:46px;width:46px}.dobh-word b{font-size:24px}.dobh-word small{font-size:9.5px;margin-top:4px}
.dobh-search{height:42px;max-width:460px}

/* ======================= Bangladesh Explorer v5 ======================= */
.dobh2{background:#fff;border-bottom:1px solid var(--line)}
.dobh2-in{display:flex;align-items:center;gap:22px;height:64px}
.dobh2 .dobh-logo .logo img{width:40px;height:40px}.dobh2 .dobh-word{border:0;padding:0}.dobh2 .dobh-word b{font-size:21px}
.dobh2-nav{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.dobh2-nav a{padding:8px 12px;border-radius:8px;font:700 15.5px var(--head);white-space:nowrap;color:var(--ink2)}.dobh2-nav a:hover{background:var(--soft);color:var(--red)}
.dobh2 .dobh-search{flex:0 1 260px;height:40px;background:var(--soft)}
.dobh2 .dobh-back{border:0;padding:0}.dobh2 .dobh-back img{height:30px}
.dx{background:#fbfbfc}
.dx-hero{background:radial-gradient(700px 300px at 85% 0,rgba(27,111,216,.08),transparent 60%),radial-gradient(600px 300px at 0 100%,rgba(199,8,30,.06),transparent 60%),#fff;border-bottom:1px solid var(--line)}
.dx-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:30px;align-items:center;padding-top:22px;padding-bottom:22px}
.dx-ask h1{font:800 clamp(28px,3vw,40px)/1.25 var(--head);margin:0 0 14px}
.dx-ask h1 span{background:linear-gradient(90deg,#d0102b,#f2711c,#1f9d55,#1b6fd8);-webkit-background-clip:text;background-clip:text;color:transparent}
.dx-search{max-width:640px}
.dx-search input{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%23626b66' stroke-width='2'%3E%3Ccircle cx='9' cy='9' r='7'/%3E%3Cpath d='m18 18-4-4'/%3E%3C/svg%3E") no-repeat 18px center!important;color:var(--ink)!important;border:2px solid var(--ink2)!important;height:56px;font-size:17px!important;box-shadow:0 14px 30px -22px rgba(0,0,0,.4)}
.dx-search input::placeholder{color:#8a949a!important}
.dx-pop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:14px}.dx-pop span{color:var(--mute)}
.dx-pop a{padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600}.dx-pop a:hover{border-color:var(--red);color:var(--red)}
.dx-counts{display:flex;flex-wrap:wrap;gap:18px;margin-top:16px;color:var(--mute);font-size:14px}.dx-counts b{font:800 22px var(--head);color:var(--ink);margin-right:5px}
.dx-mapcard{display:grid;grid-template-columns:1fr 130px;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;box-shadow:0 20px 40px -30px rgba(0,0,0,.3)}
.dx-mapcard .bdmap.big{max-height:330px;width:100%}.dx-mapcard .bdmap.big path{stroke:#fff}
.dx-legend{display:flex;flex-direction:column;gap:5px}.dx-legend a{display:flex;align-items:center;gap:8px;font:600 14px var(--ui);padding:3px 6px;border-radius:6px}.dx-legend a:hover{background:var(--soft)}
.dx-legend i{width:11px;height:11px;border-radius:3px;background:var(--c)}
.dx-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding-top:20px}
.dx-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:120px;padding:12px;border-radius:14px;background:var(--c);color:#fff;isolation:isolate;transition:transform .25s,box-shadow .25s}
.dx-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55;transition:transform .6s}
.dx-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 10%,color-mix(in srgb,var(--c) 85%,#000))}
.dx-tile:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px var(--c)}.dx-tile:hover img{transform:scale(1.06)}
.dx-tile b{display:block;font:800 18px var(--head)}.dx-tile small{font-size:12.5px;opacity:.9}
.dx-tile em{position:absolute;right:10px;top:8px;font:800 24px var(--head);font-style:normal}
.dx-today{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;padding-top:20px}
.dx-today .spot{grid-template-columns:130px 1fr}.dx-today .spot-txt{padding:16px}.dx-today .spot-txt b{font-size:24px}
.dx-today .dyk{min-height:0;padding:18px 20px}.dx-today .dyk a b{font-size:20px}
.dx-finder{grid-template-columns:1fr;gap:10px;padding:16px;border-radius:16px}
.dx-finder .finder-l{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dx-finder .finder-k{width:100%;font-size:16px}.dx-finder select{flex:1;padding:10px 12px;font-size:16px}
.dx-finder .fc-empty{min-height:90px;font-size:28px}.dx-finder .fc{grid-template-columns:110px 1fr}.dx-finder .fc-img{min-height:120px}.dx-finder .fc-body{padding:12px 14px}.dx-finder .fc-body b{font-size:22px}.dx-finder .fc-stats{gap:6px 10px;margin:8px 0}.dx-finder .fc-stats span{font-size:16px}
.dx-sec{padding-top:30px}
.dx-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px}
.dx-h h2{margin:0;font:800 26px var(--head);display:flex;align-items:center;gap:10px}.dx-h h2::before{content:"";width:6px;height:24px;border-radius:3px;background:linear-gradient(180deg,#d0102b,#1b6fd8)}
.dx-h p{margin:4px 0 0;color:var(--mute);font-size:15px}
.dx-h-r{display:flex;align-items:center;gap:8px}.dx-more{font-weight:700;color:var(--red);margin-right:6px;white-space:nowrap}
.dx-arr{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:22px;line-height:1;cursor:pointer}.dx-arr:hover{background:var(--ink2);color:#fff}
.dx-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:4px}
.dx-rail::-webkit-scrollbar{display:none}
.dx-rail>*{flex:0 0 calc((100% - 5*12px)/6);scroll-snap-align:start}
.dx-rail .dcard-img{aspect-ratio:1/1}
.dx-place{position:relative;flex-basis:calc((100% - 3*12px)/4)!important;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:#111}
.dx-place img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.dx-place:hover img{transform:scale(1.06)}
.dx-place::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.8))}
.dx-place span{position:absolute;left:12px;right:12px;bottom:10px;z-index:2;color:#fff}.dx-place b{display:block;font:800 18px var(--head)}.dx-place small{color:#d6dde1}
.dx-best{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:#24343c;display:block}
.dx-best img{width:100%;height:100%;object-fit:cover}.dx-best .dcard-ph{position:absolute;inset:0}
.dx-best::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85))}
.dx-best span{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;color:#fff}.dx-best em{font-style:normal;font-size:11.5px;background:var(--red);padding:1px 8px;border-radius:999px}.dx-best b{display:block;font:800 16px/1.3 var(--head);margin-top:4px}
.dx-stats{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}
.dx-divs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dx-divs a{display:flex;flex-direction:column;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--c);transition:.2s}.dx-divs a:hover{transform:translateX(3px);border-color:var(--c)}
.dx-divs b{font:800 19px var(--head)}.dx-divs small{color:var(--mute)}
.dx-chart{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:none}
.dx-tabs{display:flex;gap:6px;margin-bottom:10px}.dx-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font:700 14px var(--ui);cursor:pointer}.dx-tabs button.on{background:var(--ink2);color:#fff;border-color:var(--ink2)}
.dx-chart .bar{grid-template-columns:96px 1fr auto;padding:5px 0;font-size:15px}
.dx-index{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:30px}
.dx-index>div{background:#fff;border:1px solid var(--line);border-top:4px solid var(--c);border-radius:12px;padding:12px 14px}
.dx-index h3{margin:0 0 6px;font:800 18px var(--head)}.dx-index h3 a{color:var(--c)}
.dx-index p{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:15px}.dx-index p a:hover{color:var(--red)}
@media (max-width:1180px){.dx-hero-in{grid-template-columns:1fr 360px}.dx-tiles{grid-template-columns:repeat(3,1fr)}.dx-today{grid-template-columns:1fr 1fr}.dx-finder{grid-column:1/-1}.dx-rail>*{flex-basis:calc((100% - 3*12px)/4)}.dx-place{flex-basis:calc((100% - 2*12px)/3)!important}.dx-index{grid-template-columns:repeat(2,1fr)}.dobh2-nav{display:none}}
@media (max-width:860px){
  .dobh2-in{height:56px;gap:10px}.dobh2 .dobh-search{flex:1}.dobh2 .dobh-word b{font-size:17px}.dobh2 .dobh-back img{height:24px}
  .dx-hero-in{grid-template-columns:1fr;padding-top:16px}.dx-mapcard{grid-template-columns:1fr 110px}.dx-mapcard .bdmap.big{max-height:250px}
  .dx-tiles{grid-template-columns:repeat(2,1fr)}.dx-tile{min-height:96px}
  .dx-today,.dx-stats{grid-template-columns:1fr}.dx-divs{grid-template-columns:1fr 1fr}
  .dx-rail{margin:0 -16px;padding:0 16px 4px}.dx-rail>*{flex-basis:42%}.dx-place{flex-basis:76%!important}.dx-best{flex-basis:44%}
  .dx-arr{display:none}.dx-h{align-items:flex-start}.dx-index{grid-template-columns:1fr}
}
@media (max-width:860px){.dobh2 .dobh-back{display:none}.dobh2 .dobh-search{flex:1;min-width:0;padding:0 12px}.dobh2 .dobh-search input{width:100%;min-width:0}.dobh2-in{padding:0 12px}}
@media (max-width:380px){.dobh2 .dobh-word b{font-size:15px}}

/* জানো বাংলাদেশ wordmark */
.dobh-word b{font-family:var(--head)!important;font-weight:800;letter-spacing:0!important}
.dobh2 .dobh-word b{font-size:25px}
.dobh2 .dobh-word small{display:block;font:600 11px var(--ui);letter-spacing:0;color:var(--mute);margin-top:2px}
.dobh2 .dobh-logo .logo img{border-radius:12px}
@media (max-width:860px){.dobh2 .dobh-word small{display:none}.dobh2 .dobh-word b{font-size:21px}}
.dobh2 .dobh-word b{white-space:nowrap}
/* COB logo in the explorer header */
.dobh2 .dobh-cob{flex:none;display:flex;align-items:center}
.dobh2 .dobh-cob img{height:42px;width:auto;border-radius:0}
.dobh2 .dobh-back{border:1px solid var(--line);border-radius:999px;padding:7px 16px}
.dobh2 .dobh-back span{display:inline!important;font:700 14px var(--ui);color:var(--ink2)}
.dobh2 .dobh-back:hover{border-color:var(--red)}.dobh2 .dobh-back:hover span{color:var(--red)}
@media (max-width:860px){.dobh2 .dobh-cob img{height:32px}}
@media (max-width:380px){.dobh2 .dobh-cob img{height:28px}}
/* card grids: fewer columns on smaller screens */
@media (max-width:1100px){.dcard-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){.dcard-grid{grid-template-columns:repeat(3,1fr);gap:10px}}
@media (max-width:480px){.dcard-grid{grid-template-columns:repeat(2,1fr);gap:10px}}