/* cv66bet.info — Label studio: the guide as a computer-vision annotation workspace (bounding boxes, class tags, object list) */
:root{
  --paper:#EEEDE7;--sheet:#FAF9F5;--ink:#131418;--ink2:#2B2D34;--muted:#565962;--line:#D2D0C6;--line2:#E3E1D9;
  --slate:#17191E;--slate2:#21242B;--slate-line:#353943;--on-slate:#ECEBE5;--on-slate-mute:#A4A7AF;
  --mag:#D1006E;--mag-d:#A8005A;--lime:#B7EE40;--cyan:#27C4DE;
  --f-d:"Geologica","Anek Bangla",system-ui,sans-serif;
  --f-b:"Geologica","Anek Bangla",system-ui,sans-serif;
  --f-m:"Kode Mono","Anek Bangla",ui-monospace,monospace;
  --g:16px;--max:1320px;
  --k:#D1006E;--kt:#fff;
  /* game-core fallbacks */
  --primary:#D1006E;--accent:#B7EE40;--surface:#FAF9F5;--text:#131418;--font-head:"Geologica","Anek Bangla",sans-serif;--font-body:"Geologica","Anek Bangla",sans-serif;
  color-scheme:light;
}
:root:lang(bn){--f-m:"Anek Bangla","Kode Mono",ui-monospace,monospace}
@media (min-width:600px){:root{--g:28px}}
@media (min-width:1200px){:root{--g:40px}}

