/*
base.css — ভিত্তি: রঙ/ফন্ট টোকেন, পেজ শেল (.kx-wrap/.kx-main/.kx-sheet), বাটন, নোট, বিজ্ঞাপন, সোশ্যাল বেস
পর্যবেক্ষণ: স্বাধীন স্টাইল ফাইল। শুধু এই ফাইলটি বদলালেই এই অংশের চেহারা বদলাবে, অন্য ফাইলে হাত দিতে হবে না।
রঙ/ফন্ট টোকেন base.css এর :root-এ। */
:root{
  --paper:#f3eee2; --card:#fffdf7; --ink:#171310; --ink-soft:#4a4038; --muted:#8a7d6c;
  --line:#d8cdb8; --line-soft:#e9e1d1; --red:#9c2a11; --red-soft:#c2542f;
}
html{-webkit-text-size-adjust:100%}
/* হেডার ভাঙা/ফোলার সময় ব্রাউজার স্ক্রল-অবস্থান নিজে থেকে টেনে লাফায় না — কাপাকাপি বন্ধ */
html,body,body *{overflow-anchor:none}
body{background:var(--paper); color:var(--ink); margin:0;
  font-family:'Noto Serif Bengali','Tiro Bangla',serif;
  background-image:radial-gradient(circle at 10% 4%, rgba(156,42,17,.05), transparent 40%),
                   radial-gradient(circle at 92% 96%, rgba(138,107,47,.06), transparent 44%);
  background-attachment:fixed;}
.font-ui{font-family:'Hind Siliguri','Noto Serif Bengali',sans-serif;}
.font-disp,.font-serif-bn{font-family:'Tiro Bangla','Noto Serif Bengali',serif;}
.kx-wrap{max-width:1400px; margin:0 auto; padding-left:16px; padding-right:16px;}
@media (min-width:768px){ .kx-wrap{padding-left:28px; padding-right:28px;} }
@media (min-width:1160px){ .kx-wrap{padding-left:16px; padding-right:16px;}
  /* লেখার পাতায় অনুচ্ছেদ বেশি চওড়া হয়ে গেলে পড়া কষ্ট — সেখানে মাঝে আরামদায়ক ক্যাপ */
  .kx-body{max-width:1020px; margin-left:auto; margin-right:auto;} }

/* মূল কন্টেন্ট সফট — bangladeshtimes.com স্টাইলে বড় ভেতরের ফাঁকা জায়গা */
.kx-main{padding-top:22px; padding-bottom:52px;}
.kx-sheet{background:var(--card); border:1px solid var(--line); border-radius:16px;
  padding:22px 16px 26px; box-shadow:0 24px 48px -42px rgba(23,19,16,.75);}
.kx-sheet > *:first-child{margin-top:0 !important;}
@media (min-width:768px){ .kx-main{padding-top:32px; padding-bottom:74px;} .kx-sheet{padding:34px 30px 38px; border-radius:20px;} }
@media (min-width:1100px){ .kx-sheet{padding:44px 44px 48px;} }
.kx-sheet .kx-card{background:#fff; border-color:var(--line-soft); border-radius:12px; overflow:hidden;
  box-shadow:0 1px 2px rgba(23,19,16,.05);}
