/* Vidya (education): a school notebook. Graph-paper grounds, navy ink, sunshine
   yellow, chunky rounded Baloo headings and sticker-like buttons with an ink edge. */
.theme-vidya {
  --ink: #18204F; --muted: #535A7A; --bg: #FFFFFF; --tint: #F4F6FF; --line: #DFE4F5;
  --on-accent: #18204F; --sun: var(--accent);
  --font-head: "Baloo 2", "Hind", system-ui, sans-serif; --font-body: "Hind", system-ui, sans-serif;
  --head-weight: 800; --head-track: -0.015em; --head-line: 1.02;
  --radius-lg: 28px; --radius-md: 22px; --radius-sm: 14px; --radius-btn: 16px;
  --grid: linear-gradient(rgb(24 32 79 / .06) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, rgb(24 32 79 / .06) 1px, transparent 1px) 0 0 / 28px 28px;
}
.theme-vidya { font-size: 1.08rem; }
.theme-vidya .btn { border: 2.5px solid var(--ink); box-shadow: 0 4px 0 var(--ink); }
.theme-vidya .btn:hover { transform: translateY(-2px); box-shadow: 0 6px 0 var(--ink); }
.theme-vidya .btn:active { transform: translateY(3px); box-shadow: 0 1px 0 var(--ink); }
.theme-vidya .btn--ghost { background: #fff; color: var(--ink); }
.theme-vidya .site-footer .btn, .theme-vidya .cta-band .btn { border-color: #fff; box-shadow: 0 4px 0 rgb(0 0 0 / .35); }

.theme-vidya .hero { background: #F7F9FF; }
.theme-vidya .hero__bg { background: var(--grid); }
.theme-vidya .hero__bg::before { content: ""; position: absolute; top: 0; bottom: 0; left: max(3vw, calc(50% - 630px)); border-left: 2px solid rgb(255 107 74 / .5); }
.theme-vidya .hero__eyebrow { background: #fff; border: 2px solid var(--ink); border-radius: 999px; padding: 6px 14px; box-shadow: 0 3px 0 var(--ink); }
.theme-vidya .hero__lead { color: #3D4466; }
.theme-vidya .hero__media img { border: 3px solid var(--ink); box-shadow: 12px 12px 0 var(--accent), 12px 12px 0 3px var(--ink); transform: rotate(1.5deg); }
.theme-vidya .page-hero { background: #F7F9FF; border-bottom: 2.5px solid var(--ink); }
.theme-vidya .page-hero__bg { background: var(--grid); }

.theme-vidya .section--tint { background: #FFF8E1; }
.theme-vidya .stats-band { background: var(--brand); color: #fff; }
.theme-vidya .stats-band h2 { color: #fff; }
.theme-vidya .stats-band .lead { color: rgb(255 255 255 / .75); }
.theme-vidya .stat { padding: 26px 24px; border-radius: var(--radius-md); background: rgb(255 255 255 / .06); border: 2px dashed rgb(255 255 255 / .22); }
.theme-vidya .stat dd { color: var(--accent); }
.theme-vidya .stat dt { color: rgb(255 255 255 / .82); }

.theme-vidya .card, .theme-vidya .feature, .theme-vidya .tier, .theme-vidya .quote-card, .theme-vidya .campaign, .theme-vidya .card-form, .theme-vidya .donate__form, .theme-vidya .side-card, .theme-vidya .trust__panel, .theme-vidya .event, .theme-vidya .faq details {
  border: 2.5px solid var(--ink); box-shadow: 0 5px 0 var(--ink); }
.theme-vidya .card:hover, .theme-vidya .event:hover, .theme-vidya .tier:hover { transform: translateY(-3px); box-shadow: 0 8px 0 var(--ink); border-color: var(--ink); }
.theme-vidya .side-card--accent { background: #FFF8E1; }
.theme-vidya .feature__icon { background: var(--accent); color: var(--ink); border: 2.5px solid var(--ink); border-radius: 18px; transform: rotate(-4deg); }
.theme-vidya .feature:nth-child(3n+2) .feature__icon { background: #2EC4B6; transform: rotate(3deg); }
.theme-vidya .feature:nth-child(3n+3) .feature__icon { background: #FF8A6B; transform: rotate(-2deg); }
.theme-vidya .tag { background: var(--accent); color: var(--ink); border: 2px solid var(--ink); }
.theme-vidya .placeholder { background: var(--grid), #FFF3C4; color: var(--ink); }
.theme-vidya .card__media { border-bottom: 2.5px solid var(--ink); }
.theme-vidya .step__n { background: var(--accent); color: var(--ink); border: 2.5px solid var(--ink); box-shadow: 0 3px 0 var(--ink); }
.theme-vidya .event__date { background: var(--accent); color: var(--ink); border: 2.5px solid var(--ink); }
.theme-vidya .progress__bar { border: 2px solid var(--ink); height: 16px; background: #fff; }
.theme-vidya .progress__bar span { background: repeating-linear-gradient(-45deg, var(--accent) 0 10px, #FFD86B 10px 20px); }
.theme-vidya .tier__amount { color: var(--ink); }
.theme-vidya .tier:nth-child(2) { background: #FFF8E1; }

.theme-vidya .spotlight { background: #F7F9FF; }
.theme-vidya .spotlight blockquote { font-weight: 700; }
.theme-vidya .spotlight .framed { border: 3px solid var(--ink); box-shadow: -12px 12px 0 #2EC4B6, -12px 12px 0 3px var(--ink); }
.theme-vidya .framed { border: 2.5px solid var(--ink); }

.theme-vidya .cta-band { background: var(--brand); border: 2.5px solid var(--ink); box-shadow: 0 6px 0 var(--ink); }
.theme-vidya .cta-band__art { background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cpath d='M30 18c2 8 4 10 12 12-8 2-10 4-12 12-2-8-4-10-12-12 8-2 10-4 12-12z' fill='%23FFC23C' fill-opacity='.28'/%3E%3Ccircle cx='118' cy='104' r='5' fill='%23fff' fill-opacity='.18'/%3E%3Cpath d='M100 40l14 14M114 40L100 54' stroke='%23fff' stroke-opacity='.14' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E"); }
.theme-vidya .site-footer { background: #121A45; }
.theme-vidya .footer__art { background: var(--grid); opacity: .5; }
.theme-vidya .brand__mark { background: var(--accent); color: var(--ink); border: 2.5px solid var(--ink); border-radius: 14px; transform: rotate(-6deg); }
.theme-vidya .topbar { background: var(--ink); }
.theme-vidya .amount-chip span, .theme-vidya .method { border-width: 2.5px; }
.theme-vidya .amount-chip input:checked + span, .theme-vidya .method:has(input:checked) { border-color: var(--ink); background: #FFF3C4; box-shadow: 0 4px 0 var(--ink); }