/* earn111.info — Deshlai: matchbox-label studio. Kraft ground, pine trays, striker strips, one label colour per page. */
:root{
  --paper:#eee3cc;--paper-2:#e6d8bc;--sheet:#faf4e6;--ink:#221912;--ink-2:#3b2c21;--muted:#5d4c3d;--rule:#cdb993;
  --red:#c4291c;--red-d:#9a1f14;--sulphur:#e8b22e;--pine:#e2c28e;--pine-d:#b98a4e;--pine-l:#f1dcb1;
  --striker:#5a2e1e;--striker-d:#2b1710;--cream:#f7eeda;--cream-2:#e9dcc4;
  --lab:#22409a;--lab-d:#162c6e;
  --font-head:"Sansita","Galada","Hind Siliguri",Georgia,serif;
  --font-body:"Bitter","Hind Siliguri",Georgia,serif;
  --font-ui:"Hind Siliguri","Bitter",system-ui,sans-serif;
  --gut:16px;--max:1240px;
  /* game tokens */
  --primary:#221912;--primary-contrast:#f7eeda;--accent:#e8b22e;--surface:#fffaf0;--surface-2:#f3e7cf;--border:rgba(59,29,18,.26);--heading:#221912;--text:#221912;
  --btn-bg:#c4291c;
  --grain:radial-gradient(circle at 20% 30%,rgba(0,0,0,.38) 0 .8px,transparent 1.3px) 0 0/5px 5px,radial-gradient(circle at 70% 70%,rgba(255,214,170,.2) 0 .8px,transparent 1.4px) 0 0/7px 6px,radial-gradient(circle at 45% 80%,rgba(0,0,0,.25) 0 .7px,transparent 1.2px) 0 0/3px 4px;
}
.s-cobalt{--lab:#22409a;--lab-d:#162c6e}
.s-green{--lab:#1c6644;--lab-d:#11452d}
.s-red{--lab:#a9271c;--lab-d:#7a1a12}
.s-ink{--lab:#2e241d;--lab-d:#17110c}
.s-teal{--lab:#125e66;--lab-d:#0b4148}
.s-plum{--lab:#642b56;--lab-d:#461c3c}
.s-olive{--lab:#4d5718;--lab-d:#343c0e}
.s-brown{--lab:#5a2e1e;--lab-d:#3b1d12}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--font-body);overflow-x:hidden;
  background-image:radial-gradient(circle at 30% 40%,rgba(90,46,30,.06) 0 1px,transparent 1.6px),radial-gradient(circle at 80% 10%,rgba(255,255,255,.35) 0 1px,transparent 1.5px);background-size:9px 9px,13px 11px}
:lang(bn) body,body:lang(bn){line-height:1.78}
img,svg{max-width:100%}
a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{text-decoration-color:var(--red)}
:focus-visible{outline:3px solid var(--sulphur);outline-offset:2px;box-shadow:0 0 0 5px var(--ink);border-radius:3px}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-80px;z-index:50;background:var(--ink);color:var(--cream);padding:12px 16px;border-radius:4px;font:700 16px/1.2 var(--font-ui);text-decoration:none}
.skip:focus{top:12px}
h1,h2,h3{font-family:var(--font-head);font-synthesis:none;color:var(--ink);margin:0}
:lang(bn) h1,:lang(bn) h2,:lang(bn) h3{line-height:1.45;font-weight:400}

/* striker strip (the brown side of a matchbox) */
.striker{height:10px;background:var(--grain),linear-gradient(180deg,#6a3826,var(--striker) 60%,#4a2517);}

/* ---------- header ---------- */
.hd{background:var(--paper);border-bottom:2px solid var(--ink);position:relative;z-index:20}
.hd-in{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand tools tog" "nav nav nav";align-items:center;column-gap:10px;padding-block:10px}
.brand{grid-area:brand;display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none;min-height:44px;justify-content:center;min-width:0}
.wm{display:inline-flex;align-items:flex-end;gap:2px;line-height:1}
.wm-t{font:italic 900 32px/1 "Sansita",var(--font-head);color:var(--ink);letter-spacing:-.01em;padding-bottom:2px}
.sticks{height:38px;width:auto;flex:none;margin-left:3px}
.brand-tag{font:500 12.5px/1.3 var(--font-ui);color:var(--muted);margin-top:4px;max-width:30ch}
.tog{grid-area:tog;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 10px;border:2px solid var(--ink);border-radius:6px;background:var(--pine-l);color:var(--ink);font:600 15px/1 var(--font-ui);cursor:pointer}
.tog-s{display:grid;gap:4px;width:22px}
.tog-s i{display:block;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--red) 0 6px,var(--pine-d) 6px);transition:transform .25s,opacity .2s}
.tog[aria-expanded="true"] .tog-s i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.tog[aria-expanded="true"] .tog-s i:nth-child(2){opacity:0}
.tog[aria-expanded="true"] .tog-s i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.tog-l{display:none}
.tools{grid-area:tools;display:flex;align-items:center;gap:10px}
.lsw{display:flex;border:2px solid var(--ink);border-radius:6px;overflow:hidden}
.lsw a{min-height:40px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;font:600 15px/1 var(--font-ui);text-decoration:none;color:var(--ink);background:var(--sheet)}
.lsw a+a{border-left:2px solid var(--ink)}
.lsw a[aria-current="true"]{background:var(--ink);color:var(--cream)}
.lsw-l{display:none}
.tools .hd-cta{display:none}
.nav{grid-area:nav;display:none}
.nav ul{list-style:none;margin:0;padding:0}
.hd.open .nav{display:block;margin-top:12px;margin-inline:calc(var(--gut)*-1);padding:14px var(--gut) 18px;background:linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px) 0 0/23px 100%,repeating-linear-gradient(90deg,var(--pine) 0 7px,var(--pine-l) 7px 9px,var(--pine) 9px 17px);border-top:2px solid var(--ink)}
.hd.open .nav a{display:flex;align-items:center;gap:12px;min-height:50px;padding:6px 14px;margin-bottom:6px;background:var(--sheet);border:1.5px solid var(--ink-2);border-radius:5px;text-decoration:none;font:600 17px/1.35 var(--font-ui)}
.hd.open .nav a::before{content:"";flex:none;width:11px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e5594b,var(--red) 55%,var(--red-d))}
.hd.open .nav a[aria-current="page"]{background:var(--ink);color:var(--cream)}
@media (min-width:420px){.tog-l{display:inline}}
@media (min-width:600px){.lsw-l{display:inline}.lsw-c{display:none}.tools .hd-cta{display:inline-flex}}
@media (max-width:399px){.brand-tag{display:none}.wm-t{font-size:28px}.sticks{height:34px}.tools{gap:6px}.lsw a{padding:0 8px}}
@media (min-width:980px){
  .hd-in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand tools" "nav nav";padding-block:14px 0}
  .tog{display:none}
  .nav{display:block;margin-top:12px;border-top:1.5px solid var(--ink);box-shadow:0 -4px 0 -2.5px var(--ink)}
  .nav ul{display:flex;flex-wrap:wrap;gap:0 4px}
  .nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 14px;text-decoration:none;font:600 15.5px/1.3 var(--font-ui);position:relative;color:var(--ink-2)}
  .nav li+li a::before{content:"";position:absolute;left:-4px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--red)}
  .nav a:hover{color:var(--red)}
  .nav a[aria-current="page"]{color:var(--ink);box-shadow:inset 0 -4px 0 var(--red)}
  .wm-t{font-size:40px}.sticks{height:48px}
}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 20px;border-radius:6px;font:600 16px/1.2 var(--font-ui);text-decoration:none;cursor:pointer;border:2px solid transparent;text-align:center}
:lang(en) .btn{font-family:"Sansita",var(--font-ui);font-weight:800;letter-spacing:.01em;font-size:17px}
.btn-strike{background:var(--grain) 0 0/auto,var(--red);background:linear-gradient(90deg,transparent 0 12px,var(--red) 12px),var(--grain),var(--striker);color:var(--cream);border-color:var(--red-d);padding-left:28px;box-shadow:0 3px 0 var(--red-d)}
.btn-strike:hover{background:linear-gradient(90deg,transparent 0 12px,var(--red-d) 12px),var(--grain),var(--striker);text-decoration:none}
.btn-strike:active{transform:translateY(2px);box-shadow:0 1px 0 var(--red-d)}
.btn-line{border-color:currentColor;color:var(--cream);background:transparent}
.btn-line:hover{background:rgba(247,238,218,.12)}

/* ---------- the label (hero) ---------- */
.label{position:relative;background:var(--lab);color:var(--cream);border-radius:6px;padding:18px;isolation:isolate;overflow:hidden;
  box-shadow:0 1px 0 rgba(0,0,0,.2),0 14px 30px -18px rgba(43,23,16,.55)}
.label::before{content:"";position:absolute;inset:8px;border:2px solid var(--cream);border-radius:3px;box-shadow:0 0 0 3px var(--lab),0 0 0 4px rgba(247,238,218,.55),inset 0 0 0 4px var(--lab),inset 0 0 0 5px rgba(247,238,218,.55);pointer-events:none;z-index:-1}
.label::after{content:"";position:absolute;right:-12%;top:-45%;width:min(78%,560px);aspect-ratio:1;border-radius:50%;z-index:-2;pointer-events:none;opacity:.22;
  background:repeating-conic-gradient(from 0deg,var(--sulphur) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0 20%,transparent 68%);mask:radial-gradient(circle,#000 0 20%,transparent 68%)}
.label-in{position:relative;padding:22px 18px 24px;background:radial-gradient(circle at 9px 9px,var(--sulphur) 0 4.5px,transparent 5px),radial-gradient(circle at calc(100% - 9px) 9px,var(--sulphur) 0 4.5px,transparent 5px),radial-gradient(circle at 9px calc(100% - 9px),var(--sulphur) 0 4.5px,transparent 5px),radial-gradient(circle at calc(100% - 9px) calc(100% - 9px),var(--sulphur) 0 4.5px,transparent 5px)}
.badge{align-self:flex-start;display:inline-block;margin:0 0 16px;padding:4px 12px;background:var(--cream);color:var(--lab-d);border-radius:3px;font:600 14px/1.5 var(--font-ui);margin-right:56px}
.label h1{color:var(--cream);font-weight:900;font-size:clamp(32px,7.2vw,58px);line-height:1.08;letter-spacing:-.01em;text-wrap:balance;max-width:17ch}
:lang(bn) .label h1{font-weight:400;letter-spacing:0;line-height:1.35;font-size:clamp(34px,7.6vw,60px);max-width:14ch}
.label .lead{margin-top:16px;font-size:17px;max-width:60ch;color:var(--cream-2)}
.label .lead p{margin:0 0 .6em}
.label .lead a{color:var(--cream)}
.label .lead strong{color:var(--cream)}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.label .btn-strike{box-shadow:0 3px 0 rgba(0,0,0,.35)}
/* one match standing in the label */
.label-flame{position:absolute;right:32px;top:42px;width:14px;height:64px;pointer-events:none}
.label-flame::before{content:"";position:absolute;left:3px;top:24px;width:8px;height:40px;border-radius:1px;background:linear-gradient(90deg,var(--pine-d),var(--pine) 40%,var(--pine-l))}
.label-flame::after{content:"";position:absolute;left:-1px;top:0;width:16px;height:30px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;
  background:radial-gradient(ellipse 5px 7px at 50% 78%,#8c1b12 0 98%,transparent),radial-gradient(ellipse at 50% 70%,#fff4c2 0 18%,var(--sulphur) 40%,#e7651e 70%,rgba(196,41,28,.0) 100%);transform-origin:50% 90%}
@media (prefers-reduced-motion:no-preference){.label-flame::after{animation:flick 2.4s ease-in-out infinite}}
@keyframes flick{0%,100%{transform:scale(1,1) rotate(-2deg)}40%{transform:scale(.94,1.08) rotate(3deg)}70%{transform:scale(1.04,.96) rotate(-1deg)}}

.hero{display:grid;gap:22px;padding-top:22px;padding-bottom:10px}
.tray-wrap{min-width:0}
.sleeve{height:22px;margin:0 14px -6px;background:var(--lab);border-radius:5px 5px 0 0;position:relative;box-shadow:inset 0 0 0 3px var(--lab),inset 0 0 0 4px rgba(247,238,218,.6)}
.sleeve-strip{position:absolute;left:4px;right:4px;top:4px;height:6px;border-radius:2px;background:var(--grain),var(--striker)}
.tray{position:relative;padding:12px;border-radius:6px;background:
  linear-gradient(180deg,rgba(255,255,255,.18),transparent 30%),
  repeating-linear-gradient(90deg,rgba(185,138,78,.0) 0 13px,rgba(185,138,78,.35) 13px 14px,rgba(185,138,78,0) 14px 31px,rgba(140,96,48,.25) 31px 32px),
  linear-gradient(90deg,var(--pine),var(--pine-l) 45%,var(--pine));
  box-shadow:inset 0 0 0 2px rgba(120,80,40,.35),0 16px 28px -20px rgba(43,23,16,.7);scroll-margin-top:12px}
.tray-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:0 2px 10px;font:600 15px/1.4 var(--font-ui);color:var(--striker-d)}
.tray-h span:first-child{font-family:var(--font-head);font-size:19px}
:lang(en) .tray-h span:first-child{font-weight:800}
.tray-note{font-size:13.5px;color:#5a3b22}
@media (max-width:419px){.tray-wrap{margin-inline:calc(var(--gut)*-1)}.tray{border-radius:0;padding:8px}.sleeve{margin-inline:10px}}
@media (min-width:980px){
  .hero{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:30px;align-items:start;padding-top:34px}
  .label{padding:22px;align-self:stretch;display:flex;flex-direction:column}
  .label-in{flex:1;display:flex;flex-direction:column}
  .hero .label .contents{margin-top:auto;flex-direction:column;gap:10px;padding-top:18px}
  .label .acts{margin-bottom:28px}
  .label-in{padding:34px 34px 36px}
  .label-flame{right:44px;top:44px;transform:scale(1.35);transform-origin:top right}
}
.label .contents{margin-top:24px;border-color:rgba(247,238,218,.45);color:var(--cream)}
.label .contents li::before{box-shadow:0 0 0 1.5px rgba(247,238,218,.5)}
.contents{list-style:none;margin:0;padding:12px 0;display:flex;flex-wrap:wrap;gap:8px 22px;border-block:1.5px dashed var(--pine-d);font:500 15.5px/1.5 var(--font-ui);color:var(--ink-2)}
.contents li{display:flex;align-items:center;gap:9px}
.contents li::before{content:"";flex:none;width:9px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e5594b,var(--red) 55%,var(--red-d))}

/* ---------- inner page hero ---------- */
.phero{padding-top:20px}
.label-wide .label-in{padding-top:12px}
.label-wide h1{font-size:clamp(30px,6vw,52px);max-width:22ch}
:lang(bn) .label-wide h1{font-size:clamp(30px,6.2vw,52px);max-width:20ch}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;margin:0 56px 10px 0;padding:0;font:500 15px/1.3 var(--font-ui);color:var(--cream-2)}
.crumbs li{display:inline-flex;align-items:center}
.crumbs li+li::before{content:"";width:6px;height:6px;margin:0 10px;border-radius:50%;background:var(--sulphur)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--cream)}
.crumbs span{opacity:.85}

/* ---------- album / content ---------- */
.album{padding-top:28px;padding-bottom:40px}
.content{min-width:0;container-type:inline-size;counter-reset:sec}
.prose{max-width:70ch}
.prose p{margin:0 0 1em}
.prose h3{font-size:21px;margin:1.4em 0 .5em;font-weight:800}
:lang(bn) .prose h3{font-size:22px}
.prose ul,.prose ol{margin:0 0 1.2em;padding:0}
.prose ul{list-style:none}
.prose ul>li{position:relative;padding-left:26px;margin-bottom:.45em}
.prose ul>li::before{content:"";position:absolute;left:3px;top:.5em;width:9px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e5594b,var(--red) 55%,var(--red-d))}
.prose ul>li::after{content:"";position:absolute;left:6px;top:calc(.5em + 11px);width:3px;height:8px;background:var(--pine-d);border-radius:1px}
.prose ol{counter-reset:li;list-style:none}
.prose ol>li{counter-increment:li;position:relative;padding-left:40px;margin-bottom:.6em}
.prose ol>li::before{content:counter(li);position:absolute;left:0;top:.1em;width:28px;height:28px;display:grid;place-items:center;border-radius:4px;background:var(--lab);color:var(--cream);font:800 15px/1 "Sansita",var(--font-ui)}
:lang(bn) .prose ol>li::before{content:counter(li,bengali);font-family:var(--font-ui);font-weight:600}
.prose strong{color:var(--ink);font-weight:700}
.prose a{color:var(--lab-d);font-weight:600}
.prose table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:15.5px;background:var(--sheet)}
.prose th,.prose td{border:1px solid var(--rule);padding:8px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--paper-2);font-family:var(--font-ui)}
.prose blockquote{margin:0 0 1.2em;padding:12px 18px;border-left:6px solid var(--lab);background:var(--sheet)}
.intro-rest{margin-bottom:12px}

