/* eBharat Hub UI — shared styles for hub/sub-hub pages
   Works with wrappers: .eb-hub  and  .eb-apps-v1
*/
.eb-hub, .eb-apps-v1{
  --bg:#fff; --bg2:#f8fafc; --card:#fff; --text:#0b1220; --muted:#475569; --line:#e5e7eb;
  --radius:18px; --shadow:0 10px 30px rgba(2,6,23,.08);
  color:var(--text);
  background:
    radial-gradient(900px 420px at 10% -10%, rgba(14,165,233,.08), transparent 60%),
    radial-gradient(700px 380px at 90% 0%, rgba(99,102,241,.07), transparent 60%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;
}
.eb-hub.theme-dark, .eb-apps-v1.theme-dark{
  --bg:#0b1220; --bg2:#0e141f; --card:#0f172a; --text:#e6eefc; --muted:#96a3b8; --line:rgba(148,163,184,.25);
}

/* layout */
.eb-hub .wrap, .eb-apps-v1 .wrap{max-width:1100px;margin:auto;padding:28px 18px}

/* hero */
.eb-hub .hero, .eb-apps-v1 .hero{
  position:relative;overflow:hidden;border-radius:24px;padding:32px 22px;border:1px solid var(--line);box-shadow:var(--shadow);
  background:
    radial-gradient(1200px 600px at 0% 0%, rgba(14,165,233,.10), transparent 60%),
    linear-gradient(135deg, rgba(14,165,233,.06), rgba(99,102,241,.06));
}
.eb-hub .crumbs, .eb-apps-v1 .crumbs{font-size:.9rem;color:var(--muted);margin-bottom:8px}
.eb-hub h1, .eb-apps-v1 h1{font-size:32px;margin:6px 0}
.eb-hub .sub, .eb-apps-v1 .sub{color:var(--muted);max-width:780px}

/* chips & sticky subnav */
.eb-hub .chips, .eb-apps-v1 .chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:14px}
.eb-hub .chip, .eb-apps-v1 .chip{padding:.45rem .75rem;border-radius:9999px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(2,6,23,.02),rgba(2,6,23,.01));font-weight:600}
.eb-hub .snav, .eb-apps-v1 .snav{position:sticky;top:10px;z-index:2;margin:18px 0 0;display:flex;gap:.6rem;flex-wrap:wrap}
.eb-hub .snav a, .eb-apps-v1 .snav a{text-decoration:none;color:var(--text);font-weight:700;padding:.55rem .85rem;border-radius:9999px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(14,165,233,.14),rgba(99,102,241,.12));transition:.2s transform ease,.2s filter ease}
.eb-hub .snav a:hover, .eb-apps-v1 .snav a:hover{transform:translateY(-1px);filter:brightness(1.05)}
/* sections */
.eb-hub .section, .eb-apps-v1 .section{margin-top:26px;border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:linear-gradient(180deg,var(--card),#f9fafb)}
.eb-hub .section h2, .eb-apps-v1 .section h2{font-size:22px;margin:0 0 10px}
.eb-hub .sectionhead, .eb-apps-v1 .sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.eb-hub .seeall, .eb-apps-v1 .seeall{font-weight:700;text-decoration:none;color:#0ea5e9}
/* grids */
.eb-hub .qgrid, .eb-apps-v1 .qgrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.eb-hub .qitem, .eb-apps-v1 .qitem{border:1px dashed var(--line);border-radius:14px;padding:10px 12px;background:var(--card)}
.eb-hub .factors, .eb-apps-v1 .factors{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.eb-hub .factor, .eb-apps-v1 .factor{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--card)}
.eb-hub .factor h3, .eb-apps-v1 .factor h3{margin:0 0 6px;font-size:16.5px}
/* buttons */
.eb-hub .btnrow, .eb-apps-v1 .btnrow{display:flex;flex-wrap:wrap;gap:.6rem}
.eb-hub .btn, .eb-apps-v1 .btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;padding:.7rem 1rem;border-radius:9999px;font-weight:800;color:#0b1220;background:linear-gradient(90deg,#bbf7d0,#34d399);border:1px solid #86efac}
.eb-hub .btn.alt, .eb-apps-v1 .btn.alt{background:linear-gradient(90deg,#bfdbfe,#60a5fa);border:1px solid #93c5fd}
/* cards */
.eb-hub .cards, .eb-apps-v1 .cards{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}
.eb-hub .card, .eb-apps-v1 .card{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--card);transition:.18s transform ease,.18s box-shadow ease}
.eb-hub .card:hover, .eb-apps-v1 .card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(2,6,23,.10)}
.eb-hub .thumb, .eb-apps-v1 .thumb{width:100%;aspect-ratio:16/9;border-radius:10px;background:#f1f5f9;margin-bottom:10px}
.eb-hub .card h3, .eb-apps-v1 .card h3{margin:.2rem 0;font-size:1.05rem;line-height:1.35}
.eb-hub .kicker, .eb-apps-v1 .kicker{color:#64748b;font-size:.9rem}

/* details/faq */
.eb-hub details, .eb-apps-v1 details{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--card)}
.eb-hub details+details, .eb-apps-v1 details+details{margin-top:10px}

/* responsive */
@media (max-width:860px){
  .eb-hub .qgrid, .eb-apps-v1 .qgrid,
  .eb-hub .factors, .eb-apps-v1 .factors,
  .eb-hub .cards, .eb-apps-v1 .cards{grid-template-columns:1fr}
  .eb-hub .snav, .eb-apps-v1 .snav{position:static}
}