/* =========================================================
   GYAN BINDU ACADEMY — Inner Page Module
   Extends style.css design tokens for non-homepage pages
   ========================================================= */

/* ---------- Page hero / banner ---------- */
.page-hero{
  position:relative;
  background:linear-gradient(120deg,var(--navy-950) 0%,var(--navy-900) 60%,var(--navy-800) 100%);
  padding:64px 0 46px;
  overflow:hidden;
}
.page-hero::after{
  content:"";position:absolute;inset:0;
  background-image:radial-gradient(circle at 85% 20%,rgba(242,24,79,.22),transparent 45%),
                    radial-gradient(circle at 10% 90%,rgba(245,179,66,.14),transparent 40%);
  pointer-events:none;
}
.page-hero .container{position:relative;z-index:1;}
.page-hero .eyebrow{color:#FF9EB6;}
.page-hero .eyebrow::before{background:#FF9EB6;}
.page-hero h1{color:#fff;font-size:clamp(26px,4vw,40px);margin-bottom:10px;}
.page-hero p.lead{color:#C9CEDC;font-size:15.5px;max-width:640px;margin-bottom:0;}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:#9BA1B2;margin-top:16px;}
.breadcrumb a{color:#C9CEDC;font-weight:600;}
.breadcrumb a:hover{color:var(--pink-600);}
.breadcrumb span.sep{color:#5B6278;}
.breadcrumb span.current{color:#FF9EB6;font-weight:600;}

/* ---------- Prose / article content ---------- */
.prose-layout{display:grid;grid-template-columns:1.55fr .85fr;gap:48px;align-items:start;}
@media(max-width:980px){.prose-layout{grid-template-columns:1fr;}}
.prose{color:var(--ink-700);font-size:15.5px;}
.prose h2{font-size:clamp(22px,2.6vw,28px);margin-top:1.4em;}
.prose h2:first-child{margin-top:0;}
.prose h3{font-size:19px;margin-top:1.3em;}
.prose p{margin-bottom:1.1em;}
.prose ul{margin:0 0 1.2em;}
.prose ul li{position:relative;padding-left:22px;margin-bottom:9px;}
.prose ul li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;background:var(--pink-600);}
.prose strong{color:var(--navy-900);}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:14px;}
.prose table th,.prose table td{border:1px solid var(--line);padding:10px 12px;text-align:left;}
.prose table th{background:var(--paper-alt);font-family:var(--font-display);color:var(--navy-900);}

/* ---------- Sidebar CTA card (sticky) ---------- */
.side-cta{position:sticky;top:calc(var(--header-h) + 24px);}
.side-cta .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:26px;box-shadow:var(--shadow-sm);}
.side-cta .card h3{font-size:17px;margin-bottom:10px;color:var(--navy-900);}
.side-cta .card p{font-size:13.5px;color:var(--ink-500);margin-bottom:16px;}
.side-cta .card + .card{margin-top:20px;}
.side-cta .contact-line{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-700);margin-bottom:10px;}
.side-cta .contact-line svg{flex:none;width:16px;height:16px;color:var(--pink-600);}

/* ---------- Simple feature/stat strip reused on inner pages ---------- */
.mini-stats{display:flex;gap:22px;flex-wrap:wrap;margin:26px 0 6px;}
.mini-stats div{background:var(--paper-alt);border-radius:var(--radius-sm);padding:16px 20px;flex:1 1 140px;text-align:center;}
.mini-stats div b{display:block;font-family:var(--font-display);font-size:22px;color:var(--pink-600);}
.mini-stats div span{font-size:12px;color:var(--ink-500);}

/* ---------- Accordion wrapper (works with existing .accordion-item styles) ---------- */
.accordion{max-width:100%;}

/* ---------- Blog / list cards ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.blog-grid{grid-template-columns:1fr;}}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow .22s ease,transform .22s ease;}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.blog-card .body{padding:22px;}
.blog-card .eyebrow{margin-bottom:8px;}
.blog-card h3{font-size:16.5px;margin-bottom:8px;}
.blog-card p{font-size:13.5px;color:var(--ink-500);}

/* ---------- Simple content-only page (no sidebar) ---------- */
.prose-solo{max-width:820px;}

/* ---------- Download / resource list (books, syllabus, test series) ---------- */
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.resource-grid{grid-template-columns:1fr;}}
.resource-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .22s ease,transform .22s ease;}
.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.resource-card .ico{width:48px;height:48px;border-radius:12px;background:var(--pink-50);display:flex;align-items:center;justify-content:center;font-size:22px;}
.resource-card h3{font-size:16px;margin-bottom:2px;}
.resource-card p{font-size:13.5px;color:var(--ink-500);margin-bottom:2px;}

/* ---------- FAQ list ---------- */
.faq-list{max-width:900px;}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:14px;}
.faq-item h3{font-size:16px;color:var(--navy-900);margin-bottom:8px;}
.faq-item p{font-size:14px;color:var(--ink-500);margin:0;}

/* ---------- Pricing / batch table cards ---------- */
.batch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:22px 0;}
@media(max-width:768px){.batch-grid{grid-template-columns:1fr;}}
.batch-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:22px;}
.batch-card h4{font-size:15px;color:var(--pink-600);margin-bottom:12px;font-family:var(--font-display);}

/* ---------- Empty-state note ---------- */
.note-box{background:var(--pink-50);border-radius:var(--radius-sm);padding:16px 18px;color:var(--pink-700);font-size:14px;margin-top:8px;}

/* Result / topper photo gallery */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.gallery-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .22s ease,transform .22s ease;}
.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.gallery-item img{display:block;width:100%;height:200px;object-fit:cover;}
@media (max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.gallery-grid{grid-template-columns:1fr;}}