:root{
  --sf:#E8540A;--sfd:#C43D00;--sfl:#FFF1EB;--sfm:#FF6B2B;
  --gr:#0B7D0F;--grl:#EBF7EB;
  --nv:#001275;--nvl:#EAECFF;
  --gd:#9A6F00;--gdl:#FDF6E3;
  --bg:#F5F6FA;--bg2:#ECEEF4;
  --bd:#E1E4ED;--bd2:#C8CCDA;
  --t1:#0C1117;--t2:#374151;--t3:#6B7280;--t4:#9CA3AF;
  --r4:4px;--r8:8px;--r12:12px;--r16:16px;--r20:20px;--r24:24px;
  --s1:0 1px 3px rgba(0,0,0,.06);
  --s2:0 4px 16px rgba(0,0,0,.09);
  --s3:0 16px 48px rgba(0,0,0,.14);
  --ssf:0 4px 20px rgba(232,84,10,.25);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--t1);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:inherit;border:none;background:none;padding:0}
input,select,textarea{font-family:inherit;box-sizing:border-box}

/* TRICOLOR */
.tc{height:4px;background:linear-gradient(90deg,var(--sf) 33.33%,#fff 33.33% 66.66%,var(--gr) 66.66%)}

/* TOPBAR */
.topbar{background:var(--nv);height:36px;display:flex;align-items:center;padding:0 1.5rem;justify-content:space-between;gap:1rem}
.tb-l{display:flex;align-items:center;gap:.75rem;overflow:hidden;min-width:0}
.tb-txt{color:rgba(255,255,255,.65);font-size:.71rem;font-weight:500;white-space:nowrap}
.tb-txt b{color:#FFD580}
.tb-r{display:flex;align-items:center;gap:.35rem;flex-shrink:0}
.tb-link{color:rgba(255,255,255,.6);font-size:.7rem;font-weight:500;padding:.15rem .45rem;border-radius:var(--r4);cursor:pointer;transition:color .13s;white-space:nowrap;border:none;background:none;font-family:inherit}
.tb-link:hover{color:#fff}
.tb-sep{color:rgba(255,255,255,.2);font-size:.75rem;user-select:none;flex-shrink:0}

/* lang removed */

/* HEADER */
.site-hdr{position:sticky;top:0;z-index:800;background:rgba(255,255,255,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--bd);box-shadow:var(--s1);height:60px}
.hdr-inner{max-width:1300px;margin:0 auto;height:100%;padding:0 1.5rem;display:flex;align-items:center;gap:1rem}

/* LOGO */
.logo{display:flex;align-items:center;gap:.6rem;flex-shrink:0;cursor:pointer;background:none;border:none;padding:0;font-family:inherit}
.logo-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:transparent;padding:0}
.logo-icon i{color:#fff;font-size:.88rem}
.logo-name{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:900;color:var(--nv);letter-spacing:-.02em;line-height:1}
.logo-name span{color:var(--sf)}
.logo-tagline{font-size:.56rem;color:var(--t3);text-transform:uppercase;letter-spacing:.07em;font-weight:500;margin-top:.1rem}

/* MEGA NAV — pure CSS hover */
nav.mnav{flex:1;display:flex;align-items:center}
.nav-item{position:relative}
.nav-btn{display:flex;align-items:center;gap:.32rem;padding:.48rem .76rem;font-size:.79rem;font-weight:600;color:var(--t2);background:none;border:none;cursor:pointer;font-family:inherit;border-radius:var(--r8);transition:all .15s;white-space:nowrap}.nav-btn i:not(.chev){font-size:.82rem;flex-shrink:0}
.nav-btn:hover,.nav-btn.active{color:var(--sf);background:var(--sfl)}
.nav-item:hover>.nav-btn{color:var(--sf);background:var(--sfl)}
.chev{font-size:.55rem;color:var(--t4);transition:transform .2s}
.nav-item:hover>.nav-btn .chev{transform:rotate(180deg)}

/* Mega dropdown panel */
.mega-panel{position:fixed;top:60px;background:#fff;border:1px solid var(--bd);border-radius:var(--r16);box-shadow:0 24px 64px rgba(0,0,0,.16);z-index:8000;display:none;min-width:320px;max-height:calc(100vh - 80px);overflow-y:auto}
.mega-inner{padding:1.2rem}
.mega-heading{font-size:.63rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.75rem;display:flex;align-items:center;gap:.32rem}

/* Category grid in mega */
.cat-mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;width:580px}
.cat-mega-card{display:flex;align-items:center;gap:.5rem;padding:.6rem .65rem;border-radius:var(--r8);cursor:pointer;user-select:none;transition:background .11s}
.cat-mega-card:hover{background:var(--sfl)}
.cat-mega-icon{width:30px;height:30px;border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-size:.74rem;flex-shrink:0}
.cat-mega-name{font-size:.74rem;font-weight:700;color:var(--t1)}
.cat-mega-count{font-size:.61rem;color:var(--t3);margin-top:.03rem}

/* Ministry grid in mega */
.min-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.22rem;width:min(780px,95vw);max-height:480px;overflow-y:auto}
.min-mega-card{display:flex;align-items:center;gap:.45rem;padding:.4rem .52rem;border-radius:var(--r8);cursor:pointer;transition:background .11s}
.min-mega-card:hover{background:var(--sfl)}
.min-mega-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;font-family:'Playfair Display',serif;flex-shrink:0;border:2px solid}
.min-mega-name{font-size:.7rem;font-weight:700;color:var(--t1);line-height:1.2}
.min-mega-dept{font-size:.59rem;color:var(--t3)}

/* Header right */
.hdr-right{display:flex;align-items:center;gap:.42rem;margin-left:auto}
.hdr-srch-wrap{position:relative}
.hdr-srch-wrap i{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--t4);font-size:.72rem;pointer-events:none}
.hdr-srch{width:180px;padding:.44rem .82rem .44rem 1.98rem;border:1.5px solid var(--bd);border-radius:var(--r24);font-size:.77rem;color:var(--t1);outline:none;transition:border-color .2s,width .22s;background:#fff}
.hdr-srch:focus{border-color:var(--sf);width:235px;box-shadow:0 0 0 3px rgba(232,84,10,.09)}
.hdr-srch::placeholder{color:var(--t4)}
.prog-chip{display:flex;align-items:center;gap:.4rem;background:var(--bg2);border:1px solid var(--bd);border-radius:var(--r24);padding:.22rem .62rem}
.prog-track{width:58px;height:4px;background:var(--bd);border-radius:2px;overflow:hidden}
.prog-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--sf),var(--gr));transition:width .4s;width:0%}
.prog-pct{font-size:.62rem;font-weight:700;color:var(--t3);min-width:24px}
.hdr-btn{display:flex;align-items:center;gap:.35rem;padding:.44rem .92rem;border-radius:var(--r8);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit;border:none}
.hdr-btn-sf{background:var(--sf);color:#fff;box-shadow:var(--ssf)}
.hdr-btn-sf:hover{background:var(--sfd);transform:translateY(-1px)}

/* HERO */
.hero{background:#020B2E;padding:3.8rem 1.5rem 3.2rem;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 23% 57%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 76% 30%,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.hero-g1{position:absolute;top:-90px;right:-60px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,100,40,.17),transparent 65%);pointer-events:none}
.hero-g2{position:absolute;bottom:-70px;left:-60px;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(11,125,15,.11),transparent 65%);pointer-events:none}
.hero-inner{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:center;position:relative;z-index:1}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--r24);padding:.3rem .88rem;margin-bottom:1.15rem}
.hero-dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;animation:dotBlink 2s ease infinite}
@keyframes dotBlink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(74,222,128,.4)}55%{opacity:.7;box-shadow:0 0 0 6px rgba(74,222,128,0)}}
.hero-badge-txt{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:.07em;text-transform:uppercase}
.hero-h1{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.8vw,3rem);font-weight:900;color:#fff;line-height:1.1;margin-bottom:.88rem}
.hero-h1 .hl{color:#FFD580;display:block}
.hero-desc{font-size:.87rem;color:rgba(255,255,255,.68);line-height:1.68;max-width:480px;margin-bottom:1.25rem}
.hero-cta{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:1.4rem}
.btn-hero-primary{background:#fff;color:var(--nv);border:none;border-radius:var(--r8);padding:.72rem 1.45rem;font-size:.83rem;font-weight:700;font-family:inherit;display:flex;align-items:center;gap:.44rem;box-shadow:0 4px 20px rgba(0,0,0,.22);cursor:pointer;transition:transform .16s,box-shadow .16s}
.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.3)}
.btn-hero-outline{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.28);border-radius:var(--r8);padding:.72rem 1.45rem;font-size:.83rem;font-weight:600;font-family:inherit;display:flex;align-items:center;gap:.44rem;cursor:pointer;transition:background .16s;backdrop-filter:blur(5px)}
.btn-hero-outline:hover{background:rgba(255,255,255,.18)}
.hero-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.52rem}
.hkpi{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--r12);padding:1rem .75rem;text-align:center;backdrop-filter:blur(8px);min-width:0}
.hkpi-num{font-family:'Playfair Display',serif;font-size:clamp(1.1rem,2.5vw,1.55rem);font-weight:900;color:#FFD580;display:block;margin-bottom:.2rem;line-height:1;word-break:break-word}
.hkpi-lbl{font-size:.58rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.04em;font-weight:500;line-height:1.35}
.hero-cards{display:flex;flex-direction:column;gap:.55rem}
.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--r12);padding:.8rem 1rem;backdrop-filter:blur(10px);display:flex;align-items:center;gap:.7rem;animation:slideR .5s ease both}
.hero-card:nth-child(2){animation-delay:.07s}
.hero-card:nth-child(3){animation-delay:.14s}
.hero-card:nth-child(4){animation-delay:.21s}
@keyframes slideR{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.hc-icon{width:34px;height:34px;border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-size:.84rem;color:#fff;flex-shrink:0}
.hc-title{font-size:.76rem;font-weight:700;color:#fff;margin-bottom:.04rem}
.hc-sub{font-size:.63rem;color:rgba(255,255,255,.58)}

/* PANELS */
.panel{display:none;min-height:60vh}
.panel.active{display:block}

/* SECTION HEADER */
.sec-hd{max-width:1300px;margin:0 auto;padding:1.3rem 1.5rem .22rem;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.45rem}
.sec-title{font-size:1rem;font-weight:800;color:var(--t1);display:flex;align-items:center;gap:.4rem}
.sec-title i{color:var(--sf)}
.sec-sub{font-size:.72rem;color:var(--t3);margin-top:.12rem}

/* FILTER BAR */
.fbar{background:#fff;border-bottom:1px solid var(--bd);padding:.85rem 1.5rem .65rem;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;position:sticky;top:60px;z-index:100}
.fsearch-wrap{position:relative;flex:1;min-width:140px;max-width:300px}
.fsearch-wrap i{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--t4);font-size:.7rem;pointer-events:none}
.fsearch{width:100%;padding:.44rem .78rem .44rem 1.98rem;border:1.5px solid var(--bd);border-radius:var(--r8);font-size:.76rem;color:var(--t1);outline:none;transition:border-color .18s;background:#fff}
.fsearch:focus{border-color:var(--sf)}
.fsearch::placeholder{color:var(--t4)}
.fsort{padding:.44rem .78rem;border:1.5px solid var(--bd);border-radius:var(--r8);font-size:.75rem;color:var(--t2);background:#fff;outline:none;cursor:pointer;appearance:none;padding-right:1.62rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;transition:border-color .18s}
.fsort:focus{border-color:var(--sf)}
.vtoggle{display:flex;background:var(--bg2);border-radius:var(--r8);padding:3px;gap:2px}
.vbtn{width:30px;height:28px;border-radius:6px;color:var(--t3);font-size:.75rem;display:flex;align-items:center;justify-content:center;transition:all .12s;cursor:pointer;font-family:inherit;border:none;background:none}
.vbtn.on{background:#fff;color:var(--sf);box-shadow:var(--s1)}
.fcount{font-size:.73rem;font-weight:600;color:var(--t3);margin-left:auto;white-space:nowrap}

/* REASON CARDS */
.cards-area{max-width:1300px;margin:0 auto;padding:1rem 1.5rem 5rem}
.cards-grid{display:grid;grid-template-columns:1fr;gap:.85rem}
.cards-grid.grid2{grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}
.rcard{background:#fff;border:1px solid var(--bd);border-radius:var(--r16);padding:1.15rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;animation:fadeUp .32s ease both}
.rcard::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-col,var(--sf));border-radius:var(--r16) var(--r16) 0 0}
.rcard:hover{transform:translateY(-3px);box-shadow:var(--s3);border-color:var(--bd2)}
@keyframes fadeUp{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
.rc-top{display:flex;align-items:flex-start;gap:.78rem;margin-bottom:.7rem}
.rc-num{width:38px;height:38px;border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:.9rem;font-weight:900;flex-shrink:0;background:var(--num-bg,var(--sfl));color:var(--num-c,var(--sfd))}
.rc-title{font-size:.9rem;font-weight:700;color:var(--t1);line-height:1.4;margin-bottom:.24rem}
.rc-badge{display:inline-flex;align-items:center;gap:.24rem;font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.13rem .46rem;border-radius:var(--r4);background:var(--bdg-bg,var(--sfl));color:var(--bdg-c,var(--sfd))}
.rc-detail{font-size:.81rem;color:var(--t2);line-height:1.67;margin-bottom:.78rem}
.rc-foot{border-top:1px solid var(--bd);padding-top:.68rem;display:flex;align-items:center;justify-content:space-between;gap:.35rem;flex-wrap:wrap}
.rc-src-wrap{display:flex;align-items:center;gap:.26rem;font-size:.64rem;color:var(--t4);flex-wrap:wrap}
.rc-src-wrap i{color:var(--sf);font-size:.58rem}
.rc-src-link{color:var(--sf);font-weight:600;cursor:pointer;transition:color .12s}
.rc-src-link:hover{color:var(--sfd);text-decoration:underline}
.rc-yr{background:var(--bg2);color:var(--t3);font-size:.6rem;font-weight:700;padding:.09rem .34rem;border-radius:var(--r4)}
.rc-flags{display:flex;align-items:center;gap:.18rem;font-size:.6rem;font-weight:700;color:#D97706}
.rc-acts{display:flex;gap:.22rem}
.act-btn{min-width:30px;height:30px;border-radius:var(--r24);border:1px solid var(--bd);color:var(--t3);font-size:.72rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;background:#fff;font-family:inherit;padding:0 .5rem;gap:.28rem;white-space:nowrap}
.act-btn:hover{background:var(--sfl);color:var(--sf);border-color:rgba(232,84,10,.25)}

.act-btn.flagged{background:#FEF3C7;color:#D97706;border-color:#FDE68A}

/* Category colour themes */
.cat-economy  {--card-col:var(--sf);  --num-bg:var(--sfl); --num-c:var(--sfd); --bdg-bg:var(--sfl); --bdg-c:var(--sfd)}
.cat-welfare  {--card-col:var(--gr);  --num-bg:var(--grl); --num-c:var(--gr);  --bdg-bg:var(--grl); --bdg-c:var(--gr)}
.cat-infra    {--card-col:var(--nv);  --num-bg:var(--nvl); --num-c:var(--nv);  --bdg-bg:var(--nvl); --bdg-c:var(--nv)}
.cat-tech     {--card-col:#0284C7;    --num-bg:#E0F2FE;    --num-c:#0369A1;    --bdg-bg:#E0F2FE;    --bdg-c:#0369A1}
.cat-security {--card-col:#DC2626;    --num-bg:#FEE2E2;    --num-c:#B91C1C;    --bdg-bg:#FEE2E2;    --bdg-c:#B91C1C}
.cat-diplomacy{--card-col:#7C3AED;    --num-bg:#EDE9FE;    --num-c:#6D28D9;    --bdg-bg:#EDE9FE;    --bdg-c:#6D28D9}
.cat-culture  {--card-col:#9A6F00;    --num-bg:var(--gdl); --num-c:var(--gd);  --bdg-bg:var(--gdl); --bdg-c:var(--gd)}
.cat-governance{--card-col:#374151;   --num-bg:#F3F4F6;    --num-c:#374151;    --bdg-bg:#F3F4F6;    --bdg-c:#374151}

/* MINISTRY INDEX */
.min-grid{max-width:1300px;margin:0 auto;padding:1rem 1.5rem 5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:.95rem}
.mic{background:#fff;border:1px solid var(--bd);border-radius:var(--r16);padding:1.25rem;cursor:pointer;transition:transform .2s,box-shadow .2s;animation:fadeUp .32s ease both;display:flex;flex-direction:column}
.mic:hover{transform:translateY(-4px);box-shadow:var(--s3)}
.mic-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.82rem}
.mav{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:900;font-family:'Playfair Display',serif;flex-shrink:0;border:2.5px solid}
.mname{font-size:.82rem;font-weight:700;color:var(--t1);line-height:1.3}
.mdept{font-size:.65rem;color:var(--t3);margin-top:.06rem}
.mkpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.33rem;margin-bottom:.82rem}
.mkpi{background:var(--bg);border-radius:var(--r8);padding:.44rem .38rem;text-align:center}
.mkpi-n{font-family:'Playfair Display',serif;font-size:.9rem;font-weight:900;color:var(--t1);display:block;line-height:1.1}
.mkpi-l{font-size:.53rem;color:var(--t3);text-transform:uppercase;letter-spacing:.04em;font-weight:500;margin-top:.08rem;line-height:1.2}
.mic-btn{width:100%;padding:.52rem;border:1.5px solid var(--sf);color:var(--sf);border-radius:var(--r8);font-size:.75rem;font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.33rem;transition:all .15s;cursor:pointer;background:none;margin-top:auto}
.mic-btn:hover{background:var(--sf);color:#fff}

/* MINISTRY DETAIL */
.mdhd{padding:2.3rem 1.5rem 1.85rem;position:relative;overflow:hidden}
.mdhd-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;gap:1.7rem;position:relative;z-index:1}
.mdav{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:900;font-family:'Playfair Display',serif;flex-shrink:0;border:3px solid rgba(255,255,255,.35)}
.back-btn{display:inline-flex;align-items:center;gap:.28rem;color:rgba(255,255,255,.6);font-size:.7rem;cursor:pointer;border:none;background:none;padding:0;font-family:inherit;margin-bottom:.44rem;transition:color .12s}
.back-btn:hover{color:#fff}
.mdname{font-size:1.42rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:.14rem}
.mdrole{font-size:.78rem;color:rgba(255,255,255,.7)}
.mdpills{display:flex;gap:.36rem;flex-wrap:wrap;margin-top:.44rem}
.mdpill{display:inline-flex;align-items:center;gap:.25rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:var(--r4);padding:.13rem .5rem;font-size:.63rem;color:rgba(255,255,255,.82)}
.mdbody{max-width:1300px;margin:0 auto;padding:1.3rem 1.5rem 5rem}
.mdstats{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:.78rem;margin-bottom:1.45rem}
.mdstat{background:#fff;border:1px solid var(--bd);border-radius:var(--r12);padding:.92rem;text-align:center;position:relative;overflow:hidden;animation:fadeUp .32s ease both}
.mdstat::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--sc,var(--sf))}
.mdstat-n{font-family:'Playfair Display',serif;font-size:1.62rem;font-weight:900;color:var(--t1);line-height:1;margin-bottom:.22rem}
.mdstat-l{font-size:.59rem;color:var(--t3);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.mdstat-s{font-size:.54rem;color:var(--t4);margin-top:.26rem}
.md2col{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;margin-bottom:1.3rem}
.mdsec{background:#fff;border:1px solid var(--bd);border-radius:var(--r16);padding:1.15rem}
.mdsec-t{font-size:.8rem;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:.33rem;padding-bottom:.58rem;border-bottom:1px solid var(--bd);margin-bottom:.8rem}
.mdsec-t i{color:var(--sf);font-size:.76rem}
.ach-item{display:flex;align-items:flex-start;gap:.52rem;padding:.48rem 0;border-bottom:1px solid var(--bd)}
.ach-item:last-child{border-bottom:none;padding-bottom:0}
.ach-ic{width:24px;height:24px;border-radius:var(--r4);background:var(--sfl);color:var(--sf);display:flex;align-items:center;justify-content:center;font-size:.62rem;flex-shrink:0;margin-top:.06rem}
.ach-tx{font-size:.74rem;color:var(--t2);line-height:1.55}
.ach-tx b{color:var(--t1)}
.chart-box{background:#fff;border:1px solid var(--bd);border-radius:var(--r16);padding:1.3rem;margin-bottom:1.3rem}
.cbox-t{font-size:.8rem;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:.33rem;margin-bottom:.16rem}
.cbox-t i{color:var(--sf);font-size:.76rem}
.cbox-s{font-size:.65rem;color:var(--t3);margin-bottom:.96rem}
.cbox-canvas{position:relative;height:192px}
.cbox-src{font-size:.58rem;color:var(--t4);margin-top:.56rem;display:flex;align-items:center;gap:.24rem}
.cbox-src i{color:var(--sf);font-size:.54rem}

/* TIMELINE */
.tl-wrap{max-width:810px;margin:0 auto;padding:1.9rem 1.5rem 5rem}
.tl-yr-block{margin-bottom:1.85rem}
.tl-yr-row{display:flex;align-items:center;gap:.68rem;margin-bottom:.82rem}
.tl-yr-lbl{font-family:'Playfair Display',serif;font-size:1.22rem;font-weight:900;color:var(--sf);width:58px;text-align:right;flex-shrink:0}
.tl-yr-line{flex:1;height:2px;background:linear-gradient(90deg,rgba(232,84,10,.45),transparent)}
.tl-evs{margin-left:72px;display:flex;flex-direction:column;gap:.58rem}
.tl-ev{background:#fff;border:1px solid var(--bd);border-radius:var(--r12);padding:.78rem .92rem;position:relative;animation:fadeUp .32s ease both;transition:box-shadow .16s}
.tl-ev:hover{box-shadow:var(--s2)}
.tl-ev::before{content:'';position:absolute;left:-22px;top:13px;width:9px;height:9px;border-radius:50%;background:var(--sf);border:2px solid #fff;box-shadow:0 0 0 2px var(--sf)}
.tl-ev-t{font-size:.78rem;font-weight:700;color:var(--t1);margin-bottom:.13rem}
.tl-ev-d{font-size:.71rem;color:var(--t3);line-height:1.54}
.tl-ev-s{font-size:.58rem;color:var(--t4);margin-top:.22rem;display:flex;align-items:center;gap:.24rem}
.tl-ev-s i{color:var(--sf);font-size:.55rem}

/* CHARTS PANEL */
.charts-area{max-width:1300px;margin:0 auto;padding:1rem 1.5rem 5rem}
.charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.05rem}
.chart-card{background:#fff;border:1px solid var(--bd);border-radius:var(--r16);padding:1.3rem;animation:fadeUp .32s ease both}
.cc-title{font-size:.8rem;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:.33rem;margin-bottom:.15rem}
.cc-title i{color:var(--sf);font-size:.76rem}
.cc-sub{font-size:.65rem;color:var(--t3);margin-bottom:.88rem}
.cc-canvas{position:relative;height:180px}
.cc-src{font-size:.58rem;color:var(--t4);margin-top:.55rem;display:flex;align-items:center;gap:.22rem}
.cc-src i{color:var(--sf);font-size:.54rem}

/* KEY STATS */
.stats-area{max-width:1300px;margin:0 auto;padding:1rem 1.5rem 5rem}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:.88rem}
.stat-card{background:#fff;border:1px solid var(--bd);border-radius:var(--r16);padding:1.35rem 1rem;text-align:center;position:relative;overflow:hidden;animation:fadeUp .32s ease both}
.stat-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--acc,var(--sf))}
.sc-icon{width:44px;height:44px;border-radius:50%;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.sc-num{font-family:'Playfair Display',serif;font-size:clamp(1.3rem,3vw,1.85rem);font-weight:900;color:var(--t1);line-height:1;margin-bottom:.24rem;word-break:break-word}
.sc-lbl{font-size:.62rem;color:var(--t3);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.sc-src{font-size:.55rem;color:var(--t4);margin-top:.34rem}

/* ABOUT */
.about-card{background:#fff;border:1px solid var(--bd);border-radius:var(--r16);padding:1.38rem;animation:fadeUp .32s ease both}
.about-icon{width:38px;height:38px;border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-bottom:.74rem}
.about-card h3{font-size:.84rem;font-weight:700;color:var(--t1);margin-bottom:.38rem}
.about-card p{font-size:.76rem;color:var(--t2);line-height:1.67}

/* MODALS */
.modal-ov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(4px)}
.modal-ov.open{opacity:1;pointer-events:all}
.modal-box{background:#fff;border-radius:var(--r20);padding:1.8rem;max-width:440px;width:100%;position:relative;transform:scale(.95);transition:transform .2s;box-shadow:var(--s3)}
.modal-ov.open .modal-box{transform:scale(1)}
.modal-x{position:absolute;top:.84rem;right:.84rem;width:30px;height:30px;border-radius:50%;border:1px solid var(--bd);background:var(--bg2);color:var(--t3);font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s;font-family:inherit}
.modal-x:hover{background:var(--bd);color:var(--t1)}
.modal-tag{display:inline-flex;align-items:center;gap:.26rem;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.13rem .5rem;border-radius:var(--r4);margin-bottom:.46rem}
.modal-title{font-size:.94rem;font-weight:700;color:var(--t1);margin-bottom:.33rem;line-height:1.4}
.modal-detail{font-size:.77rem;color:var(--t2);line-height:1.64;margin-bottom:.5rem}
.modal-src{font-size:.63rem;color:var(--t4);margin-bottom:1rem;display:flex;align-items:center;gap:.25rem}
.modal-src i{color:var(--sf);font-size:.57rem}
.share-lbl{font-size:.64rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.48rem}
.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:.38rem}
.share-btn{padding:.56rem .65rem;border-radius:var(--r8);font-size:.76rem;font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.33rem;cursor:pointer;transition:opacity .12s,transform .1s;border:none}
.share-btn:hover{opacity:.87;transform:translateY(-1px)}
.share-btn i{font-size:.76rem}
.sb-x{background:#000;color:#fff}
.sb-wa{background:#25D366;color:#fff}
.sb-fb{background:#1877F2;color:#fff}
.sb-li{background:#0A66C2;color:#fff}
.sb-copy{background:var(--sf);color:#fff;grid-column:span 2}
.flag-opts{display:flex;flex-direction:column;gap:.26rem;margin-bottom:.7rem}
.flag-opt{padding:.52rem .72rem;border:1.5px solid var(--bd);border-radius:var(--r8);font-size:.74rem;font-weight:500;color:var(--t2);text-align:left;background:#fff;display:flex;align-items:center;gap:.38rem;cursor:pointer;transition:all .11s;font-family:inherit}
.flag-opt:hover,.flag-opt.sel{border-color:var(--sf);background:var(--sfl);color:var(--sf)}
.flag-info{display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border-radius:var(--r8);padding:.54rem .78rem;font-size:.72rem;color:var(--t2);margin-bottom:.6rem}
.flag-cnt{font-weight:700;color:var(--sf)}
.flag-ta{width:100%;padding:.52rem .72rem;border:1.5px solid var(--bd);border-radius:var(--r8);font-size:.74rem;font-family:inherit;color:var(--t1);outline:none;resize:vertical;min-height:62px;margin-bottom:.72rem;transition:border-color .18s}
.flag-ta:focus{border-color:var(--sf)}
.submit-btn{width:100%;padding:.65rem;border:none;border-radius:var(--r8);background:var(--sf);color:#fff;font-size:.8rem;font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.38rem;cursor:pointer;transition:background .15s}
.submit-btn:hover{background:var(--sfd)}
.submit-btn:disabled{opacity:.5;cursor:not-allowed}

/* TOAST + BTT */
.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(80px);background:#111827;color:#fff;padding:.56rem 1.15rem;border-radius:var(--r24);font-size:.76rem;font-weight:600;z-index:9999;transition:transform .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none;display:flex;align-items:center;gap:.38rem;box-shadow:var(--s3);white-space:nowrap}
.toast.show{transform:translateX(-50%) translateY(0)}
#btt{position:fixed;bottom:1.5rem;right:1.5rem;width:44px;height:44px;background:var(--sf);color:#fff;border-radius:50%;box-shadow:var(--ssf);display:flex;align-items:center;justify-content:center;font-size:.84rem;opacity:0;pointer-events:none;transition:opacity .3s,transform .16s;z-index:400;cursor:pointer;border:none}
#btt.on{opacity:1;pointer-events:all}
#btt:hover{transform:scale(1.1)}

/* FOOTER */
.soc-link{width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.46);display:flex;align-items:center;justify-content:center;font-size:.71rem;cursor:pointer;transition:all .15s;text-decoration:none}
.soc-link:hover{background:var(--sf);border-color:var(--sf);color:#fff}

/* EMPTY */
.empty{text-align:center;padding:5rem 2rem;color:var(--t3)}
.empty i{font-size:2.3rem;color:var(--bd2);margin-bottom:.82rem;display:block}

/* RESPONSIVE */
@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr!important;gap:2rem}
  .hero-cards{display:grid;grid-template-columns:1fr 1fr}
  .hero-kpis{grid-template-columns:repeat(4,1fr)}
  nav
  
}
@media(max-width:768px){
  .hero{padding:3rem 1.25rem 2.5rem}
  .hero-kpis{grid-template-columns:1fr 1fr}
  .hdr-srch-wrap{display:none}
  .prog-chip{display:none}
  .cards-grid.grid2{grid-template-columns:1fr}
  .md2col{grid-template-columns:1fr}
  .charts-grid{grid-template-columns:1fr}
  .fbar{padding:.78rem 1rem .56rem}
  }
@media(max-width:480px){
  .hero-cards{grid-template-columns:1fr}
  .hero-kpis{grid-template-columns:1fr 1fr}
  .share-grid{grid-template-columns:1fr 1fr}
  .sb-copy{grid-column:auto}
  .tb-r .tb-link,.tb-r .tb-sep{display:none}
}

/* Traffic band */
.ft-tr-flags img:hover{opacity:1}

/* Main footer body */
/* 4-column grid */
/* Brand column */
/* Nav columns */
/* Share row */
/* Disclaimer */
/* Bottom bar */
/* Responsive */
@media(max-width:1100px){
  }
@media(max-width:640px){
  }


/* Mobile nav */
@media(max-width:1100px){
  }

.hero-hidden{display:none!important}

/* Topbar visitor counter */
.tb-visitors{display:flex;align-items:center;gap:.32rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:.18rem .55rem}
.tb-visitors-dot{width:6px;height:6px;border-radius:50%;background:#4ADE80;animation:dotPulse 2s ease infinite;flex-shrink:0}
.tb-visitors-num{font-size:.69rem;font-weight:800;color:#FFD580;font-variant-numeric:tabular-nums}
.tb-visitors-lbl{font-size:.62rem;color:rgba(255,255,255,.45)}


@media(max-width:760px){.tb-visitors-flags{display:none}.tb-visitors-lbl{display:none}}
@media(max-width:520px){.tb-visitors{display:none}}


/* Floating share bar for inner pages */
.float-share{
  position:fixed;
  bottom:5.5rem;
  right:1.25rem;
  z-index:500;
  display:flex;
  flex-direction:column;
  gap:.38rem;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s;
}
.float-share.visible{opacity:1;pointer-events:all}
.float-share-btn{
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.82rem;cursor:pointer;border:none;
  box-shadow:0 2px 12px rgba(0,0,0,.22);
  transition:transform .15s,opacity .15s;
  font-family:inherit;
}
.float-share-btn:hover{transform:scale(1.12)}
.float-share-btn.fs-x{background:#000;color:#fff}
.float-share-btn.fs-wa{background:#25D366;color:#fff}
.float-share-btn.fs-copy{background:var(--sf);color:#fff}
.float-share-lbl{
  position:absolute;right:48px;top:50%;transform:translateY(-50%);
  background:#1a1a1a;color:#fff;font-size:.62rem;font-weight:600;
  padding:.2rem .5rem;border-radius:4px;white-space:nowrap;
  opacity:0;pointer-events:none;transition:opacity .15s;
}
.float-share-btn:hover .float-share-lbl{opacity:1}


/* Dynamic hero right */
.hero-right{display:flex;flex-direction:column;gap:1rem}
.hero-ticker{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--r12);overflow:hidden;height:52px;position:relative}
.hero-ticker-inner{display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.hero-tick-item{height:52px;display:flex;align-items:center;gap:.65rem;padding:0 1rem;flex-shrink:0}
.hero-tick-icon{width:32px;height:32px;border-radius:var(--r8);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#fff;flex-shrink:0}
.hero-tick-text{font-size:.78rem;font-weight:700;color:#fff;line-height:1.3}
.hero-tick-sub{font-size:.62rem;color:rgba(255,255,255,.5);margin-top:.06rem}
/* Achieve grid */
.hero-achieve-grid{display:grid;grid-template-columns:1fr 1fr;gap:.52rem}
.hero-achieve{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--r12);padding:.7rem .85rem;cursor:pointer;transition:background .15s,border-color .15s}
.hero-achieve:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.25)}
.hero-achieve-num{font-family:'Playfair Display',serif;font-size:1.28rem;font-weight:900;color:#FFD580;display:block;line-height:1}
.hero-achieve-lbl{font-size:.6rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em;margin-top:.18rem;line-height:1.3}
.hero-achieve-icon{font-size:.65rem;color:rgba(255,255,255,.35);margin-right:.2rem}
@media(max-width:1100px){.hero-right{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}}
@media(max-width:640px){.hero-right{grid-template-columns:1fr}.hero-ticker{display:none}}


/* ── COMPREHENSIVE RESPONSIVE ── */
@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr!important}
  .hdr-srch-wrap{display:none}
  .prog-chip{display:none}
}
@media(max-width:768px){
  .hero{padding:2.5rem 1rem 2rem}
  .hero-h1{font-size:clamp(1.7rem,6vw,2.4rem)}
  .hero-kpis{grid-template-columns:1fr 1fr}
  .hero-achieve-grid{grid-template-columns:1fr 1fr}
  .cards-grid.grid2{grid-template-columns:1fr}
  .md2col{grid-template-columns:1fr}
  .charts-grid{grid-template-columns:1fr!important}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
    .fbar{padding:.7rem .88rem .55rem;flex-wrap:wrap;gap:.4rem}
  .fsearch-wrap{min-width:0;width:100%;max-width:100%}
  .min-grid{grid-template-columns:1fr!important}
}
@media(max-width:480px){
  .hero-kpis{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .hdr-btn span{display:none}
  .hdr-btn{padding:.44rem .72rem}
  .hdr-inner{padding:0 .88rem}
  .topbar{padding:0 .88rem}
  .tb-link{display:none}
  .tb-sep{display:none}
}


/* ── MOBILE NAV DRAWER ── */
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr!important}}
@media(max-width:640px){.hsp-ticker{height:170px!important}}


/* Did You Know strip */
.dyk-strip{
  background:linear-gradient(90deg,var(--nv),#0a2080);
  padding:.55rem 1.5rem;
  display:flex;align-items:center;gap:.75rem;
  max-width:100%;overflow:hidden;
}
.dyk-label{
  font-size:.65rem;font-weight:800;color:#FFD580;
  text-transform:uppercase;letter-spacing:.08em;
  white-space:nowrap;display:flex;align-items:center;gap:.35rem;flex-shrink:0;
}
.dyk-text{font-size:.72rem;color:rgba(255,255,255,.8);flex:1;line-height:1.4}
.dyk-next{
  width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.12);
  border:none;color:#fff;font-size:.65rem;cursor:pointer;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;transition:background .13s;
}
.dyk-next:hover{background:rgba(255,255,255,.25)}
.dyk-strip.hero-hidden{display:none!important}


/* Improved BTT */
#btt{
  background:linear-gradient(135deg,var(--sf),var(--sfd));
  width:46px;height:46px;
}
#btt::before{
  content:'';position:absolute;inset:-3px;border-radius:50%;
  background:conic-gradient(var(--sf) var(--prog,0%), transparent 0%);
  z-index:-1;transition:--prog .3s;
}


/* ── MOBILE DRAWER (clean, standalone) ── */
.mob-drawer-backdrop{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.5);z-index:1998;
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
}
.mob-drawer-backdrop.on{display:block}
.mob-drawer{
  position:fixed;top:0;right:0;bottom:0;
  width:min(290px,85vw);
  background:#fff;
  z-index:1999;
  display:flex;flex-direction:column;
  transform:translateX(100%);
  transition:transform .25s cubic-bezier(.4,0,.2,1);
  box-shadow:-4px 0 32px rgba(0,0,0,.2);
  overflow:hidden;
overflow-y:auto;}
.mob-drawer.open{transform:translateX(0)}
.mob-drawer-hd{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:var(--nv);border-bottom:2px solid var(--sf);flex-shrink:0}
.mob-drawer-brand{
  font-family:'Playfair Display',serif;
  font-size:1.05rem;font-weight:900;color:#fff;
}
.mob-drawer-brand span{color:#FF6B2B}
.mob-close-btn{
  width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.12);border:none;
  color:#fff;font-size:.9rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .13s;flex-shrink:0;
}
.mob-close-btn:hover{background:rgba(255,255,255,.25)}
.mob-drawer-section-lbl{
  font-size:.6rem;font-weight:700;color:var(--t4);
  text-transform:uppercase;letter-spacing:.1em;
  padding:.6rem 1rem .3rem;background:var(--bg2);
}
.mob-drawer-nav{
  display:flex;flex-direction:column;
  overflow-y:auto;
}
.mob-nav-item{
  display:flex;align-items:center;gap:.75rem;
  padding:.75rem 1rem;
  border:none;background:#fff;
  text-align:left;cursor:pointer;
  font-family:inherit;font-size:.84rem;font-weight:600;
  color:var(--t1);
  border-bottom:1px solid var(--bg2);
  transition:background .12s;
  width:100%;
}
.mob-nav-item:hover{background:var(--sfl);color:var(--sf)}
.mob-nav-item:hover .mob-nav-icon{background:var(--sf);color:#fff}
.mob-nav-icon{
  width:32px;height:32px;border-radius:var(--r8);
  background:var(--bg2);color:var(--t3);
  display:flex;align-items:center;justify-content:center;
  font-size:.78rem;flex-shrink:0;
  transition:background .12s,color .12s;
}
.mob-nav-arrow{margin-left:auto;font-size:.6rem;color:var(--t4)}
.mob-nav-item:hover .mob-nav-arrow{color:var(--sf)}
/* Compact ministry items */
.mob-nav-sm{padding:.55rem 1rem}
.mob-nav-icon-sm{width:26px;height:26px;font-size:.68rem}
.mob-nav-sm .mob-nav-label{font-size:.78rem}
.mob-nav-sm .mob-nav-arrow{display:none}
/* Only show drawer on mobile */
@media(min-width:1101px){
  .mob-drawer,.mob-drawer-backdrop{display:none!important}
}

.ft-brand-logo-row /* ── Footer States Widget ── */
.ft-states-widget{padding:1.25rem 0;border-top:1px solid rgba(255,255,255,.07);margin-bottom:1rem}
.ft-states-hd{display:flex;align-items:center;gap:.55rem;margin-bottom:.85rem;flex-wrap:wrap}
.ft-states-dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;animation:dotPulse 2s ease infinite;flex-shrink:0}
.ft-states-title{font-size:.65rem;font-weight:700;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em;flex:1}
.ft-states-badge{font-size:.63rem;font-weight:800;color:#FFD580;background:rgba(255,213,128,.1);border:1px solid rgba(255,213,128,.2);border-radius:10px;padding:.1rem .5rem}
.ft-states-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.38rem}
.ft-state-item{display:flex;align-items:center;gap:.45rem;padding:.38rem .6rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:var(--r8);cursor:default;transition:background .13s}
.ft-state-item:hover{background:rgba(255,255,255,.09)}
.ft-state-abbr{font-size:.6rem;font-weight:900;color:#fff;background:var(--sf);border-radius:4px;padding:.1rem .28rem;flex-shrink:0;min-width:22px;text-align:center}
.ft-state-info{min-width:0}
.ft-state-name{font-size:.67rem;font-weight:700;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-state-cm{font-size:.58rem;color:rgba(255,255,255,.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-state-party{font-size:.55rem;font-weight:700;color:#FFD580;margin-left:auto;flex-shrink:0}
@media(max-width:640px){.ft-states-grid{grid-template-columns:repeat(2,1fr)}}


/* ════ FOOTER — single source ════ */
footer{background:#010d2e}

/* Traffic band */
.ft-traffic-band{background:#000820;border-bottom:1px solid rgba(255,255,255,.06);padding:.6rem 1.5rem}
.ft-traffic-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.ft-tr-left{display:flex;align-items:center;gap:.5rem}
.ft-tr-live-dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;animation:dotPulse 2s ease infinite;flex-shrink:0}
.ft-tr-label{font-size:.63rem;font-weight:700;color:rgba(255,255,255,.38);text-transform:uppercase;letter-spacing:.08em}
.ft-tr-counter{font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:900;color:#FFD580;font-variant-numeric:tabular-nums}
.ft-tr-flags{display:flex;gap:.32rem;align-items:center}
.ft-tr-flags img{opacity:.5;border-radius:1px;display:block}
.ft-tr-flags img:hover{opacity:.9}

/* Main */
.ft-main{padding:2.5rem 1.5rem 1.25rem}
.ft-inner{max-width:1300px;margin:0 auto}

/* 4-col grid: brand | explore | ministries(wide) | sources */
.ft-top{display:grid;grid-template-columns:1.1fr .75fr 1.6fr .85fr;gap:2rem;padding-bottom:1.75rem;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:1.25rem}

/* Brand col */
.ft-brand-col{}
.ft-brand-logo-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.42rem}
.ft-brand-logo-row .ft-brand-name{margin-bottom:0}
.ft-brand-name{font-family:'Playfair Display',serif;font-size:1.12rem;font-weight:900;color:#fff;letter-spacing:-.02em;margin-bottom:.35rem}
.ft-brand-name span{color:#FF6B2B}
.ft-brand-desc{font-size:.67rem;color:rgba(255,255,255,.36);line-height:1.7;margin-bottom:.6rem;max-width:200px}
.ft-contact-link{display:flex;align-items:center;gap:.38rem;font-size:.68rem;color:rgba(255,255,255,.45);margin-bottom:.35rem}
.ft-contact-link i{color:#FF6B2B;font-size:.65rem}



/* Nav cols */
.ft-col h4{font-size:.59rem;font-weight:700;color:rgba(255,255,255,.28);text-transform:uppercase;letter-spacing:.11em;margin-bottom:.6rem}
.ft-col button,.ft-col a{display:flex;align-items:center;gap:.32rem;font-size:.69rem;color:rgba(255,255,255,.44);margin-bottom:.22rem;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;padding:.03rem 0;transition:color .12s;text-decoration:none;width:100%}
.ft-col button i,.ft-col a i{font-size:.58rem;opacity:.5;width:12px;flex-shrink:0}
.ft-col button:hover,.ft-col a:hover{color:#fff}

/* Ministry 2-col grid inside ft-col-wide */
.ft-col-wide{}
.ft-min-grid{display:grid;grid-template-columns:1fr 1fr;gap:.18rem .75rem}
.ft-min-grid button{font-size:.65rem;color:rgba(255,255,255,.42);background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;padding:.14rem 0;transition:color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-min-grid button:hover{color:#fff}

/* Share row */
.ft-share-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.65rem;padding:.85rem 0;border-top:1px solid rgba(255,255,255,.06)}
.ft-share-row-lbl{font-size:.65rem;font-weight:600;color:rgba(255,255,255,.3);display:flex;align-items:center;gap:.35rem}
.ft-share-btns{display:flex;gap:.35rem;flex-wrap:wrap}
.ft-sh-btn{display:inline-flex;align-items:center;gap:.28rem;padding:.28rem .65rem;border-radius:4px;font-size:.65rem;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:opacity .12s,transform .1s}
.ft-sh-btn:hover{opacity:.82;transform:translateY(-1px)}
.ft-sh-btn i{font-size:.65rem}
.ft-sh-x{background:#000;color:#fff}
.ft-sh-wa{background:#25D366;color:#fff}
.ft-sh-fb{background:#1877F2;color:#fff}
.ft-sh-li{background:#0A66C2;color:#fff}

/* Disclaimer */
.ft-disclaimer-band{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 0;border-top:1px solid rgba(255,200,0,.1);border-bottom:1px solid rgba(255,200,0,.1);margin:1rem 0;font-size:.64rem;color:rgba(255,255,255,.32);line-height:1.68}
.ft-disc-icon{color:rgba(255,200,0,.4);font-size:.88rem;flex-shrink:0;margin-top:.15rem}
.ft-disc-heading{display:block;font-size:.68rem;font-weight:700;color:rgba(255,255,255,.55);margin-bottom:.2rem}
.ft-disclaimer-band strong{color:rgba(255,255,255,.52)}

/* Bottom */
.ft-bot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem;padding-top:.75rem}
.ft-copy{font-size:.6rem;color:rgba(255,255,255,.2)}
.ft-mail-link{font-size:.6rem;color:rgba(255,255,255,.22);cursor:default}

/* Footer responsive */

.mega-panel.mega-open{display:block!important}

/* ══ Hero States Panel ══════════════════════════════ */
.hero-states-panel{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.13);
  border-radius:var(--r16);
  padding:1.15rem 1.1rem;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  display:flex;flex-direction:column;gap:.75rem;
}
.hsp-header{
  display:flex;align-items:center;gap:.5rem;
  padding-bottom:.65rem;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.hsp-dot{
  width:7px;height:7px;border-radius:50%;
  background:#4ADE80;
  animation:dotPulse 2s ease infinite;
  flex-shrink:0;
}
@keyframes dotPulse{
  0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(74,222,128,.4)}
  55%{opacity:.7;box-shadow:0 0 0 5px rgba(74,222,128,0)}
}
.hsp-title{
  font-size:.68rem;font-weight:700;
  color:rgba(255,255,255,.75);
  flex:1;text-transform:uppercase;letter-spacing:.06em;
}
.hsp-count{
  font-size:.64rem;font-weight:800;color:#FFD580;
  background:rgba(255,213,128,.12);
  border:1px solid rgba(255,213,128,.22);
  border-radius:var(--r24);padding:.1rem .5rem;
  white-space:nowrap;
}

/* Scrolling ticker */
.hsp-ticker{
  height:210px;
  overflow-y:auto;overflow-x:hidden;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  display:flex;flex-direction:column;gap:.38rem;
}
.hsp-ticker::-webkit-scrollbar{display:none}
.hsp-state-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--r8);
  padding:.5rem .65rem;
  display:flex;align-items:center;gap:.6rem;
  cursor:pointer;
  transition:background .14s,border-color .14s;
  flex-shrink:0;
  min-height:60px;
}
.hsp-state-card:hover{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.22);
}
.hsp-state-flag{
  width:32px;height:32px;border-radius:var(--r8);
  display:flex;align-items:center;justify-content:center;
  font-size:.72rem;font-weight:900;color:#fff;
  font-family:'Playfair Display',serif;
  flex-shrink:0;
}
.hsp-state-name{
  font-size:.74rem;font-weight:700;color:#fff;
  margin-bottom:.06rem;line-height:1.2;
}
.hsp-state-cm{
  font-size:.61rem;color:rgba(255,255,255,.48);
  line-height:1.3;
}
.hsp-state-party{
  font-size:.57rem;font-weight:800;
  margin-left:auto;flex-shrink:0;
  background:rgba(255,255,255,.08);
  padding:.08rem .32rem;border-radius:8px;
}

/* Bottom stats row */
.hsp-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:.38rem;
}
.hsp-stat{
  background:rgba(255,255,255,.05);
  border-radius:var(--r8);
  padding:.42rem .35rem;text-align:center;
}
.hsp-snum{
  display:block;
  font-family:'Playfair Display',serif;
  font-size:.96rem;font-weight:900;
  color:#FFD580;line-height:1;
}
.hsp-slbl{
  display:block;
  font-size:.53rem;color:rgba(255,255,255,.38);
  text-transform:uppercase;letter-spacing:.05em;margin-top:.1rem;
}
.hsp-cta{
  width:100%;padding:.52rem;
  border:1.5px solid rgba(255,255,255,.18);
  border-radius:var(--r8);
  background:rgba(255,255,255,.07);
  color:#fff;font-size:.73rem;font-weight:700;
  font-family:inherit;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:.38rem;
  transition:background .15s,border-color .15s;
}
.hsp-cta:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.35);
}

/* Responsive */
@media(max-width:1100px){
  .hero-states-panel{margin-top:1.25rem}
}
@media(max-width:640px){
  .hsp-ticker{height:170px!important}
}


/* ── Content Protection ── */
body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
input,textarea,select,.fsearch,.hdr-srch{-webkit-user-select:text;-moz-user-select:text;user-select:text}
img{-webkit-user-drag:none;-moz-user-drag:none;user-drag:none;pointer-events:none}
.hsp-state-card img,.logo-icon img,.ft-brand-logo-row img{pointer-events:auto}


/* ── WhatsApp Channel ── */
.tb-wa-btn{display:inline-flex;align-items:center;gap:.28rem;color:#4ADE80;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--r4);text-decoration:none;transition:color .13s;white-space:nowrap;flex-shrink:0}
.tb-wa-btn:hover{color:#fff}
.tb-wa-btn i{font-size:.75rem}
.hdr-btn-wa{background:#25D366;color:#fff;box-shadow:0 2px 10px rgba(37,211,102,.3)}
.hdr-btn-wa:hover{background:#1da851;transform:translateY(-1px)}
.ft-sh-wa-ch{display:inline-flex;align-items:center;gap:.28rem;padding:.28rem .75rem;border-radius:4px;font-size:.65rem;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:opacity .12s;background:#25D366;color:#fff;text-decoration:none}
.ft-sh-wa-ch:hover{opacity:.85}
@media(max-width:640px){.hdr-wa-txt{display:none}}
@media(max-width:480px){.tb-wa-btn{display:none}}


/* ── Nav compact for 1100–1380px screens ── */
@media(max-width:1380px){
  .nav-btn{padding:.42rem .52rem;font-size:.74rem;gap:.22rem}
  .hdr-inner{gap:.55rem}
  .hdr-right{gap:.28rem}
  .logo-tagline{display:none}
}
@media(max-width:1280px){
  .hdr-srch-wrap{display:none}
  .prog-chip{display:none}
  .hdr-wa-txt{display:none}
  .hdr-btn span[data-k="share"]{display:none}
  .hdr-btn{padding:.42rem .62rem}
  .nav-btn{padding:.4rem .44rem;font-size:.72rem}
  .logo-name{font-size:1.05rem}
}
@media(max-width:1200px){
  .nav-btn .chev{display:none}
}


/* ── WhyBJP.com Additional Styles — Session additions ── */

/* ══════════════════════════════════════════════════════
   FOOTER — BJP/NDA STATE GRID
   ══════════════════════════════════════════════════════ */
.ft-states-section{padding:.9rem 0 .5rem;border-top:1px solid rgba(255,255,255,.07)}
.ft-states-section+.ft-states-section{margin-top:.25rem}

.ft-states-static-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:.35rem;
  margin-top:.65rem;
}
.ft-sg-item{
  display:flex!important;align-items:center;gap:.38rem;
  padding:.35rem .55rem;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
  border-radius:6px;
  text-decoration:none!important;
  transition:background .12s;
  min-width:0;
  color:inherit!important;
  margin-bottom:0!important;
}
.ft-sg-item:hover{background:rgba(255,255,255,.12)}
.ft-sg-no-page{opacity:.55}
.ft-sg-no-page:hover{background:rgba(255,255,255,.05)}
.ft-sg-abbr{
  width:26px;height:26px;border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  font-size:.5rem;font-weight:900;color:#fff;flex-shrink:0;
}
.ft-sg-info{flex:1;min-width:0}
.ft-sg-name{
  font-size:.63rem;font-weight:700;color:rgba(255,255,255,.88)!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ft-sg-cm{
  font-size:.55rem;color:rgba(255,255,255,.48)!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ft-sg-party{font-size:.5rem;font-weight:700;color:rgba(255,255,255,.38);flex-shrink:0;white-space:nowrap}


/* ══════════════════════════════════════════════════════
   HEADER NAV — RESPONSIVE (single source of truth)
   ══════════════════════════════════════════════════════ */

/* Hamburger: hidden on desktop, shown on mobile */
.mob-btn{
  display:none;
  width:38px;height:38px;border-radius:var(--r8);
  border:1.5px solid var(--bd);background:#fff;
  color:var(--t2);align-items:center;justify-content:center;
  font-size:.9rem;cursor:pointer;flex-shrink:0;
}

/* State explore always visible (not hover-only) */
.sc-explore{opacity:1!important;transform:none!important}

/* ── 1280px: shrink nav text, hide search ── */
@media(max-width:1280px){
  .nav-btn{padding:.42rem .52rem;font-size:.74rem;gap:.22rem}
  .hdr-srch-wrap{display:none}
  .hdr-inner{gap:.6rem}
}

/* ── 1100px: hide nav text labels, icon-only nav ── */
@media(max-width:1100px){
  .nav-btn span,.nav-btn [data-k],.nav-btn .chev{display:none}
  .nav-btn{padding:.42rem .48rem;min-width:0}
  .logo-tagline{display:none}
}

/* ── 960px: hide entire desktop nav, show hamburger ── */
@media(max-width:960px){
  nav.mnav{display:none!important}
  .mob-btn{display:flex!important}
  .hdr-btn{padding:.4rem .52rem}
}

/* ── Topbar responsive ── */
@media(max-width:768px){
  .topbar{flex-direction:column;align-items:flex-start;gap:.3rem;padding:.4rem .85rem}
  .tb-r{flex-wrap:wrap;gap:.28rem}
}
@media(max-width:480px){
  .tb-wa-btn{display:none}
  .tb-sep{display:none}
  .tb-visitors{display:none}
}

/* ══════════════════════════════════════════════════════
   FOOTER RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media(max-width:1200px){
  .ft-top{grid-template-columns:1fr 1fr;gap:1.5rem}
  .ft-col-wide{grid-column:1/-1}
}
@media(max-width:768px){
  .ft-top{grid-template-columns:1fr 1fr;gap:1.25rem}
  .ft-brand-col{grid-column:1/-1}
}
@media(max-width:640px){
  .ft-top{grid-template-columns:1fr}
  .ft-col-wide{grid-column:1}
  .ft-min-grid{grid-template-columns:repeat(3,1fr)}
  .ft-states-static-grid{grid-template-columns:repeat(2,1fr)}
  .ft-bubbles-row{gap:.25rem}
  .ft-state-bubble{display:inline-flex!important;align-items:center;padding:.28rem .65rem;border-radius:20px!important;font-size:.62rem;font-weight:700!important;background:rgba(232,84,10,.22)!important;color:#fff!important;text-decoration:none!important;border:1px solid rgba(232,84,10,.5)!important;transition:background .12s,color .12s;white-space:nowrap;margin-bottom:0!important}
.ft-state-bubble:hover{background:#E8540A!important;color:#fff!important;border-color:#E8540A!important;opacity:1!important}
}
@media(max-width:480px){
  .ft-top{grid-template-columns:1fr}
  .ft-min-grid{grid-template-columns:repeat(2,1fr)}
  .ft-states-static-grid{grid-template-columns:repeat(2,1fr)}
  .ft-share-btns{flex-wrap:wrap}
  .ft-sh-btn{font-size:.64rem;padding:.32rem .5rem}
}
@media(max-width:380px){
  .ft-states-static-grid{grid-template-columns:1fr}
  .ft-min-grid{grid-template-columns:repeat(2,1fr)}
}

/* ══════════════════════════════════════════════════════
   CONTENT RESPONSIVE
   ══════════════════════════════════════════════════════ */
@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr;gap:1.5rem}
  .hsp-widget{display:none}
}
@media(max-width:768px){
  .hero-cards{grid-template-columns:1fr 1fr}
  .sd-summary{grid-template-columns:1fr 1fr}
  .charts-grid{grid-template-columns:1fr 1fr}
  .kstat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
  .ab-stats-row{grid-template-columns:1fr 1fr}
  .sd-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .charts-grid{grid-template-columns:1fr}
  .kstat-grid{grid-template-columns:1fr 1fr}
  .ab-how-grid{grid-template-columns:1fr}
  .ab-src-grid{grid-template-columns:1fr 1fr}
  .ab-disc{flex-direction:column;gap:.65rem}
}
@media(max-width:480px){
  .hero-cards{grid-template-columns:1fr 1fr}
  .kstat-grid{grid-template-columns:1fr}
  .sd-summary{grid-template-columns:1fr 1fr}
  .ab-stats-row{grid-template-columns:1fr 1fr}
}
@media(max-width:380px){
  .hero-cards{grid-template-columns:1fr}
  .sd-summary{grid-template-columns:1fr}
}

/* ══════════════════════════════════════════════════════
   ABOUT PAGE — ab-* classes (renderAbout)
   ══════════════════════════════════════════════════════ */
.about-area{padding:.5rem 0 3rem}
.about-grid{display:flex;flex-direction:column;gap:1.75rem}

/* Hero block */
.ab-hero{
  background:linear-gradient(135deg,#020B2E 0%,#001a6e 60%,#0a1560 100%);
  border-radius:var(--r16);padding:2rem 1.75rem;
  position:relative;overflow:hidden;
}
.ab-hero::after{
  content:'';position:absolute;bottom:-50px;right:-50px;
  width:220px;height:220px;border-radius:50%;
  background:rgba(232,84,10,.1);pointer-events:none;
}
.ab-hero-pill{
  display:inline-flex;align-items:center;gap:.38rem;
  background:rgba(255,255,255,.1);border:1px solid rgba(232,84,10,.4);
  border-radius:20px;padding:.28rem .75rem;
  font-size:.65rem;font-weight:700;color:rgba(255,255,255,.9);
  text-transform:uppercase;letter-spacing:.07em;margin-bottom:.8rem;
}
.ab-hero-h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.2rem,2.5vw,1.65rem);font-weight:900;
  color:#fff;margin-bottom:.55rem;line-height:1.25;
}
.ab-hero-p{
  font-size:.8rem;color:rgba(255,255,255,.7);line-height:1.7;
  max-width:600px;margin-bottom:1.25rem;
}
.ab-hero-p strong{color:rgba(255,255,255,.95)}
.ab-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}
.ab-stat{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r12);padding:.75rem .5rem;text-align:center;
}
.ab-stat-n{
  font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:900;
  color:#FFD580;line-height:1;
}
.ab-stat-l{
  font-size:.56rem;color:rgba(255,255,255,.6);
  text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem;
}

/* Section card */
.ab-sec{
  background:#fff;border:1px solid var(--bd);
  border-radius:var(--r16);padding:1.5rem;
}
.ab-sec-hd{
  display:flex;align-items:center;gap:.5rem;
  font-size:.77rem;font-weight:800;color:var(--t1);
  text-transform:uppercase;letter-spacing:.07em;
  margin-bottom:1.25rem;padding-bottom:.75rem;
  border-bottom:2px solid var(--bg2);
}
.ab-sec-hd i{color:var(--sf)}

/* Data sources grid */
.ab-src-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.75rem}
.ab-src-card{
  display:flex;flex-direction:column;gap:.28rem;
  padding:.9rem;border:1px solid var(--bd);border-radius:var(--r12);
  text-decoration:none;transition:all .15s;background:#fff;
}
.ab-src-card:hover{
  border-color:var(--sf);background:var(--sfl);
  transform:translateY(-2px);box-shadow:0 4px 16px rgba(232,84,10,.1);
}
.ab-src-ic{
  width:34px;height:34px;border-radius:var(--r8);
  display:flex;align-items:center;justify-content:center;
  font-size:.9rem;margin-bottom:.3rem;flex-shrink:0;
}
.ab-src-name{font-size:.73rem;font-weight:700;color:var(--t1)}
.ab-src-desc{font-size:.62rem;color:var(--t2);line-height:1.4}
.ab-src-url{
  font-size:.57rem;color:var(--t4);margin-top:auto;
  padding-top:.28rem;display:flex;align-items:center;gap:.25rem;
}
.ab-src-card:hover .ab-src-url{color:var(--sf)}

/* How to use grid */
.ab-how-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}
.ab-how-card{
  padding:1rem;border:1px solid var(--bd);border-radius:var(--r12);
  background:var(--bg2);transition:all .15s;
}
.ab-how-card:hover{background:#fff;border-color:var(--bd2);box-shadow:0 4px 12px rgba(0,0,0,.07)}
.ab-how-ic{
  width:40px;height:40px;border-radius:var(--r8);
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;margin-bottom:.65rem;
}
.ab-how-title{font-size:.75rem;font-weight:800;color:var(--t1);margin-bottom:.3rem}
.ab-how-text{font-size:.65rem;color:var(--t2);line-height:1.6}

/* Disclaimer */
.ab-disc{
  display:flex;gap:1rem;align-items:flex-start;
  background:#FEF3C7;border:1px solid #FDE68A;
  border-radius:var(--r16);padding:1.25rem 1.5rem;
}
.ab-disc-icon{
  width:38px;height:38px;border-radius:50%;
  background:#D97706;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;flex-shrink:0;margin-top:.1rem;
}
.ab-disc-title{font-size:.78rem;font-weight:800;color:#92400E;margin-bottom:.4rem}
.ab-disc-p{font-size:.68rem;color:#78350F;line-height:1.65}

@media(max-width:600px){
  .ab-stats-row{grid-template-columns:1fr 1fr}
  .ab-src-grid{grid-template-columns:1fr 1fr}
  .ab-how-grid{grid-template-columns:1fr}
  .ab-disc{flex-direction:column;gap:.65rem}
}
@media(max-width:380px){
  .ab-stats-row{grid-template-columns:1fr 1fr}
  .ab-src-grid{grid-template-columns:1fr}
}

/* ══════════════════════════════════════════════════════
   KEY STATS PAGE — kstat-* classes
   ══════════════════════════════════════════════════════ */
.stats-area{padding:.5rem 0 3rem}
.stats-grid{display:flex;flex-direction:column;gap:2rem}

.kstat-section{animation:fadeUp .35s ease both}
.kstat-sec-hd{
  display:flex;align-items:center;gap:.55rem;
  font-size:.78rem;font-weight:800;text-transform:uppercase;
  letter-spacing:.08em;margin-bottom:1rem;
  padding-left:.75rem;border-left:3px solid;
}
.kstat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}

.kstat-card{
  background:#fff;border:1px solid var(--bd);
  border-radius:var(--r16);padding:1.1rem 1rem .9rem;
  transition:transform .18s,box-shadow .18s;
  position:relative;overflow:hidden;
  animation:fadeUp .3s ease both;
}
.kstat-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:var(--acc,var(--sf));
}
.kstat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}

.kstat-icon{
  width:36px;height:36px;border-radius:var(--r8);
  display:flex;align-items:center;justify-content:center;
  font-size:.88rem;margin-bottom:.6rem;
}
.kstat-n{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.2rem,2.5vw,1.55rem);
  font-weight:900;line-height:1.1;margin-bottom:.25rem;
}
.kstat-l{
  font-size:.7rem;font-weight:700;color:var(--t1);
  margin-bottom:.32rem;line-height:1.35;
}
.kstat-d{font-size:.63rem;color:var(--t2);line-height:1.55;margin-bottom:.4rem}
.kstat-s{
  font-size:.57rem;color:var(--t4);
  display:flex;align-items:center;gap:.28rem;
  padding-top:.35rem;border-top:1px solid var(--bg2);
}
.kstat-s i{font-size:.48rem;flex-shrink:0}

@media(max-width:640px){.kstat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.kstat-grid{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════════════
   CHARTS PAGE — cc-* classes
   ══════════════════════════════════════════════════════ */
.charts-area{padding:.5rem 0 3rem}
.charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}

.chart-card{
  background:#fff;border:1px solid var(--bd);
  border-radius:var(--r16);overflow:hidden;
  display:flex;flex-direction:column;
  animation:fadeUp .35s ease both;
  transition:box-shadow .18s;
}
.chart-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.1)}

.cc-hd{display:flex;align-items:flex-start;gap:.6rem;padding:.9rem 1rem .5rem}
.cc-icon{
  width:34px;height:34px;border-radius:var(--r8);
  display:flex;align-items:center;justify-content:center;
  font-size:.85rem;flex-shrink:0;
}
.cc-hd-text{flex:1;min-width:0}
.cc-title{font-size:.76rem;font-weight:800;color:var(--t1);line-height:1.3;margin-bottom:.1rem}
.cc-sub{font-size:.57rem;color:var(--t3);line-height:1.4}
.cc-canvas{flex:1;padding:.2rem .9rem .4rem;height:158px;position:relative}
.cc-canvas canvas{width:100%!important;height:100%!important}
.cc-note{
  padding:.35rem .9rem;font-size:.59rem;color:var(--t2);
  background:var(--bg2);line-height:1.5;
  display:flex;align-items:flex-start;gap:.28rem;
  border-top:1px solid var(--bd);
}
.cc-note i{color:var(--nv);font-size:.5rem;margin-top:.16rem;flex-shrink:0}
.cc-footer{padding:.35rem .9rem .55rem;border-top:1px solid var(--bg2);display:flex;flex-direction:column;gap:.13rem}
.cc-src{font-size:.57rem;color:var(--t4);display:flex;align-items:center;gap:.25rem}
.cc-src i{font-size:.46rem;flex-shrink:0}
.cc-stamp{font-size:.53rem;color:var(--t4);font-style:italic}

@media(max-width:1100px){.charts-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.charts-grid{grid-template-columns:1fr}}

/* ── Mobile Drawer — WA button + footer + sm nav ── */
.mob-drawer-wa-btn{
  display:flex;align-items:center;justify-content:center;
  gap:.45rem;margin:.75rem 1rem .5rem;
  padding:.65rem 1rem;
  background:#25D366;color:#fff;
  border-radius:var(--r8);
  font-size:.8rem;font-weight:700;
  text-decoration:none;
  flex-shrink:0;
}
.mob-drawer-wa-btn:hover{background:#1fad55;color:#fff}
.mob-drawer-wa-btn i{font-size:.95rem}

.mob-drawer-footer{
  padding:.6rem 1rem .85rem;
  font-size:.72rem;color:var(--t3);
  display:flex;align-items:center;gap:.38rem;
  border-top:1px solid var(--bg2);
  margin-top:auto;
}
.mob-drawer-footer i{color:var(--sf);font-size:.7rem}

/* Smaller state link items in drawer */
.mob-drawer-nav-sm .mob-nav-item{
  padding:.52rem 1rem;
  border-bottom:1px solid var(--bg2);
}
.mob-drawer-nav-sm .mob-nav-icon{
  width:26px;height:26px;border-radius:6px;
  background:var(--sfl);
}
.mob-drawer-nav-sm .mob-nav-label{
  font-size:.76rem;font-weight:500;
}
.mob-nav-icon-sm{
  width:26px!important;height:26px!important;
  background:var(--sfl)!important;
}