/* UsefulHub - Clean White + Green theme (final design).
   Loaded LAST on every page. To change colours later, edit the variables below. */
:root{
  --bg:#FFFFFF; --surface:#FFFFFF; --fg:#0F1F1A; --muted:#5B6B65; --line:#E3E8E6;
  --accent:#0A6E55; --accent-ink:#FFFFFF; --signal:#0A6E55;
  --chip:#E8F4F0; --tile:#E6F3EE; --foot-bg:#F8FAF9; --foot-fg:#3E4C47;
  --scheme:#0A6E55; --scheme-strong:#0A6E55; --scheme-bg:#FFFFFF; --scheme-line:#E3E8E6; --scheme-ink:#0A6E55;
  --shadow:0 1px 2px rgba(15,31,26,.04),0 6px 18px rgba(15,31,26,.05);
}
html,body{background:#F4F7F6}
/* header */
.site-head{background:#fff;border-bottom:1px solid var(--line)}
.logo{box-shadow:none}
.menu summary,.langsw{background:#fff;border-color:var(--line)}
/* one icon style: soft green tile + green line icon */
.sc .ti{background:var(--tile)!important}
.sc .ti svg{stroke:var(--accent)!important}
.sc.all{background:var(--accent);border-color:var(--accent)}
.sc.all .ti{background:rgba(255,255,255,.2)!important}.sc.all .ti svg{stroke:#fff!important}
/* cards */
.tc,.sc{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.sc.all{background:var(--accent)}
.tc:hover,.sc:hover{border-color:var(--accent)}
.sc em{color:var(--accent)}.sc.all em{color:#fff}
/* chips + links: Govt Schemes chip is green like the rest */
.chips button.o{background:var(--chip);color:var(--accent)}
.chips button.o[aria-pressed="true"]{background:var(--accent);color:#fff;box-shadow:none}
.more.o{color:var(--accent)}
.hl{background:var(--accent)}
.hs{box-shadow:0 4px 14px rgba(10,110,85,.08)}
/* tool + scheme pages */
.pagehead{background:#fff}
.eyebrow,.grp,.src{color:var(--accent)}
.src{border-left-color:var(--accent)}
.panel,.sp section,main.home .prose{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.slip{background:#F8FAF9}
.ben{background:var(--accent)}
.pill{background:var(--chip);border-color:#CFE6DE;color:var(--accent)}
input[type=range]{accent-color:var(--accent)}
input[type=file]::file-selector-button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 16px;font:inherit;font-weight:600;margin-right:12px;cursor:pointer}
.tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
/* footer: light, quiet */
.sitefoot{background:var(--foot-bg);color:var(--foot-fg);border-top:1px solid var(--line)}
.sitefoot a{color:var(--foot-fg)}.sitefoot a:hover{color:var(--accent)}
.fcol h3{color:var(--fg)}
.fcol.tools h4{color:#8A9A94;opacity:1}
.fnote{border-top-color:var(--line)}
.fnote a{color:var(--foot-fg)}

/* ===== Pro card design: colour-coded icons, title + one-line description ===== */
.h-hero h1{letter-spacing:-.02em}
.chips button{background:#fff;border:1px solid var(--line);color:var(--fg)}
.chips button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.chips button.o{background:#fff;color:var(--accent);border-color:#BFDCD2}
.chips button.o[aria-pressed="true"]{background:var(--accent);color:#fff;box-shadow:none}
.sh h2{font-size:19px;letter-spacing:-.01em}
.tg{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tc{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 14px;min-height:132px;border-radius:16px;transition:box-shadow .15s,border-color .15s}
.tc:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(15,31,26,.10)}
.tc .ti{width:40px;height:40px;border-radius:11px}
.tc .ti svg{width:21px;height:21px;stroke:#fff!important;stroke-width:1.8}
.tc b{font-size:14.5px;font-weight:600;line-height:1.3}
.tc .kw{position:static;width:auto;height:auto;overflow:hidden;clip:auto;white-space:normal;
  font-size:12.5px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.home .strip .sc{padding:14px 12px;border-radius:16px}
.home .strip .sc .ti{width:36px;height:36px;border-radius:10px}
.home .strip .sc b{font-size:13px}
@media(max-width:719px){
  .home .strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .tg{gap:12px}
  .tc{gap:8px;padding:14px 12px;min-height:128px;border-radius:16px}
  .tc b{font-size:14px;line-height:1.3}
  .tc .ti{width:38px;height:38px;border-radius:11px}
  .tc .ti svg{width:20px;height:20px}
  .sh h2{font-size:17px}
  .secs{gap:20px}
}
@media(min-width:720px){
  .tg{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
  .tc{flex-direction:column;align-items:flex-start;padding:18px 16px;gap:10px}
  .tc b{font-size:15px}
}
/* ===== website layout: centered hero, full tool grid, no orphan cards ===== */
.more[data-more]{display:none!important}
.sec .tg .x,.sec .strip .x,body.filtering .sec .tg .x,body.filtering .strip .x{display:grid!important}
.h-hero{align-items:center;text-align:center;gap:14px;padding:18px 0 6px}
.h-hero h1{white-space:normal;font-size:clamp(26px,6vw,46px);line-height:1.2;font-weight:700}
.h-hero .lede{display:block!important;font-size:15px;color:var(--muted);max-width:52ch;margin:0 auto}
.hs{width:100%;max-width:620px;margin:6px auto 0}
.chips{justify-content:center;flex-wrap:wrap;overflow:visible;margin-inline:0;padding:6px 0}
.secs{gap:30px}
.sh{border-bottom:1px solid var(--line);padding-bottom:8px}
.sh h2{font-size:20px}
.tg,.home .strip{display:grid;grid-template-columns:1fr;gap:12px;overflow:visible;margin-inline:0;padding:0}
.tc,.home .strip .sc{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:8px;align-items:center;
  min-height:0;padding:16px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:none;flex:none}
.tc .ti,.home .strip .sc .ti{width:44px;height:44px;border-radius:12px;grid-row:1;grid-column:1}
.tc b,.home .strip .sc b{grid-row:1;grid-column:2;font-size:15.5px;font-weight:600;line-height:1.3}
.tc .kw,.home .strip .sc em{grid-column:1/-1;grid-row:2;font-size:13px;line-height:1.5;color:var(--muted);font-weight:400;margin:0;
  -webkit-line-clamp:2}
.home .strip .sc em{color:var(--accent);font-weight:600;display:block}
.tc:hover,.home .strip .sc:hover{border-color:var(--accent);box-shadow:0 8px 22px rgba(15,31,26,.09);transform:translateY(-1px)}
.home .strip .sc.all{grid-column:1/-1;background:var(--accent);border-color:var(--accent)}
.home .strip .sc.all b,.home .strip .sc.all em{color:#fff}
@media(min-width:720px){
  .tg,.home .strip{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
  .tc,.home .strip .sc{padding:20px}
  .h-hero{padding:36px 0 10px;gap:16px}
  .h-hero .lede{font-size:18px}
}

@media(min-width:720px){.home .strip{grid-template-columns:repeat(4,minmax(0,1fr))}.tg{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}}
@media(min-width:720px){.home .strip .sc.all{grid-template-columns:44px 1fr auto}.home .strip .sc.all em{grid-column:3;grid-row:1}}
.home .strip .sc.all{grid-template-rows:auto;align-items:center}
.home .strip .sc.all em{grid-row:1;grid-column:3;color:#fff}
@media(max-width:719px){.home .strip .sc.all{grid-template-columns:44px 1fr}.home .strip .sc.all em{grid-column:1/-1;grid-row:2}.home .strip .sc.all{grid-template-rows:auto auto}}

/* ===== v4: bold green hero, tinted colour-coded cards ===== */
.h-hero{position:relative;background:#075E49;color:#fff;box-shadow:0 0 0 100vmax #075E49;clip-path:inset(0 -100vmax);
  margin-top:-28px;padding:34px 0 34px;gap:14px;overflow:visible}
.h-hero::before,.h-hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.07);pointer-events:none}
.h-hero::before{width:260px;height:260px;right:-70px;top:-90px}
.h-hero::after{width:180px;height:180px;left:-60px;bottom:-80px}
.h-hero>*{position:relative;z-index:1}
.h-hero h1{color:#fff;font-size:clamp(28px,6.4vw,50px)}
.h-hero .hl{background:#fff;color:#075E49}
.h-hero .lede{color:rgba(255,255,255,.82)}
.hs{border:0;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.trust{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:13px;font-weight:500;color:rgba(255,255,255,.9)}
.trust li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#7EE2B8;margin-right:7px;vertical-align:middle}
.chips{margin-top:4px}
/* cards */
.tc,.home .strip .sc{--c:#0A6E55;--t:#F0F8F5;background:var(--t);border:1px solid color-mix(in srgb,var(--c) 22%,#fff);position:relative;padding-right:52px}
.tc:has(.ti[style*="E5322D"]){--c:#E5322D;--t:#FEF3F2}
.tc:has(.ti[style*="2F6FE4"]){--c:#2F6FE4;--t:#F1F6FF}
.tc:has(.ti[style*="7048E8"]){--c:#7048E8;--t:#F6F3FF}
.tc:has(.ti[style*="0B7285"]){--c:#0B7285;--t:#EFF8FA}
.tc:has(.ti[style*="E8590C"]){--c:#E8590C;--t:#FFF5EE}
.tc:hover,.home .strip .sc:hover{border-color:var(--c);box-shadow:0 10px 26px color-mix(in srgb,var(--c) 18%,transparent)}
.tc .ti{box-shadow:0 6px 14px color-mix(in srgb,var(--c) 35%,transparent)}
.tc::after,.home .strip .sc:not(.all)::after{content:"›";position:absolute;right:14px;top:18px;width:26px;height:26px;border-radius:50%;
  background:#fff;color:var(--c);display:grid;place-items:center;font-size:19px;line-height:1;font-weight:600;border:1px solid color-mix(in srgb,var(--c) 25%,#fff)}
.home .strip .sc.all{background:#075E49}
.sh h2{display:flex;align-items:center;gap:10px}
.sh h2::before{content:"";width:5px;height:22px;border-radius:3px;background:var(--accent)}
.sh{border-bottom:0;padding-bottom:0}
@media(max-width:719px){.h-hero{margin-top:-10px}.tc,.home .strip .sc{padding-right:48px}}

/* ===== v6: Layout (Bharat green brand kept). Nothing removed from content. ===== */
:root{--ink:#33333F;--page:#F3F0F0;--card-line:#E6E3E3}
html,body{background:var(--page)}
.site-head{background:#fff;border-bottom:1px solid var(--card-line);box-shadow:0 1px 3px rgba(0,0,0,.04)}
/* hero: grey page background, big bold centered title, no box, no decoration */
.h-hero{background:var(--page);color:var(--ink);box-shadow:0 0 0 100vmax var(--page);margin-top:-28px;padding:44px 0 18px;gap:14px}
.h-hero::before,.h-hero::after{display:none}
.h-hero h1{color:var(--ink);font-weight:700;font-size:clamp(28px,7vw,48px);line-height:1.2;letter-spacing:-.01em}
.h-hero .hl,.hl{background:none!important;color:inherit;padding:0;border-radius:0}
.h-hero .lede{color:#5F5F6B;font-size:clamp(15px,2.4vw,19px)}
.hs{background:#fff;border:1px solid var(--card-line);box-shadow:0 2px 6px rgba(0,0,0,.06)}
.trust{color:#5F5F6B}.trust li::before{background:var(--accent)}
/* category pills : white pills, dark when selected */
.chips{justify-content:center;gap:10px}
.chips button,.chips button.o{background:#fff;color:var(--ink);border:1px solid var(--card-line);font-weight:600}
.chips button[aria-pressed="true"],.chips button.o[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}
/* tool cards: white, soft shadow, coloured icon square, title + description */
.tc,.home .strip .sc{background:#fff;border:1px solid transparent;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:20px 18px;transition:box-shadow .15s}
.tc:hover,.home .strip .sc:hover{border-color:transparent;box-shadow:0 6px 18px rgba(0,0,0,.14);transform:none}
.tc::after,.home .strip .sc:not(.all)::after{display:none}
.tc .ti,.home .strip .sc .ti{box-shadow:none;border-radius:10px}
.tc .ti svg,.home .strip .sc .ti svg{stroke:#fff!important}
.home .strip .sc .ti{background:#E8590C!important}
.home .strip .sc.all{background:var(--accent);border-color:var(--accent)}
.home .strip .sc.all .ti{background:rgba(255,255,255,.2)!important}
.tc b,.home .strip .sc b{color:var(--ink)}
.home .strip .sc.all b{color:#fff}
.sc em{color:#E8590C}
.sh h2{font-size:22px;color:var(--ink)}.sh h2::before{display:none}
.sh{border-bottom:0;padding-bottom:0}
.panel,.sp section,main.home .prose{border:0;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.pagehead{background:var(--page)}
/* footer: dark, multi-column ; all links kept */
.sitefoot{background:var(--ink);color:#C9C9D3;border-top:0}
.sitefoot a{color:#C9C9D3}.sitefoot a:hover{color:#fff}
.fcol h3{color:#fff}.fcol.tools h4{color:#fff;opacity:.9}
.fnote{border-top-color:rgba(255,255,255,.15)}.fnote a{color:#fff;text-decoration:underline}
@media(max-width:719px){.h-hero{margin-top:-10px;padding:30px 0 14px}}
input[type=file]::file-selector-button{background:var(--accent)!important;color:#fff!important}