/*
body.css — বডি: সেকশন হেডার, পোস্ট কার্ড, সারি/তালিকা, ডার্ক ব্যান্ড, লেখার টাইপোগ্রাফি, সূচিপত্র, কোড, শেয়ার
পর্যবেক্ষণ: স্বাধীন স্টাইল ফাইল। শুধু এই ফাইলটি বদলালেই এই অংশের চেহারা বদলাবে, অন্য ফাইলে হাত দিতে হবে না।
রঙ/ফন্ট টোকেন base.css এর :root-এ। */
.kx-sec{display:flex; align-items:flex-end; gap:14px; margin:56px 0 0; padding-bottom:12px; border-bottom:2px solid var(--ink);}
.kx-sec:before{content:''; width:6px; align-self:stretch; background:var(--red);}
.kx-sec h2{font-family:'Tiro Bangla',serif; font-size:clamp(21px,2.6vw,27px); margin:0; line-height:1.25; font-weight:400;}
.kx-sec-h{font-family:'Tiro Bangla',serif; font-size:clamp(24px,3.4vw,36px); margin:0; line-height:1.2; font-weight:400;}
.kx-lead-h{font-family:'Tiro Bangla',serif; font-size:clamp(22px,3vw,31px); line-height:1.45; margin-top:10px; font-weight:400;}
.kx-sec .kx-sec-n{font-family:'Hind Siliguri',sans-serif; font-size:11px; color:var(--muted); padding-bottom:5px;}
.kx-sec a{margin-left:auto; font-family:'Hind Siliguri',sans-serif; font-size:12px; font-weight:600;
  color:var(--red); text-decoration:none; padding-bottom:5px; white-space:nowrap;}
.kx-sec a:hover{color:var(--ink);}

.kx-card{display:block; background:var(--card); border:1px solid var(--line); text-decoration:none; color:inherit;}
.kx-card:hover{border-color:var(--ink);}
.kx-thumb{aspect-ratio:16/10; overflow:hidden; background:#e6ddcb; border-bottom:1px solid var(--line-soft);}
.kx-card img{width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.7,.2,1);}
.kx-card:hover img{transform:scale(1.045);}
.kx-card h3{font-family:'Tiro Bangla',serif; font-size:19px; line-height:1.5; margin:0; font-weight:400;}
.kx-card:hover h3{color:var(--red);}
.kx-cat{font-family:'Hind Siliguri',sans-serif; font-size:10.5px; font-weight:700; letter-spacing:.15em; color:var(--red);}
.kx-meta{font-family:'Hind Siliguri',sans-serif; font-size:11.5px; color:var(--muted);}