/* annotation classes */
.k-m{--k:#D1006E;--kt:#fff}
.k-c{--k:#0E93AE;--kt:#0B0C0F}
.k-a{--k:#F0A800;--kt:#131418}
.k-l{--k:#95CC1E;--kt:#131418}
.k-o{--k:#FF6040;--kt:#131418}
.k-v{--k:#6650EE;--kt:#fff}
.k-t{--k:#14A67A;--kt:#0B0C0F}
.k-g{--k:#8C8E96;--kt:#0B0C0F}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:20px}
body{margin:0;background-color:var(--paper);background-image:radial-gradient(rgba(19,20,24,.10) 1px,transparent 1.3px);background-size:24px 24px;color:var(--ink);font:400 17px/1.65 var(--f-b);overflow-x:hidden}
:lang(bn) body,body:lang(bn){line-height:1.8}
img,svg,canvas{max-width:100%}
a{color:var(--mag-d);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px dashed var(--mag);outline-offset:3px}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 16px;font:600 15px/1 var(--f-m);text-decoration:none}
.skip:focus{top:12px}
h1,h2,h3{font-family:var(--f-d);color:var(--ink);margin:0}
:lang(en) h1,:lang(en) h2{letter-spacing:-.022em}
:lang(bn) h1,:lang(bn) h2,:lang(bn) h3{font-stretch:92%;line-height:1.4}
p{margin:0 0 1em}

/* ---------- label tag + bounding box ---------- */
.tag{display:inline-block;background:var(--k);color:var(--kt);font:600 12.5px/1 var(--f-m);padding:5px 7px 4px;white-space:nowrap}
:lang(en) .tag{letter-spacing:.04em;text-transform:uppercase}
:lang(bn) .tag{font-size:14px;line-height:1.35;padding:3px 8px 2px}
.bbox{position:relative;border:1.5px solid var(--k)}
.bbox::after{content:"";position:absolute;inset:-5px;pointer-events:none;
  background:linear-gradient(var(--k),var(--k)) 0 0/8px 8px no-repeat,linear-gradient(var(--k),var(--k)) 100% 0/8px 8px no-repeat,
  linear-gradient(var(--k),var(--k)) 0 100%/8px 8px no-repeat,linear-gradient(var(--k),var(--k)) 100% 100%/8px 8px no-repeat}
.bbox>.tag{position:absolute;left:-1.5px;bottom:100%;margin-bottom:-.5px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:1.5px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);font:600 16px/1.2 var(--f-b);text-decoration:none;text-align:center;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.btn.pri{background:var(--mag);border-color:var(--mag);color:#fff}
.btn.pri::before{content:"";width:9px;height:9px;flex:none;border:1.5px solid currentColor;box-shadow:inset 0 0 0 2px var(--mag),inset 0 0 0 5px currentColor}
.btn.pri:hover{background:var(--mag-d);border-color:var(--mag-d)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.btn.sm{min-height:44px;padding:0 16px;font-size:15px}

/* ---------- header: toolbar + class bar ---------- */
.hd{position:relative;z-index:40;background:rgba(250,249,245,.94);border-bottom:1px solid var(--line)}
.hd-row{display:flex;align-items:center;gap:12px;max-width:var(--max);margin:0 auto;padding:26px var(--g) 12px}
.brand{display:inline-flex;text-decoration:none;color:var(--ink);padding-top:6px}
.brand .bbox{display:inline-flex;align-items:center;padding:5px 11px 4px;background:rgba(209,0,110,.06)}
.word{font:800 24px/1.1 var(--f-d);letter-spacing:-.03em;color:var(--ink)}
.word b{font-weight:800;color:var(--k)}
.hd-tools{margin-left:auto;display:flex;align-items:center;gap:12px}
.tog{display:inline-flex;align-items:center;gap:10px;margin-left:auto;min-height:44px;min-width:44px;padding:0 14px;border:1.5px solid var(--ink);border-radius:2px;background:var(--sheet);color:var(--ink);font:600 15px/1 var(--f-m);cursor:pointer}
.tog-ico{position:relative;display:block;width:18px;height:14px}
.tog-ico i{position:absolute;left:0;right:0;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
.tog-ico i:nth-child(1){top:0}.tog-ico i:nth-child(2){top:6px}.tog-ico i:nth-child(3){top:12px}
.tog[aria-expanded=true] .tog-ico i:nth-child(1){top:6px;transform:rotate(45deg)}
.tog[aria-expanded=true] .tog-ico i:nth-child(2){opacity:0}
.tog[aria-expanded=true] .tog-ico i:nth-child(3){top:6px;transform:rotate(-45deg)}
.lsw{display:inline-flex;border:1px solid var(--line);background:var(--sheet)}
.lsw a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--ink);text-decoration:none;font:500 15px/1 var(--f-b)}
.lsw a+a{border-left:1px solid var(--line)}
.lsw a[aria-current]{background:var(--ink);color:var(--paper)}
.lsw a:not([aria-current]):hover{background:var(--line2)}
.classbar{border-top:1px solid var(--line2)}
.classbar ul{list-style:none;margin:0 auto;padding:0 var(--g);max-width:var(--max);display:flex;flex-wrap:wrap;gap:4px 6px}
.cls{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 12px;border:1.5px solid transparent;color:var(--ink);text-decoration:none;font:500 15.5px/1.25 var(--f-b);position:relative}
.cls .sw,.toc .sw,.ft .sw{width:12px;height:12px;flex:none;background:var(--k)}
.cls kbd{font:500 12px/1 var(--f-m);color:var(--muted);border:1px solid var(--line);padding:3px 4px 2px;border-radius:2px;background:var(--sheet)}
.cls:hover{border-color:var(--k);border-style:dashed}
.cls[aria-current]{border-color:var(--k);border-style:solid;background:color-mix(in srgb,var(--k) 12%,transparent)}
.cls[aria-current]::after{content:"";position:absolute;inset:-4px;pointer-events:none;background:linear-gradient(var(--k),var(--k)) 0 0/6px 6px no-repeat,linear-gradient(var(--k),var(--k)) 100% 0/6px 6px no-repeat,linear-gradient(var(--k),var(--k)) 0 100%/6px 6px no-repeat,linear-gradient(var(--k),var(--k)) 100% 100%/6px 6px no-repeat}
.nav-lsw{display:none}
@media (min-width:980px){
  .tog{display:none}
  .classbar ul{padding-top:8px;padding-bottom:8px}
}
@media (max-width:979.98px){
  .hd-tools .lsw{display:none}
  .classbar{display:none;position:absolute;left:0;right:0;top:100%;background:var(--sheet);border-bottom:1.5px solid var(--ink);box-shadow:0 18px 40px -18px rgba(19,20,24,.35);padding:10px 0 18px}
  .hd.open .classbar{display:block}
  .classbar ul{flex-direction:column;gap:2px}
  .cls{min-height:52px;font-size:17px}
  .cls kbd{margin-left:auto}
  .nav-lsw{display:block;padding:12px var(--g) 0}
}
@media (min-width:600px) and (max-width:979.98px){.tog{order:3;margin-left:0}}
@media (max-width:599.98px){
  .hd-tools{display:none}
  .hd-row{padding-top:24px}
  .word{font-size:22px}
}

/* ---------- home hero ---------- */
.hero{max-width:var(--max);margin:0 auto;padding:36px var(--g) 24px;display:grid;gap:36px;grid-template-columns:minmax(0,1fr)}
.kick{margin:0 0 18px}
.kick .tag{background:var(--ink);color:var(--lime);font-size:13px;padding:7px 9px 6px;white-space:normal}
:lang(bn) .kick .tag{font-size:15px}
.hero h1{font-weight:750;font-size:clamp(2rem,1.3rem + 3.2vw,3.5rem);line-height:1.06;max-width:17ch}
:lang(bn) .hero h1{line-height:1.38;max-width:20ch;font-size:clamp(1.85rem,1.3rem + 2.6vw,3.1rem)}
.lead{margin-top:18px}
.lead p{font-size:clamp(1.08rem,1rem + .35vw,1.27rem);line-height:1.6;color:var(--ink2);max-width:60ch;margin:0}
:lang(bn) .lead p{line-height:1.8}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.chips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px dashed var(--muted);font:500 14.5px/1.3 var(--f-m);color:var(--ink2);background:var(--sheet)}
.chips li::before{content:"";width:8px;height:8px;background:var(--mag);flex:none}
.chips li:nth-child(2)::before{background:var(--k-lime,#95CC1E)}
.chips li:nth-child(3)::before{background:#0E93AE}
@media (min-width:1060px){
  .hero{grid-template-columns:minmax(0,5fr) minmax(0,6.2fr);align-items:start;gap:56px;padding-top:56px}
  .hero-copy{position:sticky;top:24px}
}

/* viewport (game) */
.vp{background:var(--slate);color:var(--on-slate);border:1px solid #000;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 30px 60px -30px rgba(19,20,24,.55);scroll-margin-top:12px}
.vp-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--slate-line)}
.vp-bar .tag{background:var(--lime);color:var(--ink)}
.vp-ind{display:flex;gap:6px}
.vp-ind i{width:10px;height:10px;background:var(--mag)}
.vp-ind i:nth-child(2){background:var(--lime)}
.vp-ind i:nth-child(3){background:var(--cyan)}
.vp-frame{position:relative}
@media (max-width:599.98px){.vp{margin-inline:calc(-1 * var(--g));border-inline:0}}
@media (min-width:600px){
  .vp-frame{padding:14px 0 0 14px;background:
    repeating-linear-gradient(90deg,#4a4f5b 0 1px,transparent 1px 10px) 14px 0/100% 6px no-repeat,
    repeating-linear-gradient(90deg,#6b717e 0 1px,transparent 1px 50px) 14px 0/100% 12px no-repeat,
    repeating-linear-gradient(180deg,#4a4f5b 0 1px,transparent 1px 10px) 0 14px/6px 100% no-repeat,
    repeating-linear-gradient(180deg,#6b717e 0 1px,transparent 1px 50px) 0 14px/12px 100% no-repeat}
}

/* ---------- inner page head ---------- */
.phead{max-width:var(--max);margin:0 auto;padding:18px var(--g) 8px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;font:500 14.5px/1.3 var(--f-m);color:var(--muted)}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"/";margin:0 10px;color:var(--line)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line)}
.crumbs span{color:var(--muted)}
.ann{display:block;width:fit-content;max-width:100%;margin:40px 0 22px;padding:14px 18px 18px;background:color-mix(in srgb,var(--k) 8%,transparent)}
.ann h1{font-weight:750;font-size:clamp(1.9rem,1.25rem + 2.8vw,3.25rem);line-height:1.08;max-width:24ch}
:lang(bn) .ann h1{line-height:1.4;font-size:clamp(1.75rem,1.25rem + 2.2vw,2.9rem)}
.phead .lead{margin:0 0 8px}

/* ---------- workspace: article + object panel ---------- */
.work{max-width:var(--max);margin:0 auto;padding:28px var(--g) 64px;display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}
.content{min-width:0;counter-reset:sec}
@media (min-width:760px){.content{background:var(--sheet);border:1px solid var(--line);padding:clamp(28px,4vw,56px)}}
@media (min-width:1060px){.work{grid-template-columns:minmax(0,1fr) 300px;gap:40px}}
.content>:first-child{margin-top:0}
.content p,.content li{max-width:70ch}
.content>h2{counter-increment:sec;position:relative;margin:2.3em 0 .75em;padding-left:48px;font-weight:700;font-size:clamp(1.42rem,1.15rem + 1vw,1.95rem);line-height:1.2;scroll-margin-top:20px;
  --kc:#D1006E;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--kc) 30%,transparent);text-decoration-thickness:.32em;text-underline-offset:-.12em;text-decoration-skip-ink:none}
:lang(bn) .content>h2{line-height:1.45;text-underline-offset:-.05em}
.content>h2::before{content:counter(sec,decimal-leading-zero);position:absolute;left:0;top:.28em;min-width:36px;text-align:center;font:600 13px/1 var(--f-m);padding:6px 5px 5px;background:var(--kc);color:#fff}
:lang(bn) .content>h2::before{content:counter(sec,bengali);font-size:15px;padding:4px 5px 3px}
.content>h2:nth-of-type(7n+2){--kc:#0E93AE}
.content>h2:nth-of-type(7n+3){--kc:#B97F00}
.content>h2:nth-of-type(7n+4){--kc:#5E8F0B}
.content>h2:nth-of-type(7n+5){--kc:#E0441F}
.content>h2:nth-of-type(7n+6){--kc:#6650EE}
.content>h2:nth-of-type(7n+7){--kc:#0F8A66}
.content h3{margin:1.8em 0 .5em;font-size:1.2rem;font-weight:650;display:flex;gap:10px;align-items:baseline}
.content h3::before{content:"";width:10px;height:10px;flex:none;border:2px solid var(--mag);transform:translateY(-1px)}
.content ul,.content ol{padding-left:1.35em;margin:0 0 1.2em}
.content li{margin:.35em 0;padding-left:.2em}
.content ul{list-style:square}
.content ul li::marker{color:var(--mag)}
.content ol li::marker{font:600 .9em var(--f-m);color:var(--mag-d)}
.content strong{font-weight:650;color:var(--ink)}
.intro-extra{margin-bottom:1.5em}
.content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.4em 0;font-size:15.5px;line-height:1.5;border:1px solid var(--line)}
.content th{background:var(--ink);color:var(--paper);font:600 13.5px/1.3 var(--f-m);text-align:left;padding:10px 12px;vertical-align:bottom}
:lang(bn) .content th{font-size:15px}
.content td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top;min-width:9em}
.content tr:nth-child(even) td{background:rgba(19,20,24,.03)}

/* FAQ as a keypoint chain */
.faq{margin-top:3em}
.faq-h{position:relative;padding-left:48px;font-weight:700;font-size:clamp(1.42rem,1.15rem + 1vw,1.95rem);line-height:1.25;margin:0 0 .6em}
.faq-h::before{content:"";position:absolute;left:8px;top:.3em;width:20px;height:20px;border:2px solid var(--mag);border-radius:50%;box-shadow:inset 0 0 0 4px var(--sheet),inset 0 0 0 10px var(--mag)}
.kp{position:relative;padding-left:34px}
.kp::before{content:"";position:absolute;left:17px;top:26px;bottom:26px;width:2px;background:repeating-linear-gradient(180deg,var(--mag) 0 6px,transparent 6px 11px);opacity:.55}
.kp details{position:relative;border-bottom:1px solid var(--line)}
.kp details::before{content:"";position:absolute;left:-23px;top:21px;width:12px;height:12px;border-radius:50%;background:var(--sheet);border:2px solid var(--mag)}
.kp details[open]::before{background:var(--mag)}
.kp summary{list-style:none;position:relative;cursor:pointer;min-height:52px;padding:13px 40px 13px 0;font-weight:600;font-size:17.5px;line-height:1.45}
:lang(bn) .kp summary{line-height:1.7}
.kp summary::-webkit-details-marker{display:none}
.kp summary::after{content:"";position:absolute;right:10px;top:22px;width:10px;height:10px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .2s}
.kp details[open] summary::after{transform:translateY(4px) rotate(-135deg)}
.kp summary:hover span{text-decoration:underline;text-decoration-color:var(--mag)}
.ans{padding:0 0 16px}
.ans p{margin:0}

/* inner CTA */
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:3.4em 0 .5em;padding:22px 22px;background:color-mix(in srgb,var(--k) 7%,var(--sheet))}
.cta p{margin:0;font-weight:600;font-size:18px;line-height:1.5;flex:1 1 280px}

/* object panel */
.panel{min-width:0;order:-1}
@media (min-width:1060px){.panel{order:0}.panel-in{position:sticky;top:20px}}
.toc{background:var(--sheet);border:1px solid var(--line)}
.panel-h{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;background:var(--slate);color:var(--on-slate);font:600 13.5px/1.2 var(--f-m)}
:lang(en) .panel-h{letter-spacing:.06em;text-transform:uppercase}
:lang(bn) .panel-h{font-size:15px;line-height:1.5}
.panel-h::before{content:"";width:10px;height:10px;border:1.5px solid var(--lime)}
.toc ol{list-style:none;margin:0;padding:0}
.toc a{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:start;min-height:46px;padding:12px 14px 11px;border-top:1px solid var(--line2);color:var(--ink);text-decoration:none;font-size:15px;line-height:1.4;position:relative}
.toc li:first-child a{border-top:0}
.toc .sw{margin-top:.3em;--k:#D1006E}
.toc li:nth-child(7n+2) .sw{--k:#0E93AE}
.toc li:nth-child(7n+3) .sw{--k:#F0A800}
.toc li:nth-child(7n+4) .sw{--k:#95CC1E}
.toc li:nth-child(7n+5) .sw{--k:#FF6040}
.toc li:nth-child(7n+6) .sw{--k:#6650EE}
.toc li:nth-child(7n+7) .sw{--k:#14A67A}
.toc em{font:500 12px/1.9 var(--f-m);font-style:normal;color:var(--muted)}
.toc a:hover{background:var(--line2)}
.toc a.on{background:color-mix(in srgb,var(--mag) 9%,transparent);box-shadow:inset 3px 0 0 var(--mag)}
.democard{margin-top:16px;padding:18px;background:var(--slate);color:var(--on-slate)}
.democard strong{display:block;font:700 18px/1.3 var(--f-d);margin:14px 0 6px}
.democard p{font-size:15px;line-height:1.55;color:var(--on-slate-mute);margin:0 0 16px}
.mini{position:relative;height:74px;background:conic-gradient(#20232a 25%,#282b33 0 50%,#20232a 0 75%,#282b33 0) 0 0/12px 12px;overflow:hidden}
.mini i{position:absolute;left:10px;right:10px;bottom:10px;top:10px;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--mag) calc(50% - 1px),var(--mag) calc(50% + 1px),transparent calc(50% + 1.5px))}
.mini::after{content:"";position:absolute;right:10px;top:10px;width:34px;height:26px;border:1.5px dashed var(--lime)}
@media (max-width:1059.98px){.democard{display:none}}

/* ---------- related: dataset tiles ---------- */
.set{max-width:var(--max);margin:0 auto;padding:0 var(--g) 72px}
.set-h{font-weight:700;font-size:clamp(1.35rem,1.1rem + 1vw,1.8rem);line-height:1.3;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.set-h::before{content:"";width:14px;height:14px;background:var(--ink);box-shadow:5px 5px 0 var(--lime)}
.tiles{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.tile{display:flex;flex-direction:column;height:100%;padding:10px 10px 18px;background:var(--sheet);border:1px solid var(--line);color:var(--ink);text-decoration:none;transition:border-color .15s}
.tile:hover{border-color:var(--k)}
.thumb{position:relative;display:block;aspect-ratio:16/7;margin-bottom:14px;overflow:hidden;background:conic-gradient(#E4E2DB 25%,#F2F1EC 0 50%,#E4E2DB 0 75%,#F2F1EC 0) 0 0/14px 14px}
.thumb::before{content:"";position:absolute;left:52%;top:18%;width:28%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--ink) 14%,transparent)}
.bb{position:absolute;left:14%;top:18%;width:46%;height:62%;border:1.5px solid var(--k);background:color-mix(in srgb,var(--k) 20%,transparent)}
.bb::after{content:"";position:absolute;inset:-4px;background:linear-gradient(var(--k),var(--k)) 0 0/6px 6px no-repeat,linear-gradient(var(--k),var(--k)) 100% 0/6px 6px no-repeat,linear-gradient(var(--k),var(--k)) 0 100%/6px 6px no-repeat,linear-gradient(var(--k),var(--k)) 100% 100%/6px 6px no-repeat}
.tiles li:nth-child(2) .bb{left:38%;top:10%;width:40%;height:78%}
.tiles li:nth-child(2) .thumb::before{left:12%;top:40%}
.tiles li:nth-child(3) .bb{left:8%;top:30%;width:66%;height:50%}
.tiles li:nth-child(3) .thumb::before{left:70%;top:8%}
.tiles li:nth-child(4) .bb{left:56%;top:22%;width:30%;height:60%}
.tiles li:nth-child(4) .thumb::before{left:14%;top:28%}
.tiles li:nth-child(5) .bb{left:22%;top:8%;width:56%;height:74%}
.tiles li:nth-child(6) .bb{left:30%;top:26%;width:52%;height:56%}
.tile strong{font:650 18px/1.3 var(--f-d);padding:0 4px}
.tile .desc{margin-top:6px;padding:0 4px;font-size:15px;line-height:1.5;color:var(--muted)}
:lang(bn) .tile .desc{line-height:1.7}

/* ---------- footer: status area ---------- */
.ft{background:var(--slate);color:var(--on-slate)}
.ft-in{max-width:var(--max);margin:0 auto;padding:56px var(--g) 28px;display:grid;gap:32px;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.ft-in{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:40px}}
.ft .brand .bbox{background:rgba(209,0,110,.14)}
.ft .word{color:var(--on-slate)}
.ft .word b{color:#FF4FA6}
.ft-brand p{margin:20px 0 0;font-size:15px;line-height:1.65;color:var(--on-slate-mute);max-width:52ch}
.ft h2{margin:4px 0 12px;font:600 13.5px/1.3 var(--f-m);color:var(--on-slate-mute)}
:lang(en) .ft h2{letter-spacing:.08em;text-transform:uppercase}
:lang(bn) .ft h2{font-size:15px}
.ft ul{list-style:none;margin:0;padding:0}
.ft li a{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--on-slate);text-decoration:none;font-size:15.5px;line-height:1.35}
.ft li a:hover{text-decoration:underline;text-decoration-color:var(--lime)}
.ft :focus-visible{outline-color:var(--lime)}
.ft-bar{max-width:var(--max);margin:0 auto;padding:16px var(--g) 30px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;border-top:1px solid var(--slate-line);font:500 14px/1.4 var(--f-m);color:var(--on-slate-mute)}
.age{display:inline-grid;place-items:center;min-width:48px;height:34px;padding:0 8px;border:1.5px solid var(--lime);color:var(--lime);font-weight:700}
.ft-bar .lsw{margin-left:auto;background:transparent;border-color:var(--slate-line)}
.ft-bar .lsw a{color:var(--on-slate)}
.ft-bar .lsw a+a{border-left-color:var(--slate-line)}
.ft-bar .lsw a[aria-current]{background:var(--on-slate);color:var(--slate)}
.ft-bar .lsw a:not([aria-current]):hover{background:var(--slate2)}

/* 404 */
.nf{max-width:var(--max);margin:0 auto;padding:40px var(--g) 96px}
.nf .ann{--k:#FF6040;--kt:#131418}
.nf p{margin:0 0 24px;font-size:18px}

/* container queries: tiles adapt to the column they sit in */
.set{container-type:inline-size}
@container (max-width:560px){.tile{display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:14px;align-items:start;padding:10px 12px 12px 10px}.thumb{grid-row:span 2;aspect-ratio:1;margin:0}.tile strong{font-size:17px;padding:2px 0 0}.tile .desc{padding:0}}

/* motion */
@media (prefers-reduced-motion:no-preference){
  .mini::after{animation:ants 1.1s linear infinite alternate}
  .tile .bb{transition:transform .25s ease}
  .tile:hover .bb{transform:translate(4px,-3px)}
  @keyframes ants{from{transform:translate(0,0)}to{transform:translate(-40px,26px)}}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.hd,.panel,.ft,.set,.vp{display:none}body{background:#fff}}