/* BPDB Cumilla portal — prototype stylesheet (verbatim). Generated by script/build_portal.php */
  :root{
    --govt-green:#0E7C86;--govt-green-dark:#0B636B;--govt-green-deep:#06454C;
    --flag-red:#F42A41;--volt-amber:#FFB703;--volt-amber-soft:#FFF3D6;
    --paper:#F4FAFA;--card:#FFFFFF;--ink:#102A2D;--ink-soft:#466164;
    --line:#DCEAEA;--radius:14px;--font-size-base:16px;
    --tint-strong:#EDF6F6;--tint-icon:#E4F2F2;--tint-hover:#F2FAF9;--tint-rowhover:#EFF7F6;
    --crumb-bg:#EBF4F4;--input-bg:#FBFEFE;
    --footer-bg:#062226;--footer-line:#14383D;--footer-text:#8FB6BA;--footer-dim:#5F8B90;
    --ticker-label:#C61F33;
    --on-dark-1:#CDEDEF;--on-dark-2:#D8F1F2;--on-dark-3:#CFE9EB;--on-dark-4:#99C8CC;
    --bar-line:#3E7278;--bar-hover:#0A4A50;
    --avatar-1:#DCEFF0;--avatar-2:#B4DCDF;--gallery-2:#9CCFD3;--emblem-ink:#123539;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{font-size:var(--font-size-base);}
  :root{--num-font:'Noto Sans Bengali','Hind Siliguri',sans-serif;}
  body{font-family:'Hind Siliguri',sans-serif;background:var(--paper);color:var(--ink);line-height:1.65;}
  h1,h2,h3,h4{font-family:'Hind Siliguri',sans-serif;font-weight:700;}
  a{color:inherit;text-decoration:none;cursor:pointer;}
  .wrap{max-width:1560px;width:95%;margin:0 auto;padding:0 1.2rem;}
  :focus-visible{outline:2px solid var(--govt-green);outline-offset:2px;}
  @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;}}

  /* পেজ রাউটার */
  .page{display:none;}
  .page.active{display:block;animation:pageIn .3s ease;}
  @keyframes pageIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

  /* সরকারি টপ বার */
  .govt-bar{background:var(--govt-green-deep);color:var(--on-dark-3);font-size:.8rem;}
  .govt-bar .wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:.5rem;flex-wrap:wrap;padding-top:4px;padding-bottom:4px;}
  .govt-bar .util{display:flex;gap:.35rem;align-items:center;}
  .govt-bar button{background:transparent;border:1px solid var(--bar-line);color:var(--on-dark-3);border-radius:6px;padding:1px 8px;font-family:inherit;font-size:.78rem;cursor:pointer;}
  .govt-bar button:hover,.govt-bar button:focus-visible{background:var(--bar-hover);outline:2px solid var(--volt-amber);outline-offset:1px;}
  .govt-bar .lang{border-color:var(--volt-amber);color:var(--volt-amber);}

  /* হেডার */
  header.site{background:linear-gradient(160deg,var(--govt-green) 0%,var(--govt-green-dark) 100%);color:#fff;position:relative;}
  header.site::after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:repeating-linear-gradient(90deg,var(--volt-amber) 0 22px,transparent 22px 34px);opacity:.9;}
  .brand{display:flex;align-items:center;gap:.9rem;padding:1.1rem 0;cursor:pointer;}
  .monogram{width:62px;height:62px;flex:none;border-radius:50%;background:#fff;color:var(--govt-green);display:flex;align-items:center;justify-content:center;font-family:'Hind Siliguri',sans-serif;font-weight:800;font-size:1.02rem;border:3px solid var(--volt-amber);box-shadow:0 3px 10px rgba(0,0,0,.25);overflow:hidden;}
  .monogram img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);}
  .brand-name h1{font-size:1.35rem;font-weight:800;line-height:1.3;}
  .brand-name p{font-size:.85rem;color:var(--on-dark-1);}
  .brand-name .eyebrow{font-size:.72rem;letter-spacing:.05em;color:var(--volt-amber);font-weight:600;}

  /* নেভিগেশন */
  nav.main{background:#fff;border-bottom:1px solid var(--line);z-index:50;box-shadow:0 2px 8px rgba(1,58,44,.06);}
  .topbar-stack{position:sticky;top:0;z-index:90;}
  /* স্ক্রল করলে হেডার কমপ্যাক্ট — যেন পর্দার জায়গা না খায় */
  header.site .brand{transition:padding .18s ease;}
  .monogram{transition:width .18s ease,height .18s ease;}
  .brand-name h1{transition:font-size .18s ease;}
  .brand-name .eyebrow,.brand-name p:not(.eyebrow){transition:opacity .15s ease;}
  body.scrolled header.site .brand{padding:.45rem 0;}
  body.scrolled .monogram{width:40px;height:40px;border-width:2px;}
  body.scrolled .brand-name h1{font-size:1.05rem;}
  body.scrolled .brand-name .eyebrow,body.scrolled .brand-name p:not(.eyebrow){display:none;}
  body.scrolled .govt-bar .wrap{min-height:26px;padding-top:2px;padding-bottom:2px;}
  body.scrolled .govt-bar .wrap > span:first-child{display:none;}
  body.scrolled .site-switch{padding:.05rem .3rem .05rem .5rem;font-size:.7rem;}
  body.scrolled .site-switch select{font-size:.72rem;padding:.1rem .1rem;}
  body.scrolled .office-ribbon.on{padding:.25rem 0;font-size:.74rem;}
  body.scrolled header.site::after{height:3px;}
  nav.main ul{display:flex;list-style:none;overflow-x:auto;gap:.15rem;scrollbar-width:none;}
  nav.main ul::-webkit-scrollbar{display:none;}
  nav.main a{display:block;padding:.75rem .9rem;font-size:.88rem;font-weight:600;color:var(--ink-soft);white-space:nowrap;border-bottom:3px solid transparent;}
  nav.main a:hover,nav.main a:focus-visible{color:var(--govt-green);border-bottom-color:var(--volt-amber);outline:none;}
  nav.main a.active{color:var(--govt-green);border-bottom-color:var(--govt-green);}

  /* ব্রেডক্রাম্ব */
  .crumb{background:var(--crumb-bg);border-bottom:1px solid var(--line);font-size:.8rem;}
  .crumb .wrap{display:flex;align-items:center;gap:.45rem;min-height:38px;flex-wrap:wrap;}
  .crumb a{color:var(--govt-green);font-weight:600;}
  .crumb a:hover{text-decoration:underline;}
  .crumb .sep{color:#9DBBAD;}
  .crumb .here{color:var(--ink-soft);font-weight:600;}

  /* হিরো */
  .hero{background:radial-gradient(600px 300px at 85% -20%,rgba(255,183,3,.18),transparent 65%),linear-gradient(180deg,var(--govt-green) 0%,var(--govt-green-dark) 90%);color:#fff;padding:2.2rem 0 4.4rem;}
  .hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;}
  .hero-art{justify-self:end;width:100%;max-width:620px;opacity:.95;}
  .hero-art svg{width:100%;height:auto;display:block;}
  .hs .hs-ic{display:block;font-size:1.3rem;margin-bottom:.15rem;}
  @media (max-width:980px){.hero-inner{grid-template-columns:1fr;}.hero-art{display:none;}}
  .hero h2{font-size:clamp(1.5rem,2.6vw,2.6rem);font-weight:800;max-width:34ch;line-height:1.35;}
  .hero h2 em{font-style:normal;color:var(--volt-amber);}
  .hero p.sub{margin-top:.5rem;color:var(--on-dark-2);font-size:.95rem;max-width:52ch;}
  .hotline-chip{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);padding:.4rem .9rem;border-radius:999px;font-size:.88rem;}
  .hotline-chip strong{color:var(--volt-amber);font-size:1.05rem;}

  /* পেজ শিরোনাম ব্যানার (ভেতরের পেজ) */
  .page-banner{background:linear-gradient(160deg,var(--govt-green),var(--govt-green-dark));color:#fff;padding:1.6rem 0;}
  .page-banner h2{font-size:1.45rem;font-weight:800;}
  .page-banner p{font-size:.88rem;color:var(--on-dark-1);margin-top:.2rem;max-width:60ch;}

  /* দ্রুত সেবা */
  .quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-top:-2.6rem;position:relative;z-index:5;}
  .quick a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem .9rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 6px 18px rgba(1,58,44,.08);transition:transform .18s ease,box-shadow .18s ease;}
  .quick a:hover,.quick a:focus-visible{transform:translateY(-3px);box-shadow:0 10px 24px rgba(1,58,44,.14);outline:2px solid var(--govt-green);outline-offset:2px;}
  .quick .ic{width:40px;height:40px;border-radius:10px;background:var(--volt-amber-soft);display:flex;align-items:center;justify-content:center;font-size:1.25rem;}
  .quick h3{font-size:.98rem;font-weight:700;color:var(--govt-green-deep);}
  .quick p{font-size:.8rem;color:var(--ink-soft);line-height:1.5;}

  /* সেকশন */
  section{padding:2.4rem 0;}
  .sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap;}
  .sec-head h2{font-size:1.3rem;font-weight:800;color:var(--govt-green-deep);position:relative;padding-inline-start:.85rem;}
  .sec-head h2::before{content:"";position:absolute;inset-inline-start:0;top:.25em;bottom:.15em;width:4px;background:linear-gradient(var(--volt-amber),var(--govt-green));border-radius:2px;}
  .sec-head p.lead{font-size:.85rem;color:var(--ink-soft);width:100%;}
  .sec-head a.more{font-size:.85rem;font-weight:600;color:var(--govt-green);}
  .sec-head a.more:hover{text-decoration:underline;}
  .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
  .card .card-head{padding:.85rem 1rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap;}
  .card .card-head h3{font-size:1.02rem;color:var(--govt-green-deep);}

  /* বিল যাচাই */
  .bill-check{display:grid;grid-template-columns:1fr 1.2fr;gap:0;align-items:stretch;}
  .bill-form{padding:1.2rem;}
  .bill-form label,.f-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.3rem;color:var(--govt-green-deep);}
  .bill-form input,.bill-form select,.f-input,.f-textarea{width:100%;padding:.6rem .8rem;border:1.5px solid var(--line);border-radius:9px;font-family:inherit;font-size:.92rem;margin-bottom:.9rem;background:var(--input-bg);}
  .bill-form input:focus,.bill-form select:focus,.f-input:focus,.f-textarea:focus{border-color:var(--govt-green);outline:none;box-shadow:0 0 0 3px rgba(0,106,78,.12);}
  .f-textarea{resize:vertical;}
  .btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--govt-green);color:#fff;border:none;border-radius:10px;padding:.65rem 1.4rem;font-family:inherit;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .15s;}
  .btn:hover,.btn:focus-visible{background:var(--govt-green-dark);}
  .btn.ghost{background:transparent;color:var(--govt-green);border:1.5px solid var(--govt-green);}
  .bill-result{padding:1.2rem;background:var(--tint-hover);border-inline-start:1px solid var(--line);}
  .bill-result .placeholder{color:var(--ink-soft);font-size:.88rem;text-align:center;padding:2rem 1rem;}
  .bill-slip{display:none;}
  .bill-slip.show{display:block;animation:pageIn .35s ease;}
  .bill-slip .row{display:flex;justify-content:space-between;font-size:.88rem;padding:.4rem 0;border-bottom:1px dashed var(--line);}
  .bill-slip .row.total{border-bottom:none;font-weight:800;font-size:1.05rem;color:var(--govt-green-deep);margin-top:.4rem;}
  .bill-slip .due{color:var(--flag-red);font-weight:700;}
  .demo-tag{display:inline-block;font-size:.68rem;background:var(--volt-amber-soft);border:1px solid #F1DFAE;color:#8A6D1C;border-radius:6px;padding:0 .5rem;margin-bottom:.6rem;}

  /* ফিডার বোর্ড */
  .feeder-board{background:var(--govt-green-deep);border-radius:18px;color:#E7F6EE;padding:1.4rem 1.3rem 1.6rem;position:relative;overflow:hidden;}
  .feeder-board::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/100% 34px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/34px 100%;pointer-events:none;}
  .feeder-board .fb-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;position:relative;}
  .feeder-board h2,.feeder-board h3{font-size:1.2rem;color:#fff;}
  .fb-time{font-size:.78rem;color:var(--on-dark-4);display:flex;align-items:center;gap:.4rem;}
  .pulse{width:9px;height:9px;border-radius:50%;background:var(--volt-amber);animation:pulse 1.6s infinite;}
  @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,183,3,.55);}50%{box-shadow:0 0 0 7px rgba(255,183,3,0);}}
  .fb-tabs{display:flex;gap:.4rem;position:relative;margin-bottom:.9rem;flex-wrap:wrap;}
  .fb-tabs button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:var(--on-dark-3);border-radius:999px;padding:.25rem .9rem;font-family:inherit;font-size:.78rem;cursor:pointer;}
  .fb-tabs button.active{background:var(--volt-amber);border-color:var(--volt-amber);color:var(--govt-green-deep);font-weight:700;}
  .feeders{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;position:relative;}
  .feeder{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:.65rem .75rem;font-size:.82rem;}
  .feeder b{display:block;font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.15rem;}
  .st{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;border-radius:999px;padding:.05rem .55rem;margin-top:.3rem;}
  .st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;}
  .st.on{background:rgba(80,200,120,.16);color:#7FE0A7;}
  .st.off{background:rgba(244,42,65,.18);color:#FF9AA6;}
  .st.soon{background:rgba(255,183,3,.16);color:var(--volt-amber);}
  .fb-note{position:relative;margin-top:1rem;font-size:.75rem;color:var(--on-dark-4);}

  /* টেবিল */
  table{width:100%;border-collapse:collapse;font-size:.85rem;}
  th,td{padding:.6rem .8rem;text-align:start;border-bottom:1px solid var(--line);vertical-align:top;}
  th{background:var(--tint-strong);font-weight:700;color:var(--govt-green-deep);font-size:.8rem;}
  tr:last-child td{border-bottom:none;}
  .badge-off{color:var(--flag-red);font-weight:700;}
  .table-scroll{overflow-x:auto;}

  .two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:1.4rem;align-items:start;}

  /* নোটিশ */
  .notice-list{list-style:none;}
  .notice-list li{border-bottom:1px solid var(--line);}
  .notice-list li:last-child{border-bottom:none;}
  .notice-list a{display:flex;gap:.8rem;padding:.8rem 1rem;align-items:flex-start;transition:background .15s;}
  .notice-list a:hover,.notice-list a:focus-visible{background:var(--tint-rowhover);outline:none;}
  .n-date{flex:none;width:52px;text-align:center;background:var(--volt-amber-soft);border:1px solid #F1DFAE;border-radius:8px;padding:.25rem 0;line-height:1.25;}
  .n-date b{display:block;font-size:1.05rem;color:var(--govt-green-deep);font-family:var(--num-font);}
  .n-date span{font-size:.68rem;color:var(--ink-soft);}
  .notice-list p{font-size:.88rem;font-weight:500;}
  .notice-list .tag{font-size:.7rem;color:var(--flag-red);font-weight:700;}
  .notice-list .tag.tender{color:#8A6D1C;}
  .notice-filter{display:flex;gap:.4rem;flex-wrap:wrap;}
  .notice-filter button{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:.2rem .9rem;font-family:inherit;font-size:.78rem;font-weight:600;color:var(--ink-soft);cursor:pointer;}
  .notice-filter button.active{background:var(--govt-green);border-color:var(--govt-green);color:#fff;}

  /* সেবা ল্যান্ডিং কার্ড */
  .svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;}
  .svc-grid a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem 1.1rem;display:flex;flex-direction:column;gap:.5rem;transition:transform .18s,box-shadow .18s,border-color .18s;}
  .svc-grid a:hover,.svc-grid a:focus-visible{transform:translateY(-3px);border-color:var(--govt-green);box-shadow:0 10px 24px rgba(1,58,44,.12);outline:none;}
  .svc-grid .ic{width:46px;height:46px;border-radius:12px;background:var(--volt-amber-soft);display:flex;align-items:center;justify-content:center;font-size:1.4rem;}
  .svc-grid h3{font-size:1.05rem;color:var(--govt-green-deep);}
  .svc-grid p{font-size:.82rem;color:var(--ink-soft);flex:1;}
  .svc-grid .go{font-size:.82rem;font-weight:700;color:var(--govt-green);}

  /* ধাপ */
  .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.9rem;counter-reset:step;margin-top:1rem;}
  .step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;position:relative;counter-increment:step;}
  .step::before{content:counter(step,bengali);position:absolute;top:-14px;inset-inline-start:1rem;width:32px;height:32px;border-radius:50%;background:var(--govt-green);color:var(--volt-amber);display:flex;align-items:center;justify-content:center;font-family:'Hind Siliguri',sans-serif;font-weight:800;font-size:1rem;border:3px solid var(--paper);}
  .step h3{font-size:.95rem;font-weight:700;color:var(--govt-green-deep);margin:.4rem 0 .3rem;}
  .step p{font-size:.8rem;color:var(--ink-soft);}
  .docs{margin-top:1.2rem;background:var(--volt-amber-soft);border:1px solid #F1DFAE;border-radius:var(--radius);padding:1rem 1.2rem;font-size:.86rem;}
  .docs h4{font-size:.92rem;color:#8A6D1C;margin-bottom:.4rem;}
  .docs ul{padding-inline-start:1.2rem;}

  /* প্রিপেইড */
  .prepaid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;}
  .prepaid .card{padding:1.2rem;}
  .prepaid h3{font-size:1rem;color:var(--govt-green-deep);margin-bottom:.5rem;}
  .prepaid ol,.prepaid ul{padding-inline-start:1.2rem;font-size:.86rem;}
  .prepaid li{margin-bottom:.35rem;}
  .kbd{font-family:monospace;background:var(--tint-strong);border:1px solid var(--line);border-radius:6px;padding:0 .4rem;font-size:.85em;color:var(--govt-green-deep);font-weight:700;}

  /* সাংগঠনিক কাঠামো */
  .org{display:flex;flex-direction:column;align-items:center;}
  .org-node{background:var(--card);border:1.5px solid var(--govt-green);border-radius:12px;padding:.6rem 1.3rem;text-align:center;font-size:.88rem;font-weight:700;color:var(--govt-green-deep);box-shadow:0 3px 10px rgba(1,58,44,.07);}
  .org-node.root{background:var(--govt-green);color:#fff;}
  .org-node small{display:block;font-weight:500;font-size:.72rem;opacity:.75;}
  .org-line{width:2px;height:22px;background:var(--line);}
  .org-children{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;width:100%;position:relative;padding-top:22px;}
  .org-children::before{content:"";position:absolute;top:0;left:12.5%;right:12.5%;height:2px;background:var(--line);}
  .org-children>div{position:relative;display:flex;flex-direction:column;align-items:center;}
  .org-children>div::before{content:"";width:2px;height:22px;background:var(--line);position:absolute;top:-22px;}
  .org-children .org-node{border-width:1px;border-color:var(--line);font-weight:600;font-size:.8rem;width:100%;}

  /* কর্মকর্তা */
  .officers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;}
  .officer{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;text-align:center;}
  .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;}
  .avatar{overflow:hidden;width:72px;height:72px;border-radius:50%;margin:0 auto .6rem;background:linear-gradient(145deg,var(--avatar-1),var(--avatar-2));display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:var(--govt-green);border:3px solid var(--volt-amber-soft);}
  .officer h3{font-size:.98rem;font-weight:700;}
  .officer .role{font-size:.8rem;color:var(--govt-green);font-weight:600;}
  .officer .contact{font-size:.78rem;color:var(--ink-soft);margin-top:.4rem;line-height:1.55;}

  /* তথ্য গ্রিড */
  .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem;}
  .info-grid a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;display:flex;gap:.75rem;align-items:flex-start;transition:border-color .15s,background .15s;}
  .info-grid a:hover,.info-grid a:focus-visible{border-color:var(--govt-green);background:var(--tint-hover);outline:none;}
  .info-grid .ic{flex:none;width:36px;height:36px;border-radius:9px;background:var(--tint-icon);display:flex;align-items:center;justify-content:center;font-size:1.05rem;}
  .info-grid h3{font-size:.92rem;font-weight:700;color:var(--govt-green-deep);}
  .info-grid p{font-size:.78rem;color:var(--ink-soft);}

  /* FAQ */
  .faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:.6rem;overflow:hidden;}
  .faq summary{padding:.85rem 1.1rem;font-weight:700;font-size:.92rem;color:var(--govt-green-deep);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;}
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary::after{content:"+";font-size:1.3rem;color:var(--volt-amber);font-family:'Hind Siliguri',sans-serif;transition:transform .2s;}
  .faq details[open] summary::after{transform:rotate(45deg);}
  .faq .ans{padding:0 1.1rem .95rem;font-size:.86rem;color:var(--ink-soft);}

  /* গ্যালারি */
  .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.7rem;}
  .gallery figure{aspect-ratio:4/3;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(145deg,var(--avatar-1),var(--gallery-2));display:flex;align-items:flex-end;}
  .gallery figure span.ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;opacity:.5;}
  .gallery figcaption{position:relative;width:100%;background:linear-gradient(transparent,rgba(1,58,44,.85));color:#fff;font-size:.72rem;padding:1.2rem .6rem .45rem;}

  /* যোগাযোগ */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;}
  .contact-card{padding:1.2rem;font-size:.88rem;}
  .contact-card h3{font-size:1rem;color:var(--govt-green-deep);margin-bottom:.6rem;}
  .contact-card dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem .8rem;}
  .contact-card dt{font-weight:700;color:var(--govt-green);}
  .map-ph{aspect-ratio:16/9;border-radius:12px;background:repeating-linear-gradient(45deg,var(--tint-icon) 0 14px,var(--avatar-1) 14px 28px);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:.85rem;border:1px solid var(--line);margin-top:.8rem;}

  /* হটলাইন */
  .hotlines{background:linear-gradient(90deg,var(--govt-green-deep),var(--govt-green));color:#fff;padding:1.4rem 0;}
  .hotlines .wrap{display:flex;justify-content:space-around;gap:1rem;flex-wrap:wrap;text-align:center;}
  .hl b{display:block;font-size:1.5rem;font-family:var(--num-font);color:var(--volt-amber);}
  .hl span{font-size:.8rem;color:var(--on-dark-1);}

  /* ফুটার */
  footer{background:var(--footer-bg);color:var(--footer-text);font-size:.82rem;padding:2rem 0 1.4rem;}
  footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem;margin-bottom:1.4rem;}
  footer h4{color:#fff;font-size:.92rem;margin-bottom:.5rem;}
  footer ul{list-style:none;}
  footer li{margin-bottom:.3rem;}
  footer a:hover{color:var(--volt-amber);}
  footer .base{border-top:1px solid var(--footer-line);padding-top:1rem;text-align:center;line-height:1.7;}
  footer .base .npf{color:var(--footer-dim);font-size:.75rem;}

  /* স্ক্রলিং ঘোষণা টিকার */
  .ticker{background:var(--flag-red);color:#fff;overflow:hidden;font-size:.82rem;position:relative;}
  .ticker .t-label{position:absolute;inset-inline-start:0;top:0;bottom:0;background:var(--ticker-label);display:flex;align-items:center;padding:0 .8rem;font-weight:700;z-index:2;font-size:.78rem;}
  .ticker .track{display:inline-block;white-space:nowrap;padding:.4rem 0;animation:ticker 45s linear infinite;will-change:transform;}
  .ticker .track span{margin-inline-end:3.5rem;}
  .ticker:hover .track{animation-play-state:paused;}
  @keyframes ticker{from{transform:translateX(100vw);}to{transform:translateX(-100%);}}

  /* লোড চাহিদা স্ট্রিপ */
  .demand{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin-bottom:1.3rem;}
  .demand .d{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;text-align:center;}
  .demand b{font-size:1.4rem;font-family:var(--num-font);letter-spacing:.01em;color:var(--govt-green-deep);display:block;}
  .demand span{font-size:.78rem;color:var(--ink-soft);}
  .demand .gap b{color:var(--flag-red);}

  /* বিল ক্যালকুলেটর ফলাফল */
  .calc-note{font-size:.75rem;color:var(--ink-soft);margin-top:.6rem;}
  .slab-hint{font-size:.78rem;background:var(--tint-strong);border:1px solid var(--line);border-radius:9px;padding:.6rem .8rem;margin-top:.4rem;color:var(--ink-soft);}

  /* আওতাভুক্ত এলাকা */
  .coverage{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.9rem;}
  .coverage .card{padding:1rem 1.1rem;}
  .coverage h3{font-size:.95rem;color:var(--govt-green-deep);margin-bottom:.35rem;}
  .coverage p{font-size:.83rem;color:var(--ink-soft);}

  /* বিতরণ কার্যক্রম: হিরো কাউন্টার */
  .hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin-top:1.6rem;}
  .hs{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:.7rem .9rem;text-align:center;}
  .hs b{display:block;font-family:var(--num-font);font-size:1.45rem;letter-spacing:.01em;color:var(--volt-amber);line-height:1.3;}
  .hs span{font-size:.74rem;color:var(--on-dark-2);}

  /* অগ্রগতি বার */
  .prog-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;}
  .prog-card h3{font-size:.95rem;color:var(--govt-green-deep);display:flex;justify-content:space-between;gap:.6rem;}
  .prog-card h3 b{color:var(--govt-green);font-family:var(--num-font);}
  .prog-card p{font-size:.78rem;color:var(--ink-soft);margin:.25rem 0 .6rem;}
  .prog{background:var(--tint-icon);border-radius:99px;height:10px;overflow:hidden;}
  .prog>span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--volt-amber),var(--govt-green));transition:width 1.2s ease;}
  .prog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.9rem;}

  /* সিস্টেম লস চার্ট */
  .loss-chart{display:flex;align-items:flex-end;gap:1rem;height:170px;padding:1.2rem 1.2rem .6rem;}
  .loss-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;height:100%;justify-content:flex-end;}
  .loss-bar i{display:block;width:100%;max-width:56px;background:linear-gradient(180deg,var(--govt-green),var(--govt-green-deep));border-radius:8px 8px 0 0;height:0;transition:height 1s ease;}
  .loss-bar.now i{background:linear-gradient(180deg,var(--volt-amber),#D99A00);}
  .loss-bar b{font-size:.82rem;color:var(--govt-green-deep);font-family:var(--num-font);}
  .loss-bar span{font-size:.72rem;color:var(--ink-soft);}

  /* মাসিক অর্জন চিপ */
  .ach{display:flex;gap:.7rem;flex-wrap:wrap;}
  .ach .chip{background:var(--volt-amber-soft);border:1px solid #F1DFAE;border-radius:999px;padding:.45rem 1rem;font-size:.85rem;}
  .ach .chip b{color:var(--govt-green-deep);font-family:var(--num-font);}


  /* জিআইএস ম্যাপ */
  #gisMap{height:480px;border-radius:var(--radius);border:1px solid var(--line);z-index:1;background:var(--tint-icon);}
  .gis-legend{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:.8rem;font-size:.82rem;color:var(--ink-soft);}
  .gis-legend span{display:inline-flex;align-items:center;gap:.4rem;}
  .gis-legend i{width:12px;height:12px;border-radius:50%;display:inline-block;}
  .leaflet-popup-content{font-family:var(--num-font);margin:10px 14px;}
  .leaflet-popup-content b{color:var(--govt-green-deep);}

  /* সাশ্রয় ক্যালকুলেটর */
  .sv-table input{width:74px;padding:.35rem .5rem;border:1.5px solid var(--line);border-radius:8px;font-family:inherit;font-size:.88rem;background:var(--input-bg);text-align:center;}
  .sv-table input:focus{border-color:var(--govt-green);outline:none;box-shadow:0 0 0 3px rgba(14,124,134,.14);}
  .sv-table td.sv-u{font-weight:700;color:var(--govt-green-deep);font-family:var(--num-font);}
  .sv-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.2rem;}
  .sv-summary .d b{font-size:1.5rem;}
  .sv-tip{margin-top:1rem;background:var(--volt-amber-soft);border:1px solid #F1DFAE;border-radius:var(--radius);padding:.9rem 1.1rem;font-size:.9rem;}
  .sv-tip b{color:var(--govt-green-deep);}
  @media (max-width:860px){.sv-summary{grid-template-columns:1fr;}}

  /* দালাল-বিরোধী সতর্কবার্তা */
  .alert-broker{background:#FFF1F2;border:1px solid #F5C2C8;border-inline-start:6px solid var(--flag-red);border-radius:var(--radius);padding:1rem 1.2rem;display:flex;gap:.9rem;align-items:flex-start;}
  .alert-broker .ab-ic{font-size:1.6rem;flex:none;line-height:1.2;}
  .alert-broker h3{font-size:1rem;color:#A31220;margin-bottom:.25rem;}
  .alert-broker p{font-size:.86rem;color:#5A2A30;}
  .alert-broker b{color:#A31220;}

  /* দরপত্র স্ট্যাটাস */
  .t-open{display:inline-block;background:#E4F5EA;color:#1B7A43;border-radius:999px;padding:.05rem .7rem;font-size:.75rem;font-weight:700;}
  .t-eval{display:inline-block;background:var(--volt-amber-soft);color:#8A6D1C;border-radius:999px;padding:.05rem .7rem;font-size:.75rem;font-weight:700;}
  .t-red{display:inline-block;background:#FDE5E7;color:#A31220;border-radius:999px;padding:.05rem .7rem;font-size:.75rem;font-weight:700;}
  .t-done{display:inline-block;background:var(--tint-icon);color:var(--ink-soft);border-radius:999px;padding:.05rem .7rem;font-size:.75rem;font-weight:700;}
  .egp-box{margin-top:1.2rem;background:var(--tint-hover);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;font-size:.88rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;justify-content:space-between;}

  /* ========= ৩ডি কার্ড ও হোভার এফেক্ট ========= */
  .card,.quick a,.svc-grid a,.info-grid a,.officer,.prog-card,.demand .d,.step,.coverage .card{
    box-shadow:0 1px 2px rgba(6,69,76,.07), 0 12px 28px -16px rgba(6,69,76,.30);
    transition:transform .28s cubic-bezier(.2,.7,.3,1), box-shadow .28s ease, border-color .2s ease;
    will-change:transform;
    background-image:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,0) 40%);
  }
  .card:hover,.officer:hover,.prog-card:hover,.demand .d:hover,.step:hover,.coverage .card:hover{
    transform:perspective(900px) translateY(-6px) rotateX(2deg);
    box-shadow:0 8px 16px rgba(6,69,76,.10), 0 30px 50px -20px rgba(6,69,76,.42);
  }
  .quick a:hover,.quick a:focus-visible,
  .svc-grid a:hover,.svc-grid a:focus-visible,
  .info-grid a:hover,.info-grid a:focus-visible{
    transform:perspective(900px) translateY(-8px) rotateX(3deg) scale(1.015);
    box-shadow:0 10px 18px rgba(6,69,76,.12), 0 34px 56px -22px rgba(6,69,76,.48);
    border-color:var(--govt-green);
  }
  /* হিরোর কাউন্টার (গাঢ় পটভূমিতে) */
  .hs{transition:transform .28s cubic-bezier(.2,.7,.3,1), box-shadow .28s ease, border-color .2s ease, background .2s ease;will-change:transform;}
  .hs:hover{
    transform:perspective(900px) translateY(-6px) rotateX(3deg);
    background:rgba(255,255,255,.16);
    border-color:var(--volt-amber);
    box-shadow:0 18px 34px -14px rgba(0,0,0,.45);
  }
  /* গ্যালারি: ছবিসহ জুম */
  .gallery figure{transition:transform .28s ease, box-shadow .28s ease;box-shadow:0 10px 24px -14px rgba(6,69,76,.3);}
  .gallery figure:hover{transform:perspective(900px) translateY(-6px) rotateX(2deg) scale(1.02);box-shadow:0 26px 46px -18px rgba(6,69,76,.45);}
  .gallery figure span.ph{transition:transform .35s ease;}
  .gallery figure:hover span.ph{transform:scale(1.15);}
  /* নোটিশ সারি: হালকা ঠেলা */
  .notice-list a{transition:background .15s ease, transform .2s ease;}
  .notice-list a:hover{transform:translateX(5px);}
  /* হটলাইন সংখ্যা */
  .hl{transition:transform .25s ease;}
  .hl:hover{transform:translateY(-4px) scale(1.06);}

  /* ডোনাট চার্ট */
  .donut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem;margin-top:1rem;}
  .donut-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem;}
  .donut-card h3{font-size:.98rem;color:var(--govt-green-deep);margin-bottom:.8rem;}
  .donut-flex{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;}
  .donut{width:190px;height:190px;flex:none;}
  .donut circle{transition:opacity .15s ease;cursor:pointer;}
  .donut circle:hover{opacity:.75;}
  .donut-legend{display:flex;flex-direction:column;gap:.32rem;font-size:.8rem;min-width:180px;flex:1;}
  .donut-legend span{display:flex;align-items:center;gap:.45rem;}
  .donut-legend i{width:11px;height:11px;border-radius:3px;flex:none;display:inline-block;}
  .donut-legend b{margin-inline-start:auto;font-family:var(--num-font);color:var(--govt-green-deep);}

  /* অফিসভিত্তিক লস: অনুভূমিক বার */
  .slbar-row{display:grid;grid-template-columns:minmax(150px,230px) 1fr 74px;align-items:center;gap:.7rem;padding:.42rem 0;border-bottom:1px dashed var(--line);}
  .slbar-row:last-child{border-bottom:none;}
  .slbar-name{font-size:.85rem;color:var(--ink);}
  .slbar-track{background:var(--tint-icon);border-radius:99px;height:14px;overflow:hidden;}
  .slbar-fill{display:block;height:100%;width:0;border-radius:99px;transition:width 1s cubic-bezier(.2,.7,.3,1);}
  .slbar-val{font-family:var(--num-font);font-weight:700;font-size:.85rem;text-align:end;}
  @media (max-width:520px){.slbar-row{grid-template-columns:minmax(110px,1fr) 1fr 60px;gap:.45rem;}.slbar-name{font-size:.76rem;}}

  /* কর্মকর্তা লগইন মোডাল */
  .login-card.wide{width:min(940px,100%);border-top-color:var(--volt-amber);}
  .dash-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.1rem;margin-top:.6rem;}
  @media (max-width:760px){.dash-grid{grid-template-columns:1fr;}}
  .dash-sec{background:var(--tint-hover);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;}
  .dash-sec h4{font-size:.85rem;color:var(--govt-green-deep);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
  .dash-sec table{width:100%;font-size:.78rem;border-collapse:collapse;}
  .dash-sec td,.dash-sec th{padding:.35rem .3rem;border-bottom:1px dashed var(--line);text-align:start;}
  .dash-sec tr:last-child td{border-bottom:none;}
  .btn-xs{font-size:.68rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--govt-green);background:#fff;color:var(--govt-green-deep);cursor:pointer;font-family:inherit;}
  .btn-xs:hover{background:var(--govt-green);color:#fff;}
  .btn-xs.red{border-color:#C81E2E;color:#A31220;}
  .btn-xs.red:hover{background:#C81E2E;color:#fff;}
  .modal-overlay{position:fixed;inset:0;background:rgba(6,40,44,.55);z-index:120;display:flex;align-items:center;justify-content:center;padding:1rem;}
  .modal-overlay[hidden]{display:none;}
  .login-card{background:var(--card);border-radius:18px;box-shadow:0 30px 70px -20px rgba(0,0,0,.5);width:min(430px,100%);max-height:92vh;overflow:auto;border-top:6px solid var(--govt-green);}
  .login-head{padding:1.2rem 1.4rem .6rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;}
  .login-head h3{font-size:1.15rem;color:var(--govt-green-deep);}
  .login-head p{font-size:.78rem;color:var(--ink-soft);margin-top:.2rem;}
  .login-x{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--ink-soft);line-height:1;padding:.2rem .4rem;border-radius:8px;}
  .login-x:hover{background:var(--tint-icon);}
  .login-body{padding:.4rem 1.4rem 1.4rem;}
  .login-body label{display:block;font-size:.8rem;font-weight:700;color:var(--govt-green-deep);margin:.7rem 0 .25rem;}
  .login-body select,.login-body input{width:100%;padding:.6rem .8rem;border:1.5px solid var(--line);border-radius:10px;font-family:inherit;font-size:.9rem;background:var(--input-bg);}
  .login-body select:focus,.login-body input:focus{border-color:var(--govt-green);outline:none;box-shadow:0 0 0 3px rgba(14,124,134,.14);}
  .login-demo-note{margin-top:.8rem;background:var(--volt-amber-soft);border:1px solid #F1DFAE;border-radius:10px;padding:.5rem .8rem;font-size:.74rem;color:#6B5310;}
  .dash-chip{display:flex;gap:.7rem;flex-wrap:wrap;margin:.8rem 0;}
  .dash-chip span{background:var(--tint-icon);border-radius:10px;padding:.5rem .8rem;font-size:.78rem;flex:1;min-width:110px;text-align:center;}
  .dash-chip b{display:block;font-size:1.15rem;color:var(--govt-green-deep);font-family:var(--num-font);}
  .dash-lock{display:inline-block;background:#FDE5E7;color:#A31220;border-radius:999px;padding:.1rem .65rem;font-size:.68rem;font-weight:700;vertical-align:middle;}

  /* অভিযোগ টাইমলাইন */
  .tl{position:relative;padding-inline-start:1.7rem;margin-top:.6rem;}
  .tl::before{content:'';position:absolute;inset-inline-start:.52rem;top:.4rem;bottom:.6rem;width:3px;background:var(--line);border-radius:2px;}
  .tl-step{position:relative;padding:0 0 1rem;}
  .tl-dot{position:absolute;inset-inline-start:-1.7rem;top:.15rem;width:1.1rem;height:1.1rem;border-radius:50%;border:3px solid var(--line);background:var(--card);z-index:1;}
  .tl-step.done .tl-dot{border-color:#1B7A43;background:#1B7A43;box-shadow:0 0 0 3px #DDF2E4;}
  .tl-step.now .tl-dot{border-color:#D99A00;background:var(--volt-amber);box-shadow:0 0 0 4px var(--volt-amber-soft);}
  .tl-step h4{font-size:.9rem;color:var(--ink);}
  .tl-step.done h4{color:var(--govt-green-deep);}
  .tl-step small{display:block;font-size:.74rem;color:var(--ink-soft);margin-top:.15rem;line-height:1.55;}
  .tl-step.future{opacity:.55;}

  /* চেয়ারম্যান/নেতৃত্ব কার্ড */
  .side-col{display:flex;flex-direction:column;gap:1.4rem;}
  .leader-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
  .leader-head{background:linear-gradient(135deg,var(--govt-green-deep),var(--govt-green));color:#fff;padding:.7rem 1.1rem;font-size:.82rem;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;gap:.5rem;}
  .leader-body{display:flex;gap:1rem;padding:1rem 1.1rem;align-items:flex-start;}
  .leader-photo{flex:none;width:96px;height:118px;border-radius:10px;border:2px solid var(--line);background:linear-gradient(180deg,#F1F6F6,#E1ECEC);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-soft);font-size:.62rem;text-align:center;line-height:1.35;overflow:hidden;}
  .leader-photo .ph{font-size:2.3rem;line-height:1;margin-bottom:.25rem;color:#9AB2B4;}
  .leader-photo img{width:100%;height:100%;object-fit:cover;display:block;}
  .leader-info h4{font-size:1rem;color:var(--govt-green-deep);line-height:1.35;}
  .leader-info .role{font-size:.8rem;font-weight:700;color:var(--maroon,#7A1F3D);margin:.15rem 0 .35rem;}
  .leader-info p{font-size:.76rem;color:var(--ink-soft);line-height:1.6;}
  .leader-info .lnk{display:inline-block;margin-top:.5rem;font-size:.76rem;font-weight:700;color:var(--govt-green);text-decoration:none;}
  .leader-info .lnk:hover{text-decoration:underline;}

  /* অফিস সুইচার (সাব-ডোমেইন সিমুলেশন) */
  .site-switch{display:flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:.15rem .3rem .15rem .55rem;font-size:.74rem;color:var(--on-dark-3);max-width:100%;}
  .site-switch .lbl{white-space:nowrap;opacity:.9;}
  .site-switch select{background:transparent;color:#fff;border:none;font-family:inherit;font-size:.76rem;font-weight:700;padding:.2rem .1rem;max-width:min(320px,55vw);cursor:pointer;text-overflow:ellipsis;}
  .site-switch select option{color:#000;}
  .site-switch:focus-within{outline:2px solid var(--volt-amber);outline-offset:1px;}
  .subdomain{font-family:monospace;font-size:.72rem;color:var(--volt-amber);opacity:.95;letter-spacing:.02em;}
  .office-ribbon{background:linear-gradient(90deg,#7A1F3D,#9C2E52);color:#fff;font-size:.8rem;padding:.4rem 0;display:none;}
  .office-ribbon.on{display:block;}
  .office-ribbon .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;}
  .office-ribbon a{color:#FFD97A;font-weight:700;text-decoration:none;cursor:pointer;}
  .office-ribbon a:hover{text-decoration:underline;}

  @media (max-width:640px){
    .govt-bar .wrap{flex-direction:column;align-items:stretch;gap:.35rem;}
    .govt-bar .wrap > span:first-child{text-align:center;font-size:.72rem;}
    .site-switch{width:100%;box-sizing:border-box;justify-content:space-between;}
    .site-switch select{max-width:none;flex:1;min-width:0;}
    .site-switch .subdomain{display:none;}
    .govt-bar .util{justify-content:center;flex-wrap:wrap;}
    .office-ribbon .wrap{flex-direction:column;align-items:flex-start;gap:.3rem;}
  }

  /* নেতৃত্ব-কার্ড: কমপ্যাক্ট সারি */
  .leader-card .leader-body.compact{padding:.6rem 1.1rem;gap:.75rem;align-items:center;}
  .leader-card .leader-body.compact .leader-photo{width:52px;height:64px;border-radius:8px;}
  .leader-card .leader-body.compact .leader-info h4{font-size:.9rem;}
  .leader-card .leader-body.compact .leader-info .role{font-size:.72rem;margin:.05rem 0 0;}
  .leader-card .leader-body.compact .leader-info p:not(.role){display:none;}
  .leader-card .leader-body.compact .leader-info .lnk{display:none;}
  .leader-card .leader-body.compact:hover{background:var(--tint-icon);cursor:pointer;}
  .leader-card .leader-body.compact.open .leader-info p:not(.role){display:block;margin-top:.35rem;}
  .leader-card .leader-body.compact.open .leader-info .lnk{display:inline-block;}
  .leader-card .leader-body.compact.open{align-items:flex-start;}
  .leader-card .lead-hint{font-size:.66rem;color:var(--ink-soft);padding:.25rem 1.1rem .5rem;text-align:end;}

  /* হোম: এক নজরে (বাঁ কলাম) */
  .glance{margin-top:1.4rem;}
  .glance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.8rem;}
  @media (max-width:640px){.glance-grid{grid-template-columns:repeat(2,1fr);}}
  .glance-item{background:var(--tint-icon);border-radius:12px;padding:.75rem .9rem;}
  .glance-item b{display:block;font-size:1.25rem;color:var(--govt-green-deep);font-family:var(--num-font);line-height:1.2;}
  .glance-item span{font-size:.74rem;color:var(--ink-soft);}
  .glance-item i{display:block;height:6px;border-radius:99px;background:var(--line);margin-top:.5rem;overflow:hidden;}
  .glance-item i b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--govt-green),var(--volt-amber));font-size:0;transition:width 1s ease;}

  /* নেতৃত্ব: উল্লম্ব পোর্ট্রেট-স্ট্যাক (বিউবো সাইট-রীতি) */
  .pstack{display:flex;flex-direction:column;gap:.9rem;}
  .pbox{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);}
  .pbox-head{background:linear-gradient(135deg,var(--govt-green-deep),var(--govt-green));color:#fff;font-size:.82rem;font-weight:700;padding:.5rem .9rem;text-align:center;letter-spacing:.02em;}
  .pbox.circle .pbox-head{background:linear-gradient(135deg,#5E1530,#7A1F3D);}
  .pbox.office .pbox-head{background:linear-gradient(135deg,#0E7C86,#155E75);}
  .pbox.office.parent .pbox-head{background:linear-gradient(135deg,#155E75,#0E7C86);}
  .pbox.office.child .pbox-head{background:linear-gradient(135deg,#2A9D8F,#0E7C86);}
  .pbox-body{padding:.9rem .9rem 1rem;text-align:center;}
  .pbox-photo{width:150px;height:180px;margin:0 auto .6rem;border-radius:10px;overflow:hidden;border:2px solid var(--line);background:linear-gradient(180deg,#F1F6F6,#E1ECEC);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-soft);font-size:.7rem;line-height:1.4;}
  .pbox-photo img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
  .pbox-photo .ph{font-size:2.6rem;line-height:1;margin-bottom:.3rem;color:#9AB2B4;}
  .pbox-name{font-size:.98rem;font-weight:800;color:var(--govt-green-deep);line-height:1.35;}
  .pbox-role{font-size:.76rem;color:var(--ink-soft);margin-top:.15rem;line-height:1.5;}
  .pbox-more{margin-top:.55rem;background:none;border:1px solid var(--govt-green);color:var(--govt-green);border-radius:999px;font-family:inherit;font-size:.74rem;font-weight:700;padding:.2rem .8rem;cursor:pointer;}
  .pbox-more:hover{background:var(--govt-green);color:#fff;}
  .pbox-detail{display:none;font-size:.78rem;color:var(--ink);line-height:1.65;text-align:start;margin-top:.7rem;padding-top:.6rem;border-top:1px dashed var(--line);}
  .pbox-detail a{color:var(--govt-green);font-weight:700;text-decoration:none;}
  .pbox.open .pbox-detail{display:block;}
  .pbox.open .pbox-more{background:var(--govt-green);color:#fff;}
  @media (max-width:860px){.pstack{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}}

  /* হোম: মেনুর নিচ থেকে দুই-কলাম (বাঁয়ে কনটেন্ট, ডানে নেতৃত্ব-স্ট্যাক) */
  .home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.4rem;align-items:start;padding-top:1.2rem;padding-bottom:1.6rem;}
  .home-main{min-width:0;}
  .home-side{display:flex;flex-direction:column;gap:1rem;position:sticky;top:110px;}
  .home-layout .hero{border-radius:18px;padding:1.6rem 1.6rem 1.4rem;margin:0;}
  .home-layout .hero-inner{grid-template-columns:1.15fr .85fr;gap:1.4rem;}
  .home-layout .hero h2{font-size:1.55rem;}
  .home-layout .hero-art{max-width:100%;}
  .home-layout .hero-stats{grid-template-columns:repeat(4,1fr);gap:.55rem;margin-top:1.1rem;}
  .home-layout .hs b{font-size:1.15rem;}
  .home-layout .hs span{font-size:.7rem;}
  .home-layout .home-block{padding:0;}
  .home-layout .quick{margin-top:1.1rem;}
  .home-layout .glance{margin-top:1.2rem;}
  .home-layout .pstack{gap:.8rem;}
  .home-layout .pbox-photo{width:140px;height:168px;}
  .home-layout .feeder-board{padding:1.1rem 1rem 1.2rem;}
  @media (max-width:1100px){.home-layout .hero-stats{grid-template-columns:repeat(2,1fr);}.home-layout .hero-inner{grid-template-columns:1fr;}.home-layout .hero-art{display:none;}}
  @media (max-width:980px){.home-layout{grid-template-columns:1fr;}.home-side{position:static;}.home-layout .pstack{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}}

  .home-layout .notice-feeder{display:grid;grid-template-columns:1.15fr .85fr;gap:1.2rem;align-items:start;}
  .home-layout .notice-feeder .feeder-board{margin:0;}
  @media (max-width:1100px){.home-layout .notice-feeder{grid-template-columns:1fr;}}

  #page-about [data-scope][hidden]{display:none!important;}

  .feeders[hidden]{display:none!important;}

  .org-node.esu{margin-top:.45rem;background:var(--tint-strong);color:var(--govt-green-deep);border:1px dashed var(--govt-green);font-size:.82rem;padding:.45rem .7rem;position:relative;}
  .org-node.esu::before{content:'';position:absolute;top:-.45rem;left:50%;width:2px;height:.45rem;background:var(--govt-green);opacity:.5;}

  .org-node .np{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top;display:block;margin:0 auto .35rem;border:2px solid var(--volt-amber-soft);background:linear-gradient(145deg,var(--avatar-1),var(--avatar-2));}
  .org-node .np.ph{display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--govt-green);}
  .org-node.root .np{width:64px;height:64px;border-color:var(--volt-amber);}
  .org-node.esu .np{width:38px;height:38px;}

  table td:nth-child(n+2), .count, .glance-item b, .demand b, .hs b, .slbar-val, .donut-legend b, .rv-num{font-family:var(--num-font);font-variant-numeric:tabular-nums;}
  table td:nth-child(n+2){font-weight:500;font-size:1.02em;}
  .t-open,.t-eval,.t-red,.t-done{font-family:var(--num-font);}
  .loss-bar b,.glance-item b,.slbar-val{font-weight:700;}

  /* সরকারি বিল-স্লিপ (আসল বিলের ছাঁচে) */
  .slip-wrap{display:flex;justify-content:center;margin-top:1.2rem;overflow-x:auto;}
  .slip{background:#fff;border:1.5px solid #1B4F9C;overflow:hidden;font-size:.78rem;width:210mm;min-height:297mm;padding:8mm 7mm;box-sizing:border-box;box-shadow:0 8px 30px -10px rgba(0,0,0,.35);flex:none;}
  @media (max-width:820px){.slip{transform:scale(.62);transform-origin:top center;margin-bottom:-110mm;}}
  @media (max-width:560px){.slip{transform:scale(.42);margin-bottom:-172mm;}}
  .slip .s-qr{width:26mm;flex:none;text-align:center;}
  .slip .s-qr svg{width:26mm;height:26mm;display:block;border:1px solid #9DB6D8;}
  .slip .s-qr span{display:block;font-size:.58rem;color:#1B4F9C;margin-top:1mm;line-height:1.3;font-weight:700;}
  .slip .s-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem;padding:0 0 .5rem;border-bottom:1.5px solid #1B4F9C;}
  .slip .s-top .mid{text-align:center;flex:1;min-width:220px;}
  .slip .s-top .mid b{display:block;color:#1B4F9C;font-size:.95rem;letter-spacing:.02em;}
  .slip .s-top .mid span{font-size:.74rem;color:#333;}
  .slip .s-tag{color:#C81E2E;font-weight:700;font-size:.72rem;}
  .slip .s-grid{display:grid;grid-template-columns:1.1fr 1.4fr;gap:0;border-bottom:1.5px solid #1B4F9C;}
  .slip .s-addr{padding:.6rem .8rem;border-inline-end:1.5px solid #1B4F9C;font-family:'Courier New',monospace;line-height:1.6;text-transform:uppercase;font-size:.76rem;}
  .slip table{width:100%;border-collapse:collapse;}
  .slip .kv td,.slip .kv th{border:1px solid #9DB6D8;padding:.25rem .45rem;font-size:.72rem;}
  .slip .kv th{background:#FBE3EC;color:#1B4F9C;font-weight:700;text-align:center;white-space:nowrap;}
  .slip .kv td{text-align:center;font-family:'Courier New',monospace;}
  .slip .s-sec{border-bottom:1.5px solid #1B4F9C;}
  .slip .chg{display:grid;grid-template-columns:1fr 1fr;border-bottom:1.5px solid #1B4F9C;}
  .slip .chg > div:first-child{border-inline-end:1.5px solid #1B4F9C;}
  .slip .chg h4{background:#DCE9F7;color:#1B4F9C;font-size:.74rem;padding:.3rem .5rem;text-align:center;border-bottom:1px solid #9DB6D8;}
  .slip .chg table td{padding:.22rem .5rem;font-size:.74rem;border-bottom:1px dotted #C9D8EC;}
  .slip .chg table td:last-child{text-align:end;font-family:'Courier New',monospace;}
  .slip .tot td{background:#CFE8F5;font-weight:800;color:#0B3D6B;}
  .slip .pay td{background:#FBD7E4;font-weight:800;color:#8A1030;font-size:.85rem;}
  .slip .s-note{padding:.5rem .8rem;font-size:.68rem;line-height:1.6;color:#333;border-bottom:1.5px solid #1B4F9C;}
  .slip .s-note b{color:#C81E2E;}
  .slip .s-foot{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border-bottom:1.5px solid #1B4F9C;}
  .slip .s-foot > div{padding:.5rem .8rem;}
  .slip .s-foot > div:first-child{border-inline-end:1.5px solid #1B4F9C;}
  .slip .s-slogan{text-align:center;padding:.5rem;color:#C81E2E;font-weight:800;font-size:.95rem;}
  .slip .s-hot{padding:.35rem .8rem;font-family:'Courier New',monospace;font-size:.72rem;border-bottom:1.5px solid #1B4F9C;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;}
  @media (max-width:720px){.slip .s-grid,.slip .chg,.slip .s-foot{grid-template-columns:1fr;}.slip .s-addr{border-inline-end:none;border-bottom:1.5px solid #1B4F9C;}.slip .chg > div:first-child{border-inline-end:none;border-bottom:1.5px solid #1B4F9C;}.slip .s-foot > div:first-child{border-inline-end:none;border-bottom:1px solid #9DB6D8;}}

  /* রেসপন্সিভ */
  @media (max-width:860px){
    .quick{grid-template-columns:repeat(2,1fr);}
    .two-col,.bill-check,.prepaid,.contact-grid{grid-template-columns:1fr;}
    .bill-result{border-inline-start:none;border-top:1px solid var(--line);}
    .steps{grid-template-columns:1fr 1fr;row-gap:1.4rem;}
    .info-grid,.svc-grid{grid-template-columns:repeat(2,1fr);}
    .officers{grid-template-columns:1fr 1fr;}
    .gallery{grid-template-columns:repeat(2,1fr);}
    .org-children{grid-template-columns:1fr 1fr;row-gap:1rem;}
    .org-children::before,.org-children>div::before{display:none;}
    .demand{grid-template-columns:1fr;}
    .coverage{grid-template-columns:1fr;}
    .hero-stats{grid-template-columns:1fr 1fr;}
    .prog-grid{grid-template-columns:1fr;}
    .loss-chart{gap:.5rem;}
    footer .cols{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:520px){
    .info-grid,.officers,.steps,.svc-grid{grid-template-columns:1fr;}
    footer .cols{grid-template-columns:1fr;}
    .brand-name h1{font-size:1.12rem;}
    .org-children{grid-template-columns:1fr;}
    /* মোবাইল স্পেসিং ও আকার */
    section{padding:1.8rem 0;}
    .hero{padding:1.6rem 0 3.2rem;}
    .page-banner{padding:1.1rem 0;}
    .page-banner h2{font-size:1.2rem;}
    .hs{padding:.55rem .6rem;}
    .hs b{font-size:1.15rem;}
    #gisMap{height:340px;}
    .loss-chart{height:130px;gap:.4rem;padding:1rem .7rem .5rem;}
    .loss-bar b{font-size:.7rem;}
    .hl b{font-size:1.2rem;}
    .egp-box{flex-direction:column;align-items:flex-start;}
    .quick a{padding:.85rem .8rem;}
    nav.main a{padding:.7rem .75rem;font-size:.84rem;}
    .sv-table input{width:60px;padding:.3rem .35rem;}
    .alert-broker{padding:.85rem .9rem;}
    .theme,.hotline-chip{font-size:.82rem;}
  }