/* মোবাইলে "কলাম-ভিত্তিক" নির্বাচন পেজ (খতিয়ান, দাগ ভাঙানো) — ধাপে ধাপে অ্যাকর্ডিয়ন ডিজাইন।
   ডেস্কটপে কিছুই বদলায় না। */
/* ডেস্কটপে সারাংশ লেখা লুকানো */
.st-sum{display:none}
@media(max-width:700px){
 .kh-grid,.dv-grid{display:block!important;counter-reset:st;--stc-bg:#00843d;--stc-fg:#fff;--sum:#006b31}
 .dv-grid{--stc-bg:#fff;--stc-fg:#006a4e;--sum:#ffe08a}
 .kh-col,.dv-col{border-right:0!important;border-bottom:1px solid #e3e3e3!important}
 .kh-col:last-child,.dv-col:last-child{border-bottom:0!important}

 /* ধাপের হেডার */
 .kh-col>h3,.dv-col>h3{display:flex;align-items:center;gap:10px;text-align:left;padding:13px 14px;cursor:pointer;position:relative;scroll-margin-top:12px;-webkit-tap-highlight-color:transparent;font-size:15px}
 .st-t{display:inline-flex;align-items:center;font-weight:700;flex:none}
 .kh-col:not(.st-fixed)>h3 .st-t::before,.dv-col:not(.st-fixed)>h3 .st-t::before{counter-increment:st;content:counter(st);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--stc-bg);color:var(--stc-fg);font-size:12px;font-weight:700;margin-right:9px;flex:none}
 .st-done>h3 .st-t::before{content:"✓"!important}
 .st-sum{display:block;flex:1;min-width:0;text-align:right;font-size:13px;font-weight:600;color:var(--sum);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .kh-col:not(.st-fixed)>h3::after,.dv-col:not(.st-fixed)>h3::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px 2px 0 4px;transition:transform .2s}
 .st-open>h3::after{transform:rotate(-135deg)!important;margin-top:4px!important}

 /* স্থির ঘর (বিভাগ / জেলা): এক লাইনের ছোট সারি */
 .st-fixed>h3{cursor:default;padding:9px 14px;font-size:13.5px}
 .st-fixed>h3 .st-sum{font-weight:700}
 .st-fixed>*:not(h3){display:none!important}

 /* বন্ধ ধাপের ভেতরটা লুকানো */
 .kh-col:not(.st-open):not(.st-fixed)>*:not(h3),.dv-col:not(.st-open):not(.st-fixed)>*:not(h3){display:none!important}

 /* খোলা ধাপের ভেতরের তালিকা */
 .kh-list{height:auto!important;max-height:min(46vh,320px)}
 .kh-list li{padding:13px 14px}
 .kh-col.st-open{background:#fcfffb}
 .kh-tools{padding:10px}
 .kh-foot{padding:10px}
 .kh-foot button{width:100%;padding:13px 16px;font-size:15px;border-radius:8px}
 .dv-sr button{padding:0 16px}
 .dv-body{min-height:0!important;padding:10px}
 .dv-mo{max-height:min(46vh,300px)}
 .dv-res{min-height:120px}
 .dv-col.st-open{background:#fcfffd}

 /* পেজের অন্যান্য অংশ */
 .kh h1{font-size:22px}
 .kh-hint{font-size:12.5px}
}

/* খতিয়ান দেখা ও দাগ ফলাফল পেজ — ছোট স্ক্রিনের জন্য */
@media(max-width:560px){
 .kv h1{font-size:22px}
 .kv-top{margin-bottom:16px}
 .paper{padding:20px 16px 18px 34px}
 .paper::before{left:8px}
 .paper h2{font-size:19px}
 .paper dl{gap:5px 8px;font-size:15px}
 .rs-top h1{order:-1;flex:1 1 100%;font-size:19px}
 .rs-top .rs-btn{flex:1 1 auto;justify-content:center}
 .rs-tip{font-size:13px}
 .rs-stage{padding:6px}
}
