/* wj6.info — Delta gauge. Hydrographic chart paper, depth contours, river-night bands, flood-gauge staffs. */
:root{
 --paper:#f3f0e6;--paper-2:#e8e3d3;--paper-3:#d9d2bd;--ink:#0f2029;--ink-2:#374a52;--ink-3:#52636a;
 --river:#0e3443;--river-2:#082530;--river-3:#15485b;--tide:#3f9f9b;--tide-l:#a6dcd4;
 --gauge:#c8392a;--gauge-d:#a52c1f;--silt:#d2a54f;--line:rgba(15,32,41,.14);--line-2:rgba(15,32,41,.32);
 --mk-bg:var(--paper-2);--mk-fg:#fff;--focus:var(--gauge-d);
 --font-head:"Fraunces","Noto Serif Bengali",Georgia,serif;
 --font-body:"IBM Plex Sans","Anek Bangla",system-ui,sans-serif;
 --lh:1.7;--gut:16px;--hd:66px;
 --wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Cpath d='M0 4Q6 0 12 4T24 4' fill='none' stroke='%230e3443' stroke-opacity='.4' stroke-width='1.4'/%3E%3C/svg%3E");
 --wave-r:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Cpath d='M0 4Q6 0 12 4T24 4' fill='none' stroke='%23c8392a' stroke-width='2'/%3E%3C/svg%3E");
 --wave-t:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Cpath d='M0 4Q6 0 12 4T24 4' fill='none' stroke='%233f9f9b' stroke-width='2'/%3E%3C/svg%3E");
 --edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='14' viewBox='0 0 96 14'%3E%3Cpath d='M0 14V7Q24 0 48 7T96 7V14Z' fill='%230e3443'/%3E%3C/svg%3E");
 --edge-2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='14' viewBox='0 0 96 14'%3E%3Cpath d='M0 14V7Q24 0 48 7T96 7V14Z' fill='%23082530'/%3E%3C/svg%3E");
 color-scheme:light;
}
.lang-bn{--lh:1.85}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hd) + 18px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/var(--lh) var(--font-body);overflow-x:clip;-webkit-font-smoothing:antialiased}
svg{display:block}
a{color:var(--gauge-d);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--ink);text-decoration-color:var(--gauge)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);margin:0;font-weight:650;overflow-wrap:break-word;text-wrap:balance}
p{margin:0 0 1em}
ul,ol{margin:0 0 1.2em;padding:0}
.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-inline:var(--gut)}
@media (min-width:600px){:root{--gut:28px}}
@media (min-width:1100px){:root{--gut:44px}}
.skip{position:absolute;left:12px;top:-120px;z-index:100;background:var(--silt);color:var(--ink);padding:12px 18px;font-weight:700;text-decoration:none}
.skip:focus{top:10px}
.buoy{display:inline-block;width:16px;height:16px;border-radius:50%;flex:none;border:2px solid var(--ink);background:linear-gradient(180deg,var(--gauge) 0 50%,#fff 50%)}
/* flood-gauge staff: red/white E-blocks + fine graduation ticks */
.staff{display:block;width:18px;--sb:#fff;background:
 repeating-linear-gradient(180deg,var(--gauge) 0 6px,var(--sb) 6px 12px) 0 0/9px 100% no-repeat,
 repeating-linear-gradient(180deg,var(--ink) 0 2px,transparent 2px 60px) 10px 0/8px 100% no-repeat,
 repeating-linear-gradient(180deg,var(--ink) 0 1px,transparent 1px 6px) 12px 0/6px 100% no-repeat,var(--sb)}

/* ---------- header ---------- */
.hd{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2)}
.hd-in{position:relative;display:flex;align-items:center;gap:18px;min-height:var(--hd)}
.brand{display:inline-flex;align-items:center;gap:11px;min-height:44px;color:var(--ink);text-decoration:none}
.brand:hover{color:var(--ink)}
.mk{width:38px;height:38px;flex:none}
.brand-t{display:flex;flex-direction:column;line-height:1}
.brand-t b{font:italic 700 27px/1 var(--font-head);letter-spacing:-.01em}
.brand-t small{font-size:12.5px;line-height:1.3;color:var(--ink-3);margin-top:4px}
.lang-en .brand-t small{text-transform:uppercase;letter-spacing:.18em;font-size:10.5px;font-weight:600}
.mbtn{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 14px;border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:600 15px/1 var(--font-body);cursor:pointer;touch-action:manipulation}
.mbtn:hover,.hd.open .mbtn{background:var(--river);border-color:var(--river);color:var(--paper)}
.mbtn-i{display:grid;gap:3px;width:20px}
.mbtn-i i{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,opacity .2s}
.mbtn-i i:nth-child(2){width:70%}
.hd.open .mbtn-i i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.hd.open .mbtn-i i:nth-child(2){opacity:0}
.hd.open .mbtn-i i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--river);color:var(--paper);--focus:var(--silt);padding:8px var(--gut) 24px;max-height:calc(100dvh - var(--hd));overflow-y:auto;box-shadow:0 30px 40px -24px rgba(8,37,48,.6)}
.hd.open .nav{display:block}
.nav ul{list-style:none;margin:0;padding:0}
.nav li{border-bottom:1px solid rgba(166,220,212,.16)}
.nav li a{display:flex;align-items:center;gap:14px;min-height:54px;padding:6px 0;color:var(--paper);text-decoration:none;font:500 1.25rem/1.35 var(--font-head)}
.lang-bn .nav li a{font-size:1.12rem;line-height:1.6}
.nav li a::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid var(--tide-l);flex:none}
.nav li a[aria-current]{color:var(--silt)}
.nav li a[aria-current]::before{background:var(--gauge);border-color:var(--gauge)}
.nav-x{display:flex;flex-direction:column;gap:14px;margin-top:20px}
.nav .lsw{align-self:flex-start}
.nav-cta{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;background:var(--gauge);color:#fff;text-decoration:none;font:600 16px/1.3 var(--font-body)}
.nav-cta:hover{background:var(--gauge-d);color:#fff}
.lsw{display:inline-flex;border:1.5px solid rgba(166,220,212,.35);border-radius:999px;overflow:hidden;flex:none}
.lsw a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:48px;padding:0 14px;color:inherit;text-decoration:none;font:600 14px/1.2 var(--font-body)}
.lsw a[aria-current]{background:var(--tide-l);color:var(--river-2)}
@media (min-width:1180px){
 .mbtn{display:none}
 .nav{display:flex!important;position:static;align-items:center;gap:18px;margin-left:auto;padding:0;background:none;color:var(--ink);box-shadow:none;max-height:none;overflow:visible;--focus:var(--gauge-d)}
 .nav ul{display:flex;gap:2px}
 .nav li{border:0}
 .nav li a{min-height:var(--hd);padding:0 10px;font:500 14.5px/1.3 var(--font-body);color:var(--ink)}
 .lang-bn .nav li a{font-size:14.5px;line-height:1.5}
 .nav li a::before{display:none}
 .nav li a:hover{background:var(--wave-t) 0 calc(100% - 16px)/24px 8px repeat-x}
 .nav li a[aria-current]{color:var(--ink);background:var(--wave-r) 0 calc(100% - 16px)/24px 8px repeat-x}
 .nav-x{flex-direction:row;align-items:center;margin:0;gap:12px}
 .nav .lsw{border-color:var(--line-2)}
 .nav .lsw a{min-height:40px;min-width:40px;padding:0 12px;font-size:13.5px}
 .nav .lsw a[aria-current]{background:var(--river);color:var(--paper)}
 .nav-cta{min-height:44px;padding:0 20px;font-size:14.5px}
}
@media (min-width:1180px) and (max-width:1300px){.nav li a{padding:0 7px;font-size:14px}.lang-bn .nav li a{font-size:14px}.nav{gap:12px}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 26px;border-radius:999px;font:600 16px/1.3 var(--font-body);text-decoration:none;border:1.5px solid transparent;cursor:pointer;text-align:center;transition:background .15s,color .15s,transform .15s}
.btn-r{background:var(--gauge);color:#fff}
.btn-r:hover{background:var(--gauge-d);color:#fff}
.btn-o{border-color:var(--ink);color:var(--ink)}
.btn-o:hover{background:var(--ink);color:var(--paper)}
.btn:active{transform:translateY(1px)}

/* ---------- home: survey sheet ---------- */
.sheet,.survey{position:relative;overflow:clip;isolation:isolate}
.sheet::before,.survey::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:repeating-radial-gradient(ellipse 100% 80% at 92% 18%,transparent 0 42px,rgba(14,52,67,.12) 42px 44px),
 repeating-radial-gradient(ellipse 70% 60% at 70% 110%,transparent 0 52px,rgba(63,159,155,.14) 52px 54px);
 -webkit-mask:linear-gradient(90deg,transparent 18%,#000 72%);mask:linear-gradient(90deg,transparent 18%,#000 72%)}
.sheet{padding:40px 0 64px}
.sheet-g{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.kick{display:flex;align-items:center;gap:12px;margin:0;font:600 14px/1.4 var(--font-body);color:var(--ink-2)}
.lang-en .kick{text-transform:uppercase;letter-spacing:.16em;font-size:12px}
.sheet h1{font-weight:700;font-size:clamp(2.45rem,1.4rem + 4vw,5.1rem);line-height:1.02;letter-spacing:-.028em;max-width:17ch;font-variation-settings:"opsz" 144}
.lang-bn .sheet h1{font-weight:700;font-size:clamp(1.85rem,1.15rem + 2.9vw,3.5rem);line-height:1.42;letter-spacing:0;max-width:22ch;font-stretch:92%}
.lead{font-size:1.1875rem;line-height:var(--lh);color:var(--ink-2);max-width:62ch}
.lead p:last-child{margin-bottom:0}
.lead strong{color:var(--ink)}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.key{align-self:end;background:var(--paper);border:1.5px solid var(--ink);padding:0;box-shadow:6px 6px 0 var(--paper-3)}
.key-h{margin:0;padding:10px 16px;border-bottom:1.5px solid var(--ink);font:600 13.5px/1.4 var(--font-body);color:var(--ink-2)}
.lang-en .key-h{text-transform:uppercase;letter-spacing:.14em;font-size:11.5px}
.key ul{list-style:none;margin:0;padding:4px 16px}
.key li{display:flex;align-items:center;gap:14px;padding:11px 0;font-size:15.5px;line-height:1.5}
.key li+li{border-top:1px solid var(--line)}
.key li::before{content:"";width:18px;height:18px;flex:none}
.k-age::before{border-radius:50%;border:2px solid var(--ink);background:linear-gradient(180deg,var(--gauge) 0 50%,#fff 50%)}
.k-coin::before{border-radius:50%;background:radial-gradient(circle at 38% 35%,#f1d596,var(--silt) 58%,#9a7530);box-shadow:inset 0 0 0 1.5px #86651f}
.k-nodep::before{background:var(--wave-t) 0 5px/24px 8px repeat-x,var(--river);border-radius:3px}
@media (min-width:1000px){
 .sheet{padding:64px 0 88px}
 .sheet-g{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:26px}
 .kick,.sheet h1{grid-column:1/-1}
 .sheet-t{grid-column:1/8}
 .key{grid-column:9/13}
}

/* ---------- home: river band with gauge station ---------- */
.river{position:relative;background:var(--river);color:#d7e4e2;--focus:var(--silt);padding:56px 0 72px;margin-top:14px;isolation:isolate}
.river::before{content:"";position:absolute;left:0;right:0;top:-13px;height:14px;background:var(--edge) 0 0/96px 14px repeat-x}
.river::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-radial-gradient(ellipse 90% 70% at 12% 100%,transparent 0 44px,rgba(166,220,212,.07) 44px 45.5px)}
.river-g{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.station-t h2{color:var(--paper);font-style:italic;font-weight:600;font-size:clamp(1.9rem,1.3rem + 2.2vw,3.2rem);line-height:1.08;letter-spacing:-.015em;margin-bottom:14px}
.lang-bn .station-t h2{font-style:normal;font-weight:700;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem);line-height:1.45;letter-spacing:0}
.station-t p{margin:0;max-width:40ch;color:#b9cdcc;font-size:1.0625rem}
.station{position:relative;container:ch/inline-size;padding-left:18px;min-width:0}
.staff-big{position:absolute;left:0;top:0;bottom:0;width:11px;--sb:#f3f0e6;background:repeating-linear-gradient(180deg,var(--gauge) 0 6px,var(--sb) 6px 12px) 0 0/6px 100% no-repeat,repeating-linear-gradient(180deg,var(--sb) 0 1px,transparent 1px 6px) 8px 0/4px 100% no-repeat;opacity:.9}
.station #game-root{background:var(--river-2);border:1px solid rgba(166,220,212,.18);border-radius:10px}
@media (min-width:600px){.station{padding-left:34px}.staff-big{width:20px;background:repeating-linear-gradient(180deg,var(--gauge) 0 8px,var(--sb) 8px 16px) 0 0/10px 100% no-repeat,repeating-linear-gradient(180deg,var(--sb) 0 2px,transparent 2px 64px) 12px 0/8px 100% no-repeat,repeating-linear-gradient(180deg,var(--sb) 0 1px,transparent 1px 8px) 14px 0/6px 100% no-repeat}}
@media (min-width:1100px){
 .river{padding:80px 0 96px}
 .river-g{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:56px;align-items:start}
 .station-t{position:sticky;top:calc(var(--hd) + 32px)}
}

/* ---------- inner: survey head ---------- */
.survey{padding:22px 0 0}
.survey-in{padding-bottom:36px}
.crumbs ol{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;align-items:center;font-size:14.5px;line-height:1.4}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"";width:22px;height:8px;margin:0 10px;background:var(--wave) 0 0/24px 8px repeat-x;flex:none}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-weight:600}
.crumbs span[aria-current]{color:var(--ink-2)}
.survey h1{font-weight:700;font-size:clamp(2.15rem,1.35rem + 3vw,4.1rem);line-height:1.04;letter-spacing:-.025em;max-width:20ch;margin-bottom:20px;font-variation-settings:"opsz" 144}
.lang-bn .survey h1{font-size:clamp(1.65rem,1.15rem + 2vw,2.75rem);line-height:1.42;letter-spacing:0;max-width:28ch;font-stretch:92%}
.survey .lead{font-size:1.125rem}
.ruler{height:26px;border-top:1px solid var(--ink);background:
 repeating-linear-gradient(90deg,var(--gauge) 0 40px,#fff 40px 80px) 0 0/100% 6px no-repeat,
 repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 80px) 0 6px/100% 18px no-repeat,
 repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 8px) 0 6px/100% 9px no-repeat,var(--paper-2);border-bottom:1px solid var(--line-2)}
@media (min-width:1100px){.survey{padding-top:40px}.survey-in{padding-bottom:48px}}

/* ---------- body: gauge index + reading column ---------- */
.body-g{display:grid;grid-template-columns:minmax(0,1fr);padding-top:32px;padding-bottom:64px}
.side{display:none}
.content{min-width:0;max-width:740px}
@media (min-width:1100px){
 .body-g{grid-template-columns:260px minmax(0,740px);gap:72px;padding-top:56px}
 .side{display:block}
 .side-in{position:sticky;top:calc(var(--hd) + 26px);display:grid;gap:26px}
}
.gauge-h{margin:0 0 12px;font:600 13.5px/1.4 var(--font-body);color:var(--ink-2)}
.lang-en .gauge-h{text-transform:uppercase;letter-spacing:.16em;font-size:11.5px}
.gauge-b{display:grid;grid-template-columns:18px minmax(0,1fr);gap:14px}
.gauge .staff{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-2)}
.lvl{position:absolute;left:0;right:0;top:0;height:calc(var(--lvl,0) * 1px);background:rgba(63,159,155,.5);border-bottom:2px solid var(--river)}
@media (prefers-reduced-motion:no-preference){.lvl{transition:height .45s cubic-bezier(.3,.7,.3,1)}}
.gauge ol{list-style:none;margin:0;padding:0;max-height:calc(100vh - 340px);overflow-y:auto}
.gauge li+li{border-top:1px solid var(--line)}
.gauge a{display:block;padding:9px 4px;min-height:44px;color:var(--ink-2);text-decoration:none;font-size:14.5px;line-height:1.45}
.lang-bn .gauge a{line-height:1.65}
.gauge a:hover{color:var(--ink)}
.gauge a[aria-current]{color:var(--ink);font-weight:600}
.demo{padding:20px;background:var(--river);color:#c9dad8;border-radius:10px;--focus:var(--silt);position:relative;overflow:hidden}
.demo::before{content:"";display:block;height:8px;margin:0 0 14px;background:var(--wave-t) 0 0/24px 8px repeat-x}
.demo-t{margin:0 0 6px;font:600 1.2rem/1.3 var(--font-head);color:var(--paper)}
.lang-bn .demo-t{line-height:1.55}
.demo-p{font-size:15px;line-height:1.6;margin:0 0 16px}
.demo .btn{width:100%}
/* mobile index */
.idx-m{margin:0 0 30px;border:1.5px solid var(--ink);background:var(--paper)}
.idx-m summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;cursor:pointer;list-style:none;font:600 16px/1.3 var(--font-body)}
.idx-m summary::-webkit-details-marker{display:none}
.idx-m ol{list-style:none;margin:0;padding:0 16px 10px;border-top:1px solid var(--line-2)}
.idx-m li+li{border-top:1px solid var(--line)}
.idx-m a{display:flex;align-items:center;min-height:46px;padding:6px 0;color:var(--ink);text-decoration:none;font-size:15.5px;line-height:1.45}
@media (min-width:1100px){.idx-m{display:none}}
.chev{width:30px;height:30px;flex:none;border-radius:50%;border:1.5px solid currentColor;position:relative}
.chev::before{content:"";position:absolute;left:50%;top:45%;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-50%) rotate(45deg);transition:transform .2s}
details[open]>summary .chev::before{transform:translate(-50%,-20%) rotate(-135deg)}

/* reading column */
.content p,.content li{color:var(--ink)}
.intro-more{margin-bottom:8px}
.reach{position:relative;padding-top:40px;margin-top:10px;background:var(--wave) 0 0/24px 8px repeat-x}
.content>.reach:first-child{padding-top:0;margin-top:0;background:none}
.reach-plain{background:none;padding-top:0}
.reach h2{position:relative;padding-left:32px;font-weight:650;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);line-height:1.14;letter-spacing:-.018em;margin:0 0 .75em;font-variation-settings:"opsz" 72}
.reach h2 .buoy{position:absolute;left:0;top:.32em}
.lang-bn .reach h2{font-weight:700;font-size:clamp(1.35rem,1.12rem + .9vw,1.8rem);line-height:1.5;letter-spacing:0;font-stretch:94%}
.lang-bn .reach h2 .buoy{top:.5em}
.reach>*:last-child{margin-bottom:0}
.reach+.reach,.reach+.cta{margin-top:40px}
.content h3{font-size:1.3rem;line-height:1.3;font-weight:600;font-style:italic;margin:1.7em 0 .55em;color:var(--river)}
.lang-bn .content h3{font-style:normal;font-size:1.2rem;line-height:1.6;font-weight:700}
.content h4{font-size:1.1rem;margin:1.4em 0 .5em}
.content ul{list-style:none;padding:0}
.content ul>li{position:relative;padding-left:26px;margin:0 0 .6em}
.content ul>li::before{content:"";position:absolute;left:3px;top:.62em;width:10px;height:10px;border-radius:50%;border:2px solid var(--tide)}
.content ol{list-style:none;padding:0;counter-reset:st}
.content ol>li{position:relative;counter-increment:st;padding-left:44px;margin:0 0 .75em}
.content ol>li::before{content:counter(st);position:absolute;left:0;top:.05em;width:30px;text-align:right;padding-right:8px;border-right:3px solid var(--gauge);font:italic 700 1.15rem/1.5 var(--font-head);color:var(--gauge-d)}
.lang-bn .content ol>li::before{content:counter(st,bengali);font-style:normal;line-height:1.6}
.content strong{font-weight:700;color:var(--ink)}
.content table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:15.5px;line-height:1.5;display:block;overflow-x:auto;border:1px solid var(--line-2)}
.content th,.content td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.content th{background:var(--paper-2);font-weight:700}
.content blockquote{margin:0 0 1.2em;padding:14px 18px;border-left:4px solid var(--tide);background:var(--paper-2)}
/* faq */
.qa{border-top:1.5px solid var(--ink)}
.qa details{border-bottom:1px solid var(--line-2)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none;font:600 1.12rem/1.4 var(--font-head)}
.lang-bn .qa summary{font-weight:600;line-height:1.65;font-size:1.06rem}
.qa summary::-webkit-details-marker{display:none}
.qa summary:hover .q{color:var(--gauge-d)}
.qa details[open]>summary .chev{background:var(--river);border-color:var(--river);color:var(--paper)}
.qa .a{padding:0 0 20px;max-width:66ch}
.qa .a>*:last-child{margin-bottom:0}
/* cta */
.cta{position:relative;margin-top:56px;padding:34px 24px 28px;background:var(--river);color:var(--paper);--focus:var(--silt);border-radius:10px}
.cta::before{content:"";position:absolute;left:24px;right:24px;top:14px;height:8px;background:var(--wave-t) 0 0/24px 8px repeat-x}
.cta p{margin:0 0 18px;font:italic 600 1.35rem/1.35 var(--font-head);color:var(--paper);max-width:32ch}
.lang-bn .cta p{font-style:normal;line-height:1.65;font-size:1.2rem}

/* ---------- related: downstream ---------- */
.down{background:var(--paper-2);padding:56px 0 64px;border-top:1px solid var(--line-2)}
.down h2{font-weight:650;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);line-height:1.14;letter-spacing:-.018em;margin:0 0 22px}
.lang-bn .down h2{font-weight:700;font-size:clamp(1.35rem,1.12rem + .9vw,1.8rem);line-height:1.5;letter-spacing:0}
.ds-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:48px}
@media (min-width:900px){.ds-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ds-list li{background:var(--wave) 0 0/24px 8px repeat-x;padding-top:8px}
.ds{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:4px;padding:16px 0 20px;color:var(--ink);text-decoration:none;min-height:44px}
.ds strong{font:600 1.25rem/1.3 var(--font-head);grid-column:1}
.lang-bn .ds strong{font-weight:700;font-size:1.12rem;line-height:1.6}
.ds-d{grid-column:1;font-size:15px;line-height:1.6;color:var(--ink-2)}
.ds-a{grid-column:2;grid-row:1/3;align-self:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ink);position:relative;transition:background .2s,color .2s}
.ds-a::before{content:"";position:absolute;left:12px;right:12px;top:50%;height:2px;margin-top:-1px;background:currentColor}
.ds-a::after{content:"";position:absolute;right:12px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.ds:hover{color:var(--ink)}
.ds:hover strong{color:var(--gauge-d)}
.ds:hover .ds-a{background:var(--river);border-color:var(--river);color:var(--paper)}

/* ---------- footer ---------- */
.ft{position:relative;background:var(--river-2);color:#bfd0cf;--focus:var(--silt);--mk-bg:var(--river-3);margin-top:14px}
.ft::before{content:"";position:absolute;left:0;right:0;top:-13px;height:14px;background:var(--edge-2) 0 0/96px 14px repeat-x}
.down+.ft,main:has(.down)+.ft{margin-top:0}
.ft-g{display:grid;gap:34px;padding-top:48px;padding-bottom:36px}
.ft .brand{color:var(--paper)}
.ft .brand-t small{color:#9fb5b4}
.disc{margin:16px 0 0;font-size:15px;line-height:1.7;max-width:56ch}
.ft h2{font:600 13.5px/1.4 var(--font-body);color:var(--silt);margin:0 0 8px}
.lang-en .ft h2{text-transform:uppercase;letter-spacing:.16em;font-size:11.5px}
.lang-bn .ft h2{font-size:15px;line-height:1.6}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:flex;align-items:center;min-height:44px;color:#e7efed;text-decoration:none;font-size:15.5px;line-height:1.4;border-bottom:1px solid rgba(166,220,212,.1)}
.ft li a:hover{color:var(--silt)}
.ft-bot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding-top:20px;padding-bottom:30px;border-top:1px solid rgba(166,220,212,.16);font-size:14.5px}
.age{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:2px solid var(--gauge);background:rgba(200,57,42,.15);color:#fff;font:700 15px/1 var(--font-body)}
.ft-bot .lsw{margin-left:auto}
.totop{display:inline-flex;align-items:center;min-height:44px;color:#e7efed}
.totop:hover{color:var(--silt)}
@media (min-width:820px){.ft-g{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:56px;padding-top:60px}}
@media (max-width:519px){.ft-bot .lsw{margin-left:0}}

.nf{padding-top:48px}
.nf .survey-in{padding-bottom:64px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.hd,.side,.river::before,.ft::before{display:none}}