/* GENERATED by tools/build.py from src/pages/ed/faq.html (its style block and its style="..."
   attributes) - do not edit this file. Edit the source page, then run the build. */
  /* ============================================================
     PAGE-SPECIFIC OVERRIDES. The shared shell lives in
     ./assets/css/styles.css; only rules that differ from, or are
     absent in, the shared stylesheet are kept below.
     ============================================================ */

  /* screen-reader-only text */
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

  /* mobile nav toggle: plain icon button variant used by this page's nav JS */
  .nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:8px;margin:-8px;color:var(--blue-900)}
  .nav-toggle svg{width:26px;height:26px;display:block}

  /* ---------- Footer (this page's footer markup: bare <footer>, .mail/.tel, .foot-legal) ---------- */
  footer{color:#aec6dd;padding:60px 0 30px}
  .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}
  .foot-brand .brand{margin-bottom:18px}
  .foot-brand .brand .word{color:#fff}
  .foot-brand .brand .word span{color:var(--gold)}
  .foot-brand p{font-size:.95rem;color:#9bb6d0;max-width:340px;line-height:1.6}
  .foot-brand .mail{display:inline-flex;align-items:center;gap:9px;margin-top:18px;color:#fff;font-weight:600;font-family:var(--font-head);font-size:.98rem}
  .foot-brand .mail svg{width:18px;height:18px;color:var(--orange)}
  .foot-brand .tel{display:inline-flex;align-items:center;gap:9px;margin-top:10px;color:#cfe2f3;font-weight:600;font-family:var(--font-head);font-size:.95rem}
  .foot-brand .tel svg{width:17px;height:17px;color:var(--orange)}
  .foot-col .foot-h{font-family:var(--font-head);color:#fff;font-size:.85rem;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;font-weight:700}
  .foot-col a{display:block;font-size:.95rem;color:#9bb6d0;padding:7px 0;transition:color .15s ease}
  .foot-col a:hover{color:#fff}
  .foot-legal{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding:22px 0 0;font-size:.86rem}
  .foot-legal a{color:#9bb6d0;transition:color .15s ease}
  .foot-legal a:hover{color:#fff}
  .foot-legal a[aria-current="page"]{color:#fff;font-weight:700}
  .foot-legal .sepdot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.3)}
  .foot-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;flex-wrap:wrap;gap:12px}
  .foot-bottom p{font-size:.86rem;color:#80a0bd}
  .foot-bottom p + p{margin-top:4px}
  .foot-bottom .badges{display:flex;gap:10px;flex-wrap:wrap}
  .foot-bottom .badges span{font-size:.74rem;color:#9bb6d0;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:5px 13px}

  /* ============================================================
     PAGE-SPECIFIC: FAQ (faq.html only)
     ============================================================ */
  /* compact navy hero */
  .faq-hero{
    position:relative;overflow:hidden;
    background:
      radial-gradient(1000px 460px at 86% -18%, rgba(47,143,208,.52), transparent 60%),
      radial-gradient(760px 480px at -8% 120%, rgba(244,162,89,.14), transparent 55%),
      linear-gradient(160deg,#0d3b66 0%,#12477a 50%,#1b6ca8 100%);
    color:#fff;padding:74px 0 84px;text-align:center;
  }
  .faq-hero::before{
    content:"";position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:46px 46px;
    -webkit-mask-image:radial-gradient(80% 80% at 50% 20%,#000 30%,transparent 80%);
            mask-image:radial-gradient(80% 80% at 50% 20%,#000 30%,transparent 80%);
    pointer-events:none;
  }
  .faq-hero .inner{position:relative;z-index:1;max-width:760px;margin:0 auto}
  .faq-hero .eyebrow{color:#bfe0f7;justify-content:center}
  .faq-hero .eyebrow .dot{box-shadow:0 0 0 4px rgba(244,162,89,.28)}
  .faq-hero h1{color:#fff;font-size:2.9rem;margin:16px 0 0}
  .faq-hero p.sub{color:#d6e7f6;font-size:1.18rem;max-width:620px;margin:18px auto 0;line-height:1.6}
  .faq-hero p.sub a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
  .faq-hero .hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
  .faq-hero .hero-note{margin-top:16px;font-size:.9rem;color:#e6f0fa}

  /* CTA band: inline link on the dark card */
  .cta-text p a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}

  /* the FAQ body */
  .faq-body{background:var(--tint-2);position:relative;overflow:hidden}
  .faq-body::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:radial-gradient(rgba(27,108,168,.05) 1.4px,transparent 1.4px);
    background-size:30px 30px;
    -webkit-mask-image:radial-gradient(80% 50% at 50% 0%,#000,transparent 75%);
            mask-image:radial-gradient(80% 50% at 50% 0%,#000,transparent 75%);
  }
  .faq-body .wrap{position:relative;z-index:1}
  .faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:56px}

  .faq-group{display:flex;flex-direction:column;gap:14px}
  .group-head{display:flex;align-items:center;gap:15px;margin-bottom:4px}
  .group-head .gnum{
    flex:0 0 auto;width:48px;height:48px;border-radius:14px;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(150deg,#e9f2fb,#d7e9f8);color:var(--blue-700);
  }
  .group-head.accent .gnum{background:linear-gradient(150deg,#fdeedd,#fbe1c5);color:var(--orange-600)}
  .group-head .gnum svg{width:24px;height:24px}
  .group-head .gt{display:inline;margin:0;font-family:var(--font-head);font-weight:800;font-size:1.4rem;color:var(--blue-900);line-height:1.15;letter-spacing:-.01em}
  .group-head .gs{display:inline;font-size:.92rem;color:var(--slate)}

  /* accordion item: native details/summary, works without JS */
  details.qa{
    border:1px solid var(--border);border-radius:var(--radius-sm);
    background:#fff;box-shadow:var(--shadow-sm);overflow:hidden;
    transition:border-color .2s ease,box-shadow .2s ease;
  }
  details.qa[open]{border-color:#cfe0f0;box-shadow:var(--shadow)}
  details.qa summary{
    list-style:none;cursor:pointer;
    display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
    padding:19px 22px;
    font-family:var(--font-head);font-weight:700;font-size:1.06rem;color:var(--blue-900);
    line-height:1.32;
  }
  details.qa summary::-webkit-details-marker{display:none}
  details.qa summary .chev{
    flex:0 0 auto;width:30px;height:30px;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:var(--tint);color:var(--blue-700);transition:transform .25s ease,background .2s ease;
  }
  details.qa summary .chev svg{width:18px;height:18px}
  details.qa[open] summary .chev{transform:rotate(180deg);background:#fdeedd;color:var(--orange-600)}
  details.qa summary:hover{color:var(--blue-700)}
  details.qa .qa-body{padding:0 22px 21px;color:var(--slate);font-size:1rem;line-height:1.65}
  details.qa .qa-body p{margin:0}
  details.qa .qa-body p + p{margin-top:12px}
  details.qa .qa-body strong{color:var(--ink);font-weight:700}
  details.qa .qa-body a{color:var(--blue-700);font-weight:600;text-decoration:underline;text-underline-offset:2px}
  details.qa .qa-body a:hover{color:var(--blue-900)}
  /* monospaced masked-Aadhaar sample reads as data, not prose */
  details.qa .qa-body code{
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:.92em;background:var(--tint);border:1px solid var(--border);
    border-radius:6px;padding:1px 7px;color:var(--blue-900);
  }
  /* small inline pills */
  .qa-note{display:inline-flex;align-items:center;gap:7px;margin-top:12px;
    font-size:.82rem;font-family:var(--font-head);font-weight:700;color:var(--blue-700);
    background:var(--tint);border:1px solid var(--border);border-radius:999px;padding:5px 13px}
  .qa-note.live{color:#1f7a4d;background:#e4f7ec;border-color:#bfe7cd}
  .qa-note.soon{color:#7a5210;background:#fdf3e4;border-color:#f3dcba}
  .qa-note svg{width:14px;height:14px;flex:0 0 auto}

  /* smooth open (respects reduced motion) */
  @media (prefers-reduced-motion:no-preference){
    details.qa[open] .qa-body{animation:qaOpen .28s ease}
    @keyframes qaOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  }

  /* ---------- Responsive ---------- */
  @media (max-width:980px){
    .nav-links,.nav-cta .btn{display:none}
    .nav-toggle{display:inline-flex}
    .nav-inner{height:66px}
    .nav.is-open .nav-links{
      display:flex;flex-direction:column;align-items:stretch;gap:0;
      position:absolute;left:0;right:0;top:66px;
      background:#fff;border-bottom:1px solid var(--border);
      padding:8px 0;box-shadow:var(--shadow);
    }
    .nav.is-open .nav-links a{padding:14px 40px;font-size:1rem}
    .nav.is-open .nav-links a::after{display:none}
    .nav.is-open .nav-links .mobile-cta{margin:10px 40px 14px;text-align:center;background:var(--orange);color:#3a2208;border-radius:999px;padding:13px 0;font-weight:700}
    .faq-hero h1{font-size:2.4rem}
    .foot-grid{grid-template-columns:1fr 1fr;gap:34px}
    .foot-brand{grid-column:1 / -1}
    .cta-inner{padding:44px 40px}
    .cta-text h2{font-size:2rem}
    .nav-toggle{margin-left:auto}
  }
  @media (max-width:640px){
    .wrap{padding:0 22px}
    .base-seam{margin:0 22px}
    section{padding:60px 0}
    .faq-hero{padding:54px 0 60px}
    .faq-hero h1{font-size:2rem}
    .faq-hero p.sub{font-size:1.04rem}
    .faq-hero .hero-actions{flex-direction:column;align-items:stretch}
    .faq-hero .hero-actions .btn{width:100%}
    .faq-list{gap:42px}
    .group-head .gt{font-size:1.22rem}
    details.qa summary{font-size:1rem;padding:17px 18px}
    details.qa .qa-body{padding:0 18px 18px;font-size:.96rem}
    .cta-band{padding:60px 0 52px}
    .cta-inner{padding:34px 26px}
    .cta-text h2{font-size:1.7rem}
    .cta-actions{width:100%;flex-direction:column}
    .cta-actions .btn{width:100%}
    .foot-grid{grid-template-columns:1fr;gap:28px}
    .foot-bottom{flex-direction:column;align-items:flex-start}
    .nav.is-open .nav-links a,.nav.is-open .nav-links .mobile-cta{padding-left:22px;padding-right:22px}
    .nav.is-open .nav-links .mobile-cta{margin-left:22px;margin-right:22px}
  }
.s-101860af{font-size:1.2rem !important}
.s-38729897{width:36px !important}