.kx-row{display:flex; gap:15px; align-items:flex-start; padding:18px 0; border-bottom:1px solid var(--line-soft); text-decoration:none; color:inherit;}
.kx-row:hover{background:rgba(156,42,17,.04);}
.kx-num{font-family:'Hind Siliguri',sans-serif; font-size:11px; font-weight:700; color:var(--red); min-width:24px; padding-top:6px;}
.kx-row h3{font-family:'Tiro Bangla',serif; font-size:17.5px; line-height:1.55; margin:0; font-weight:400;}
.kx-row:hover h3{color:var(--red);}
.kx-mini{width:92px; height:68px; object-fit:cover; border:1px solid var(--line-soft); background:#e6ddcb; flex:none;}

/* --- তালিকা = প্যাডেড কার্ড (bangladeshtimes স্টাইল) ---
   যে কন্টেইনারে class="kx-list" থাকবে, ভিতরের প্রতিটি লেখা আলাদা প্যাডেড কার্ড হবে
   (ডান পাশে ছোট ছবি)। পুরো সাইটের তালিকার চেহারা শুধু এই ব্লকটি থেকেই বদলায়। */
.kx-list{display:flex; flex-direction:column; gap:12px;}
.kx-list .kx-row{padding:14px 15px; gap:14px; background:#fff; border:1px solid var(--line-soft);
  border-radius:12px; box-shadow:0 1px 2px rgba(23,19,16,.05);
  transition:border-color .18s, box-shadow .18s, transform .18s;}
.kx-list .kx-row:hover{background:#fff; border-color:var(--ink); transform:translateY(-1px);
  box-shadow:0 16px 30px -26px rgba(23,19,16,.8);}
.kx-list .kx-row h3{font-size:16.5px; line-height:1.55;}
.kx-list .kx-mini{width:106px; height:76px; border-radius:9px; border-color:var(--line);}
.kx-list .kx-num{min-width:20px; font-size:11.5px; padding-top:4px;}
@media (max-width:640px){
  .kx-list{gap:10px;}
  .kx-list .kx-row{padding:12px 13px; gap:12px;}
  .kx-list .kx-mini{width:84px; height:62px;}
}

/* একই প্যাডেড কার্ড সারি, দুই কলামে (হোমের "সর্বশেষ লেখা") */
.kx-list.kx-cols2{display:grid; grid-template-columns:1fr; gap:10px;}
@media (min-width:768px){ .kx-list.kx-cols2{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 26px;} }

/* লেখার পেজের → নতুন / পুরনো লেখা কার্ডদুটি */
.kx-pn{padding:14px 16px; background:#fff; border:1px solid var(--line-soft); border-radius:12px;}
.kx-pn:hover{border-color:var(--ink);}
.kx-pn-full{grid-column:span 2;}

.kx-band{background:var(--ink); margin-top:56px; padding:26px 28px 30px;}
.kx-band .kx-sec{border-bottom-color:#5d5142; margin-top:0;}
.kx-band .kx-sec h2{color:#fff;}
.kx-band .kx-sec .kx-sec-n{color:#a2947c;}
.kx-band .kx-sec a{color:#e0a183;}
.kx-band .kx-sec a:hover{color:#fff;}
.kx-band .kx-row{border-bottom-color:#332b23;}
.kx-band .kx-row:hover{background:rgba(255,255,255,.05);}
.kx-band .kx-row h3{color:#f4ecdc;}
.kx-band .kx-meta{color:#a2947c;}
.kx-band .kx-cat{color:#e0a183;}

.kx-art h1{font-family:'Tiro Bangla',serif; font-weight:400; font-size:clamp(26px,4.3vw,42px); line-height:1.32; margin:14px 0 0;}
.kx-dek{font-family:'Hind Siliguri',sans-serif; font-size:14px; color:var(--muted); margin-top:12px;}
.kx-art figure{margin:26px 0 0;}
.kx-art figure img{width:100%; height:auto; display:block; border:1px solid var(--line);}
.kx-crumb{border-bottom:1px solid var(--line-soft); background:var(--card); font-family:'Hind Siliguri',sans-serif;
  font-size:11.5px; color:var(--muted); padding:12px 0;}
.kx-crumb .kx-wrap{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.kx-crumb a{color:var(--muted); text-decoration:none;}
.kx-crumb a:hover{color:var(--red);}
.kx-crumb span{opacity:.55;}
.kx-crumb b{font-weight:600; color:var(--ink-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:60vw;}
.kx-body{font-size:17.5px; line-height:2.05; color:#241f1a; text-align:justify; margin-top:34px;}
.kx-body p{margin:0 0 1.35rem;}
.kx-body > p:first-of-type{font-size:19.5px; line-height:1.95; color:var(--ink);}
.kx-body h2,.kx-body h3{font-family:'Tiro Bangla',serif; font-weight:400; color:var(--ink); margin:2.1rem 0 .8rem; line-height:1.45; font-size:1.3em;}
.kx-body img{max-width:100%; height:auto; border:1px solid var(--line); margin:1.6rem auto; display:block;}
.kx-body a{color:var(--red); text-decoration:underline; text-underline-offset:3px;}
.kx-body blockquote{margin:1.8rem 0; padding:.3rem 0 .3rem 1.25rem; border-left:3px solid var(--red);
  font-family:'Tiro Bangla',serif; font-style:italic; font-size:1.1em; color:var(--ink-soft);}
.kx-body ul,.kx-body ol{margin:0 0 1.35rem 1.4rem; line-height:2;}
.kx-body ul{list-style:disc;} .kx-body ol{list-style:decimal;}
.kx-body hr{border:0; border-top:1px solid var(--line); margin:2.2rem 0;}
.kolom-content p{margin-bottom:1.25rem; line-height:2; text-align:justify;}
.kolom-content img{max-width:100%; height:auto; margin:1.25rem auto; display:block;}
.kolom-content h2,.kolom-content h3{font-family:'Tiro Bangla',serif; color:var(--ink); margin:1.75rem 0 .75rem; line-height:1.5;}
.kolom-content a{color:var(--red); text-decoration:underline;}
.kolom-content blockquote{border-left:3px solid var(--red); padding:.5rem 0 .5rem 1.25rem; color:var(--ink-soft); margin:1.25rem 0;}

/* --- সূচিপত্র (TOC) + scrollspy --- */
.kx-toc{background:var(--card); border:1px solid var(--line); padding:20px 22px 22px; margin-top:30px;}
.kx-toc h4{font-family:'Hind Siliguri',sans-serif; font-size:10.5px; letter-spacing:.24em; color:var(--red); margin:0 0 12px;}
.kx-toc ol{margin:0; padding:0 0 0 18px; list-style:decimal; font-family:'Hind Siliguri',sans-serif; font-size:14px; line-height:1.9;}
.kx-toc ol ol{padding-left:16px; font-size:13px; list-style:lower-alpha;}
.kx-toc li{margin:0 0 5px;}
.kx-toc a{color:var(--ink-soft); text-decoration:none; border-bottom:1px dotted transparent;}
.kx-toc a:hover{color:var(--red);}
.kx-toc a.kx-toc-on{color:var(--red); font-weight:700; border-bottom-color:var(--red);}
.kx-toc li.lv3{margin-left:16px; font-size:13px;}
.kx-toc li.lv3 a{color:var(--muted);}
.kx-rt{display:inline-flex; align-items:center; gap:6px; font-family:'Hind Siliguri',sans-serif; font-size:11.5px;
  font-weight:700; color:var(--ink-soft); background:#efe7d6; border:1px solid var(--line); padding:4px 10px;}

/* --- কোড ব্লক + Prism --- */
.kx-body pre,.kolom-content pre{background:#1d1a16; color:#e8e0d0; padding:16px 18px; overflow-x:auto; margin:1.8rem 0;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:14px; line-height:1.75; text-align:left;
  border-left:3px solid var(--red);}
.kx-body code,.kolom-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.9em;
  background:#ece3d2; color:#7d2410; padding:1px 6px;}
.kx-body pre code{background:transparent; color:inherit; padding:0; font-size:14px;}
pre code{color:#e8e0d0; background:none; text-shadow:none; font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:14px; line-height:1.75; direction:ltr; text-align:left; white-space:pre;}
.hljs-comment,.hljs-quote{color:#8a7d6c; font-style:italic;}
.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-formula{color:#e6a05c;}
.hljs-string,.hljs-title,.hljs-section,.hljs-type,.hljs-attribute,.hljs-addition{color:#a9c089;}
.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-link{color:#d7b06b;}
.hljs-built_in,.hljs-builtin-name{color:#8fb6d6;}
.hljs-meta{color:#cbbfa8;}
.hljs-tag,.hljs-name,.hljs-selector-id,.hljs-selector-class,.hljs-deletion{color:#e0836b;}
.hljs-emphasis{font-style:italic;} .hljs-strong{font-weight:700;}

/* --- শেয়ার + QR --- */
.kx-share{display:grid; gap:16px; grid-template-columns:1fr auto; align-items:center;
  margin-top:40px; padding:22px 24px; background:var(--card); border:1px solid var(--line);}
.kx-share-btns{display:flex; flex-wrap:wrap; gap:8px;}
.kx-share a,.kx-share button{display:inline-flex; align-items:center; gap:7px; font-family:'Hind Siliguri',sans-serif;
  font-size:12.5px; font-weight:700; color:#fff; text-decoration:none; padding:10px 15px; border:0; cursor:pointer;}
.kx-share a:hover,.kx-share button:hover{opacity:.87;}
.kx-share .s-fb{background:#1877f2} .kx-share .s-x{background:#14171a} .kx-share .s-wa{background:#1faa54}
.kx-share .s-tg{background:#229ed9} .kx-share .s-ln{background:var(--ink-soft)} .kx-share .s-cp{background:var(--red)}
.kx-qr{text-align:center; padding-left:16px; border-left:1px solid var(--line-soft);}
.kx-qr img{width:104px; height:104px; display:block; margin:0 auto; border:1px solid var(--line); background:#fff;}
.kx-qr span{display:block; font-family:'Hind Siliguri',sans-serif; font-size:10.5px; color:var(--muted); margin-top:7px;}
@media (max-width:640px){ .kx-share{grid-template-columns:1fr} .kx-qr{border-left:0; padding-left:0; border-top:1px solid var(--line-soft); padding-top:14px} }

@media (max-width:640px){
    .kx-body{font-size:16.5px;}
    .kx-sec{margin-top:44px;}
    .kx-band{padding:20px 18px 24px;}
}

/* --- গ্যালারি: এক লেখায় একাধিক ছবি --- */
.kx-gallery{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px;
  margin-top:34px; padding:14px; background:var(--card); border:1px solid var(--line);}
.kx-gallery a{display:block; overflow:hidden; border:1px solid var(--line-soft);}
.kx-gallery img{display:block; width:100%; height:132px; object-fit:cover; transition:transform .25s ease;}
.kx-gallery a:hover img{transform:scale(1.05);}
@media (max-width:640px){ .kx-gallery{grid-template-columns:repeat(2,1fr); padding:10px; margin-top:26px} .kx-gallery img{height:112px} }

/* --- লেখার ভেতরের ছবি: [ছবি-N] মার্কারের জায়গায় --- */
.kx-inimg{margin:30px auto; text-align:center;}
.kx-inimg img{display:block; width:100%; max-height:640px; object-fit:cover; border:1px solid var(--line); border-radius:10px; margin:0 auto;}
.kx-inimg figcaption{font-family:'Hind Siliguri',sans-serif; font-size:12.5px; color:var(--muted); margin-top:8px;}
@media (max-width:640px){ .kx-inimg{margin:22px auto} .kx-inimg img{max-height:420px} }