.sec{position:relative;padding-top:44px;margin-top:10px;counter-increment:sec}
.sec::before{content:"";position:absolute;left:14px;right:0;top:19px;height:5px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,var(--pine-d),var(--pine) 20%,var(--pine-l) 60%,var(--pine));box-shadow:0 1px 0 rgba(90,46,30,.2)}
.sec::after{content:"";position:absolute;left:0;top:14px;width:20px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e5594b,var(--red) 55%,var(--red-d))}
.sec-h{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.sec-no{flex:none;min-width:52px;height:52px;display:grid;place-items:center;padding:0 6px;border-radius:5px;background:var(--lab);color:var(--cream);box-shadow:inset 0 0 0 3px var(--lab),inset 0 0 0 4px rgba(247,238,218,.7);font:italic 900 24px/1 "Sansita",var(--font-ui)}
.sec-no::before{content:counter(sec,decimal-leading-zero)}
:lang(bn) .sec-no{font:600 30px/1 var(--font-ui)}
:lang(bn) .sec-no::before{content:counter(sec,bengali)}
.sec h2{font-size:clamp(25px,4.4vw,34px);line-height:1.15;font-weight:800;padding-top:4px;text-wrap:balance;scroll-margin-top:16px}
:lang(bn) .sec h2{font-weight:400;line-height:1.45;padding-top:0}
@container (min-width:900px){
  .sec{display:grid;grid-template-columns:minmax(0,15.5rem) minmax(0,1fr);gap:0 40px}
  .sec-h{flex-direction:column;gap:12px;margin:0}
  .sec-h h2{position:sticky;top:16px}
  .sec h2{font-size:28px}
  :lang(bn) .sec h2{font-size:28px}
  .faq{grid-template-columns:minmax(0,15.5rem) minmax(0,1fr)}
}

/* FAQ */
.faq{position:relative;margin-top:36px;padding:26px 0 0;border-top:3px double var(--ink);display:grid;gap:14px 40px;scroll-margin-top:16px}
.faq-h h2{font-size:clamp(25px,4.4vw,32px);line-height:1.15;font-weight:800}
:lang(bn) .faq-h h2{font-weight:400;line-height:1.45}
.faq-list{display:grid;gap:10px;min-width:0}
.faq details{background:var(--sheet);border:1.5px solid var(--ink-2);border-radius:6px;box-shadow:0 3px 0 var(--rule)}
.faq summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:56px;padding:12px 16px;cursor:pointer;font:600 17px/1.45 var(--font-ui)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover .q{color:var(--lab-d)}
.flick{position:relative;width:38px;height:22px;flex:none}
.flick::before{content:"";position:absolute;left:10px;top:9px;width:28px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--pine-d),var(--pine))}
.flick::after{content:"";position:absolute;left:1px;top:5px;width:13px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e5594b,var(--red) 55%,var(--red-d));transition:transform .25s,background .25s,border-radius .25s}
.faq details[open] .flick::after{left:-2px;top:-1px;width:16px;height:20px;border-radius:50% 50% 45% 45%/60% 60% 40% 40%;transform:rotate(-90deg);background:radial-gradient(ellipse at 50% 70%,#fff4c2 0 18%,var(--sulphur) 42%,#e7651e 72%,rgba(196,41,28,.2) 100%)}
.faq .a{padding:0 16px 14px;border-top:1px dashed var(--rule);padding-top:12px}
.faq .a p:last-child{margin-bottom:0}

/* CTA */
.cta{margin-top:40px}
.cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:20px 22px 20px 30px;border-radius:6px;background:var(--grain),var(--striker);color:var(--cream);position:relative;overflow:hidden}
.cta-in::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--lab)}
.cta p{margin:0;max-width:52ch;font:500 18px/1.55 var(--font-ui)}