.kx-sheet .kx-card:hover{border-color:var(--ink); box-shadow:0 18px 32px -26px rgba(23,19,16,.8);}
.kx-sheet .kx-band{border-radius:14px; margin-top:44px; padding:26px 22px 28px;}
.kx-sheet .kx-row{border-bottom-color:var(--line-soft);}
.kx-sheet .kx-crumb{background:transparent; border:0; border-bottom:1px solid var(--line-soft); padding:0 0 12px; margin-bottom:24px;}
.kx-sheet .kx-crumb .kx-wrap{padding:0; max-width:none;}
.kx-sheet .kx-toc,.kx-sheet .kx-share,.kx-sheet .kx-note{border-radius:12px;}
.kx-sheet .kx-toc,.kx-sheet .kx-share{background:#fff;}
.kx-sheet .kx-searchform input{background:#fff;}
.kx-sheet .kx-ad{background:#fff; border-radius:12px;}
.kx-sheet .kx-ad-tag{background:#fff;}

.kx-brand{font-family:'Tiro Bangla',serif; color:var(--ink); text-decoration:none;
  font-size:clamp(34px,6.2vw,58px); line-height:.98; display:inline-block;}
.kx-brand:hover{color:var(--red);}
.kx-kicker{font-family:'Hind Siliguri',sans-serif; font-size:10px; font-weight:600;
  letter-spacing:.32em; color:var(--red);}

.kx-note{border:1px solid var(--line); padding:15px 18px; font-family:'Hind Siliguri',sans-serif; font-size:13.5px; font-weight:600; margin-bottom:22px;}
.kx-note-ok{background:#eff4e8; border-color:#c3d6b0; color:#3f5a2a;}
.kx-note-err{background:#fbeeea; border-color:#e3bfaf; color:#8c2f16;}
.kx-btn{display:inline-block; font-family:'Hind Siliguri',sans-serif; font-size:13.5px; font-weight:600;
  background:var(--ink); color:#fff; padding:11px 22px; text-decoration:none; border:1px solid var(--ink); cursor:pointer;}
.kx-btn:hover{background:var(--red); border-color:var(--red);}
.kx-prog{position:fixed; top:0; left:0; height:2px; width:0; background:var(--red); z-index:90;}
@keyframes kx-rise{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:none;}}
.kx-in{animation:kx-rise .65s cubic-bezier(.2,.7,.2,1) both;}

/* --- পাঠক-লেখক অ্যাকাউন্ট ফর্ম ও লেখার অবস্থা চিপ --- */
button.kx-btn{font-family:'Hind Siliguri',sans-serif;}
.kx-acct-grid{display:grid; gap:18px; align-items:start;}
@media (min-width:900px){ .kx-acct-grid{grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px;} }
.kx-acct-card{background:var(--card); border:1px solid var(--line); border-top:3px solid var(--ink);
  padding:22px 20px 24px; box-shadow:0 18px 34px -30px rgba(23,19,16,.8);}
.kx-acct-card:hover{border-top-color:var(--red);}
.kx-lab{display:block; font-family:'Hind Siliguri',sans-serif; font-size:12.5px; font-weight:700; color:var(--ink-soft); margin:0 0 6px;}
.kx-inp{display:block; width:100%; box-sizing:border-box; font-family:'Noto Serif Bengali','Tiro Bangla',serif;
  font-size:15px; line-height:1.9; color:var(--ink); background:#fff; border:1px solid var(--line);
  padding:11px 13px; outline:none;}
.kx-inp:focus{border-color:var(--ink); box-shadow:0 0 0 3px rgba(156,42,17,.09);}
textarea.kx-inp{resize:vertical;}
.kx-st{display:inline-block; font-family:'Hind Siliguri',sans-serif; font-size:10.5px; font-weight:700;
  letter-spacing:.04em; padding:3px 10px 2px; border:1px solid var(--line); border-radius:999px; white-space:nowrap;}
.kx-st-published{background:#eef4e7; border-color:#c3d6b0; color:#3f5a2a;}
.kx-st-pending{background:#fdf1dd; border-color:#e8cfa1; color:#8a5a12;}
.kx-st-rejected{background:#fbeeea; border-color:#e3bfaf; color:#8c2f16;}
.kx-st-draft{background:#f0ece2; border-color:var(--line); color:var(--muted);}

/* --- ছোট হেল্পার --- */
.kx-lcp{content-visibility:visible;}
.kx-inp[readonly]{background:#f7f2e7; color:var(--muted);}
.kx-btn[disabled],button:disabled,.kx-btn.is-disabled{opacity:.55; cursor:not-allowed;}

/* --- সোশ্যাল লগইন বাটন + ওটিপি ঘর --- */
.kx-soc{display:grid; gap:9px; margin-bottom:4px;}
.kx-soc-btn{display:flex; align-items:center; justify-content:center; gap:9px; width:100%; box-sizing:border-box;
  font-family:'Hind Siliguri',sans-serif; font-size:13.5px; font-weight:700; text-decoration:none; cursor:pointer;
  background:#fff; color:var(--ink); border:1px solid var(--line); padding:11px 14px; border-radius:10px;
  transition:border-color .16s, background .16s, box-shadow .16s;}
.kx-soc-btn:hover{border-color:var(--ink); box-shadow:0 8px 18px -14px rgba(23,19,16,.8);}
.kx-soc-btn svg{width:17px; height:17px; flex:0 0 auto;}
.kx-soc-facebook{background:#1877f2; border-color:#1877f2; color:#fff;}
.kx-soc-facebook:hover{background:#0f61d8; border-color:#0f61d8;}
.kx-soc-phone{background:var(--ink); border-color:var(--ink); color:#efe7d6;}
.kx-soc-phone:hover{background:var(--red); border-color:var(--red);}
.kx-soc-ghost{width:auto; background:transparent; color:var(--ink-soft); font-size:12.5px; padding:8px 14px; border-style:dashed;}
.kx-soc-ghost:hover{color:#fff; background:var(--ink); border-color:var(--ink);}
.kx-soc-btn:disabled{opacity:.45; cursor:not-allowed; box-shadow:none;}
.kx-or{display:flex; align-items:center; gap:10px; margin:14px 0; font-family:'Hind Siliguri',sans-serif;
  font-size:11.5px; font-weight:600; color:var(--muted);}
.kx-or:before, .kx-or:after{content:''; flex:1 1 0; height:1px; background:var(--line);}
.kx-otp{display:flex; gap:7px; justify-content:center; margin:16px 0 10px;}
.kx-otp input[type=hidden]{display:none;}
.kx-otp input{width:44px; height:52px; box-sizing:border-box; text-align:center; font-family:'Hind Siliguri',sans-serif;
  font-size:20px; font-weight:800; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:8px; outline:none;}
.kx-otp input:focus{border-color:var(--ink); box-shadow:0 0 0 3px rgba(156,42,17,.1);}
.kx-timer{font-family:'Hind Siliguri',sans-serif; font-size:12px; font-weight:600; color:var(--muted); text-align:center;}
.kx-forgot{display:inline-block; font-family:'Hind Siliguri',sans-serif; font-size:12.5px; font-weight:700;
  color:var(--red); text-decoration:none; border-bottom:1px solid transparent;}
.kx-forgot:hover{border-bottom-color:var(--red);}

/* --- বিজ্ঞাপন স্লট --- */
.kx-ad{position:relative; max-width:1148px; margin:0 auto 34px; padding:20px 18px 22px; background:var(--card);
  border:1px solid var(--line); border-left:3px solid var(--muted); text-align:center;}
.kx-ad-tag{position:absolute; top:-9px; left:14px; background:var(--paper); padding:0 7px;
  font-family:'Hind Siliguri',sans-serif; font-size:9.5px; letter-spacing:.2em; color:var(--muted);}
.kx-ad-in{font-family:'Hind Siliguri',sans-serif; font-size:14px; overflow-x:auto;}
.kx-ad-in img{max-width:100%; height:auto;}
.kx-ad-header{margin-top:18px;}
.kx-ad-footer{margin:34px auto 0;}
.kx-ad-article{margin:30px 0;}

/* --- সোশ্যাল --- */
.kx-social{display:flex; flex-wrap:wrap; gap:8px; margin-top:16px;}
.kx-social a{display:inline-flex; align-items:center; justify-content:center; gap:7px; text-decoration:none; position:relative;
  font-family:'Hind Siliguri',sans-serif; font-size:12px; font-weight:700; letter-spacing:.02em;
  color:#d9cfb8; border:1px solid #3a3129; padding:7px 12px;}
.kx-social a:hover{color:#fff; border-color:var(--dot);}
.kx-social a svg{width:14px; height:14px; flex:0 0 14px; fill:currentColor;}
.kx-drawer-social a{color:var(--ink-soft); border-color:var(--line); background:var(--card); border-radius:999px; padding:7px 13px;}
.kx-drawer-social a:hover{color:#fff; background:var(--dot, var(--ink)); border-color:var(--dot, var(--ink));}

@media (max-width:640px){
    .kx-sheet{padding:20px 14px 24px; border-radius:14px;}
    .kx-sheet .kx-band{padding:20px 16px 22px;}
    .kx-hide-sm{display:none;}
}

@media (prefers-reduced-motion:reduce){ *{animation-duration:.01ms !important; transition-duration:.01ms !important;} }