/* ============ V5 — multi-page structure (hash-routed pages) ============
   Pages: Home · About Us (certificate first) · Story · Achievements ·
   Testimonials (documented press quotes only) · Donate (honest meter). */
[data-page][hidden]{display:none !important}
#topnav nav a.active{background:rgba(242,182,60,.3);color:#ffe9bd}
@media (max-width:640px){#topnav nav a{padding:6px 8px;font-size:.86rem}#topnav .nav-cta{font-size:.86rem;padding:6px 10px}}

/* achievements — milestone list */
.ach-list{max-width:840px;margin:0 auto;display:grid;gap:14px}
.ach-item{display:flex;gap:18px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:0 8px 22px rgba(94,40,5,.08);text-align:left;align-items:flex-start}
.ach-year{font-family:'Baloo 2',sans-serif;background:var(--maroon);color:#ffedd0;border-radius:12px;padding:7px 10px;font-size:1.12rem;flex:none;min-width:84px;text-align:center;line-height:1.25}
@media (prefers-color-scheme: dark){.ach-year{color:#2a0d05}}
.ach-item h3{margin:0 0 4px;font-size:1.24rem}
.ach-item p{margin:0;color:var(--ink-soft)}
@media (max-width:560px){.ach-item{flex-direction:column;gap:10px}.ach-year{min-width:0}}

/* testimonials — press quote cards */
.testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1000px;margin:0 auto}
@media (max-width:720px){.testi-grid{grid-template-columns:1fr}}
.testi-card{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--gold);border-radius:14px;padding:26px 24px 22px;box-shadow:var(--shadow);text-align:left}
.testi-card blockquote{margin:0;font-family:'Tiro Devanagari Hindi',serif;font-size:1.32rem;line-height:1.55;color:var(--ink)}
.testi-src{margin-top:14px;color:var(--ink-soft);font-weight:600;font-size:.95rem;line-height:1.6}
.testi-src b{color:var(--ink)}
.testi-badge{display:inline-block;background:var(--maroon);color:#ffedd0;font-size:.74rem;font-weight:700;padding:3px 11px;border-radius:999px;margin-bottom:14px;letter-spacing:.05em}
@media (prefers-color-scheme: dark){.testi-badge{color:#2a0d05}}
.testi-soon{border:2px dashed var(--gold);background:transparent;box-shadow:none;display:flex;flex-direction:column;justify-content:center}
.testi-soon h3{font-size:1.3rem;margin:0 0 8px}
.testi-soon p{color:var(--ink-soft);margin:0 0 18px}

/* donation meter — honest: no figure until the NGO publishes its accounts */
.meter-card{max-width:880px;margin:0 auto;background:var(--card);border:2px solid var(--gold);border-radius:20px;box-shadow:var(--shadow);padding:30px 28px;text-align:left}
.meter-top{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}
.meter-label{display:block;font-weight:700;color:var(--ink-soft);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}
.meter-val{display:block;font-family:'Baloo 2',sans-serif;font-size:clamp(1.55rem,5vw,2.25rem);color:var(--maroon);line-height:1.25;margin-top:2px}
@media (prefers-color-scheme: dark){.meter-val{color:var(--gold-2)}}
.meter-goal{font-weight:700;font-size:1.05rem;margin-top:4px;display:block}
.meter-track{height:26px;border-radius:999px;border:2px solid var(--line);margin:22px 0 12px;background:repeating-linear-gradient(45deg,color-mix(in srgb, var(--gold-2) 26%, transparent) 0 14px,transparent 14px 28px)}
.meter-note{color:var(--ink-soft);margin:0;font-size:.99rem}
.dn-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:880px;margin:0 auto}
@media (max-width:700px){.dn-tiers{grid-template-columns:repeat(2,1fr)}}
.dn-tier{border:2px solid var(--line);border-radius:14px;background:var(--card);padding:15px 16px;box-shadow:0 6px 16px rgba(94,40,5,.08)}
.dn-tier .amt{font-family:'Baloo 2',sans-serif;font-size:1.45rem;color:var(--maroon);line-height:1.15;display:block}
@media (prefers-color-scheme: dark){.dn-tier .amt{color:var(--gold-2)}}
.dn-tier .tname{font-weight:700;font-size:.95rem;display:block}
.dn-tier .tdesc{font-size:.83rem;color:var(--ink-soft);display:block;line-height:1.45;font-weight:600}
.dn-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}

/* social / connect cards */
.soc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;max-width:1120px;margin:0 auto}
@media (max-width:1020px){.soc-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.soc-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.soc-grid{grid-template-columns:1fr}}
.soc-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 18px 20px;text-align:center;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:5px}
.soc-card svg{color:var(--maroon);margin-bottom:4px}
@media (prefers-color-scheme: dark){.soc-card svg{color:var(--gold-2)}}
.soc-card b{font-size:1.12rem}
.soc-card span{color:var(--ink-soft);font-size:.93rem;font-weight:600;line-height:1.5}
.soc-card.soon{border-style:dashed;box-shadow:none}
.soc-card .soc-live{background:var(--wa);color:#fff;padding:4px 14px;border-radius:999px;font-size:.82rem;margin-top:6px}
footer .f-social{margin-top:18px;font-weight:600;font-size:.96rem}
.f-soc-chip{border:1px solid rgba(242,182,60,.55);border-radius:999px;padding:3px 13px;margin:2px 3px;display:inline-block;color:var(--cream);text-decoration:none}
.f-soc-chip i{font-style:normal;color:var(--gold-2);font-weight:700}