/* inner layout + rail */
.album-inner{display:grid;gap:22px}
.rail{min-width:0}
.rail-h{margin:0 0 8px;font:600 14px/1.4 var(--font-ui);color:var(--muted)}
:lang(en) .rail-h{text-transform:uppercase;letter-spacing:.1em;font-size:12.5px;font-weight:700}
.toc{background:var(--sheet);border:1.5px solid var(--ink-2);border-radius:6px;padding:14px 12px 10px;box-shadow:0 3px 0 var(--rule)}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.toc a{display:flex;align-items:center;gap:10px;min-height:44px;padding:5px 8px;border-radius:4px;text-decoration:none;font:500 15.5px/1.35 var(--font-ui);color:var(--ink-2)}
.toc a::before{content:"";flex:none;width:18px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--red) 0 6px,var(--pine-d) 6px)}
.toc a:hover,.toc a.on{background:var(--paper-2);color:var(--ink)}
.toc a.on::before{background:linear-gradient(90deg,var(--sulphur) 0 6px,#2b1710 6px)}
.minibox{display:none}
@media (min-width:1080px){
  .album-inner{grid-template-columns:17.5rem minmax(0,1fr);gap:44px;align-items:start}
  .rail{position:sticky;top:16px;display:grid;gap:18px;max-height:calc(100vh - 32px);overflow:auto;padding:2px 4px 6px 2px}
  .minibox{display:block;position:relative;background:var(--lab);color:var(--cream);border-radius:6px;padding:20px 18px 18px;box-shadow:inset 0 0 0 5px var(--lab),inset 0 0 0 6.5px rgba(247,238,218,.6)}
  .minibox strong{display:block;font:800 20px/1.25 var(--font-head)}
  :lang(bn) .minibox strong{font-weight:400;line-height:1.5}
  .minibox p{margin:8px 0 14px;font:400 15.5px/1.55 var(--font-ui);color:var(--cream-2)}
  .minibox .btn{width:100%}
}
@media (min-width:640px) and (max-width:1079px){.toc ol{grid-template-columns:1fr 1fr;column-gap:10px}}

/* related shelf */
.shelf{padding:34px 0 46px;background:linear-gradient(180deg,var(--paper-2),var(--paper));border-top:2px solid var(--ink)}
.shelf-h{font-size:clamp(24px,4vw,30px);font-weight:800;margin-bottom:18px}
:lang(bn) .shelf-h{font-weight:400}
.shelf-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}
.rbox{display:flex;flex-direction:column;gap:8px;height:100%;min-height:120px;padding:20px 20px 18px;border-radius:6px;background:var(--lab);color:var(--cream);text-decoration:none;position:relative;
  box-shadow:inset 0 0 0 5px var(--lab),inset 0 0 0 6.5px rgba(247,238,218,.55),0 4px 0 var(--lab-d);transition:transform .18s}
.rbox::after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:8px;border-radius:2px 0 0 2px;background:var(--grain),var(--striker)}
.rbox-t{font:800 19px/1.25 var(--font-head);padding-right:12px}
:lang(bn) .rbox-t{font-weight:400;line-height:1.5}
.rbox-d{font:400 15px/1.55 var(--font-ui);color:var(--cream-2);padding-right:12px}
.rbox:hover{transform:translateY(-3px)}

