/* Prikhno School landing: Gilroy + two-color brand accents.
   Primary blue #1573FF, secondary pink #FF3377. */
:root{
  --pink:#FF3377;
}
html,body,button,input,select,textarea,a,span,p,li,strong,small,label,
h1,h2,h3,h4,h5,h6{
  font-family:'Gilroy',Arial,sans-serif !important;
}

/* Center the major headings without turning card copy into centered text. */
.section-head{display:block !important;text-align:center}
.section-head>div{max-width:900px;margin-left:auto;margin-right:auto}
.section-title{margin:12px auto 0 !important;text-align:center;max-width:900px}
.section-copy{margin:14px auto 0 !important;text-align:center;max-width:620px}
.hero-grid>div:first-child{text-align:center}
.hero-lead{margin-left:auto !important;margin-right:auto !important}
.hero-points,.hero-actions{justify-content:center}
.hero-note{justify-content:center}
.about-copy{text-align:center}
.about-copy>p{margin-left:auto !important;margin-right:auto !important}
.about-copy .check-list{max-width:720px;margin-left:auto;margin-right:auto;text-align:left}
.about-results{max-width:760px;margin-left:auto;margin-right:auto}
.cta-grid>div:first-child{text-align:center}
.cta-card p{margin-left:auto;margin-right:auto}
.proof-panel-head{text-align:center}
.proof-panel-head>div{margin-left:auto;margin-right:auto}

/* Blue remains the primary UI color; pink is the secondary accent. */
.accent,.hero h1 span{color:var(--pink) !important}
.eyebrow{color:var(--blue) !important}
.teacher-exp,.program-badge,.proof-count{color:var(--pink) !important}
.tariff.featured{border-color:rgba(255,51,119,.42) !important}
.tariff.featured::before{background:var(--pink) !important}

@media(max-width:780px){
  .hero-grid>div:first-child,.section-head,.about-copy,.cta-grid>div:first-child{text-align:center}
  .section-copy{margin-left:auto !important;margin-right:auto !important}
}

/* Keep modal/course heading hierarchy aligned with the landing. */
.course-hero h2,.outcome-title,.modal-pad h2{text-align:center}
.course-hero>div>p{text-align:center}
.course-chips{justify-content:center}


/* v19.3: primary headings remain the brand blue; pink is a secondary accent only. */
.hero h1,.section-title,.about-copy h2,.proof-panel h3,.course-hero h2,.outcome-title,.modal-pad h2{
  color:#1573FF !important;
}
.hero h1 .accent,.hero h1 span,.section-title .accent,.about-copy h2 .accent{color:#FF3377 !important}

/* Reviews / certificates must visibly scroll on desktop as well as swipe on mobile. */
.proof-panel-head{display:flex !important;align-items:center;justify-content:space-between;gap:14px;text-align:left !important}
.proof-panel-head>div:first-child{margin:0 !important;text-align:left}
.proof-head-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.proof-scroll-controls{display:flex;gap:6px}
.proof-scroll-controls .round-btn{width:38px;height:38px;background:#1573FF !important;border-color:#1573FF !important;color:#fff !important}
.proof-scroll-controls .round-btn:hover{background:#0D5AD4 !important;border-color:#0D5AD4 !important}
.mini-carousel{scrollbar-width:thin !important;scrollbar-color:#1573FF #EAF4FF !important;overscroll-behavior-x:contain;cursor:grab;padding-bottom:12px !important}
.mini-carousel.is-dragging{cursor:grabbing;scroll-snap-type:none !important;user-select:none}
.mini-carousel::-webkit-scrollbar{display:block !important;height:7px}
.mini-carousel::-webkit-scrollbar-track{background:#EAF4FF;border-radius:999px}
.mini-carousel::-webkit-scrollbar-thumb{background:#1573FF;border-radius:999px}
.mini-carousel::-webkit-scrollbar-thumb:hover{background:#0D5AD4}
@media(max-width:620px){
  .proof-panel-head{align-items:flex-start;gap:10px}
  .proof-head-actions{gap:6px}
  .proof-count{white-space:nowrap}
  .proof-scroll-controls .round-btn{width:34px;height:34px}
}


/* v19.4 screenshot fixes: only the two marked labels are dark; CTA text stays readable. */
#reviews .eyebrow{
  color:#111827 !important;
}
.cta-card .eyebrow{
  color:#111827 !important;
  background:rgba(255,255,255,.92) !important;
}
.cta-card h2{
  color:#FFFFFF !important;
}
.cta-card p{
  color:#FFFFFF !important;
  font-size:18px;
  line-height:1.55;
  font-weight:600;
}
@media(max-width:780px){
  .cta-card p{font-size:16px;line-height:1.55}
}