/* footer */
.ft{background:var(--striker-d);color:var(--cream-2);margin-top:0}
.ft-g{display:grid;gap:26px;padding-top:34px;padding-bottom:26px}
.brand-ft .wm-t{color:var(--cream)}
.ft-disc{margin:14px 0 0;font:400 15.5px/1.65 var(--font-ui);max-width:52ch}
.ft h2{font:800 17px/1.3 var(--font-head);color:var(--cream);margin-bottom:8px}
:lang(bn) .ft h2{font-weight:400}
.ft ul{list-style:none;margin:0;padding:0}
.ft-n a{display:flex;align-items:center;min-height:44px;color:var(--cream-2);text-decoration:none;font:500 15.5px/1.35 var(--font-ui)}
.ft-n a:hover{color:var(--cream);text-decoration:underline}
.ft-b{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding-top:16px;padding-bottom:22px;border-top:1px solid rgba(247,238,218,.2);font:500 15px/1.4 var(--font-ui)}
.age{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--red);color:var(--cream);font:italic 900 18px/1 "Sansita",sans-serif;box-shadow:inset 0 0 0 3px var(--red),inset 0 0 0 4.5px rgba(247,238,218,.7)}
.top{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;color:var(--cream)}
@media (min-width:760px){.ft-g{grid-template-columns:1.5fr 1fr 1fr;gap:40px}}

/* notfound */
.phero .acts{margin-top:18px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}