/* V77 — SITEWIDE TYPOGRAPHY + CTA/HEADER CONSISTENCY
   Reference language: Feedback page.
   V77 makes headings visibly bold, enlarges the primary navigation,
   and standardizes the bottom action panels to the Lovish navy/rose system.
*/
:root{
  --site-navy:#132f55;
  --site-rose:#b85a6c;
  --site-cream:#fbf7f1;
  --site-blush:#fbf1ed;
  --site-muted:#60748e;
}

/* =========================================================
   1. SITEWIDE HEADING HIERARCHY — BOLD FOR VISIBILITY
   ========================================================= */
main h1,
.hero h1,
.page-hero h1,
.pricing-hero h1,
.support-hero h1,
.course-detail-hero h1,
.course-hero h1{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:48px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  letter-spacing:-1px !important;
  color:var(--site-navy) !important;
}

main h2,
.section-title h2,
.course-group h2,
.about-card h2,
.contact-card h2,
.resource-card h2,
.resource-section-title,
.course-section h2,
.course-bottom-cta h2,
.lead-cta h2,
.cta h2{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:24px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  letter-spacing:-.35px !important;
  color:var(--site-navy) !important;
}

main h3,
.course-card h3,
.unit h3,
.aside-card h3,
.about-card h3,
.contact-card h3,
.plan-name,
.plan-card h3{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1.22 !important;
  letter-spacing:-.15px !important;
  color:var(--site-navy) !important;
}

main h4{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  color:var(--site-navy) !important;
}

.success h2,
.success h3{
  font-family:Georgia,'Times New Roman',serif !important;
  font-weight:700 !important;
  color:var(--site-navy) !important;
}

h2[style], h3[style], h4[style]{
  font-family:Georgia,'Times New Roman',serif !important;
  color:var(--site-navy) !important;
  font-weight:700 !important;
}

/* =========================================================
   2. TOP NAVIGATION — SAME SERIF LANGUAGE, LARGER + BOLD
   ========================================================= */
body>header .navlinks a,
body header.mini-nav .navlinks a,
header.mini-nav .navlinks a{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  letter-spacing:-.05px !important;
  color:var(--site-navy) !important;
}

body>header .top-cta,
body header.mini-nav .top-cta,
header.mini-nav .top-cta{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
}

/* Keep the nav readable at intermediate widths without returning to tiny text. */
@media(max-width:1100px){
  body>header .navlinks a,
  body header.mini-nav .navlinks a,
  header.mini-nav .navlinks a{
    font-size:13px !important;
  }
}

@media(max-width:850px){
  body>header .navlinks a,
  body header.mini-nav .navlinks a,
  header.mini-nav .navlinks a{
    font-size:14px !important;
  }
}

/* =========================================================
   3. SUPPORTING TEXT
   ========================================================= */
.section-sub,
.section-note,
.resource-section-sub,
.directory-intro,
.hero p,
.page-hero p,
.resource-card p,
.about-card p,
.contact-card p,
.course-card p,
.course-section p,
.course-section li,
.aside-help,
.lead-cta p,
.cta p{
  font-family:Arial,Helvetica,sans-serif !important;
  color:var(--site-muted) !important;
}

.section-sub,
.resource-section-sub,
.directory-intro{
  font-size:14px !important;
  line-height:1.6 !important;
}

.course-card h3{
  margin-top:15px !important;
  margin-bottom:11px !important;
}

.section-title h2,
.resource-section-title,
.course-group h2,
.about-card h2,
.contact-card h2,
.resource-card h2,
.course-section h2{
  margin-top:0 !important;
}

.section-title h2{margin-bottom:0 !important}
.resource-section-title{margin-bottom:5px !important}

/* =========================================================
   4. SITEWIDE BOTTOM ACTION PANELS / BLUE BOXES
   =========================================================
   These are the action panels immediately before the real footer.
   They now share one reliable navy background and white content.
*/
.lead-cta,
.cta,
.course-cta,
.course-bottom-cta,
.probono-cta{
  background:#132f55 !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.12) !important;
}

.lead-cta{
  border-radius:22px !important;
  margin:30px auto !important;
  width:min(1120px,92%) !important;
  padding:34px 40px !important;
  box-shadow:0 14px 34px rgba(19,47,85,.10) !important;
}

.lead-cta h2,
.cta h2,
.course-cta h2,
.course-bottom-cta h2,
.probono-cta h3{
  font-family:Georgia,'Times New Roman',serif !important;
  font-weight:700 !important;
  color:#fff !important;
}

.lead-cta h2{font-size:30px !important;line-height:1.2 !important}
.cta h2{font-size:30px !important;line-height:1.2 !important}
.course-cta h2,
.course-bottom-cta h2{font-size:26px !important;line-height:1.22 !important}
.probono-cta h3{font-size:28px !important;line-height:1.22 !important}

.lead-cta p,
.cta p,
.course-cta p,
.course-bottom-cta p,
.probono-cta p{
  color:#eaf0f6 !important;
}

/* Primary actions on navy panels use the site rose/red. */
.lead-cta .btn,
.lead-cta .btn-primary,
.lead-cta .btn-outline,
.cta .btn,
.course-cta .btn,
.course-bottom-cta a,
.probono-cta .btn,
.probono-cta .btn-primary{
  background:#b85a6c !important;
  border-color:#b85a6c !important;
  color:#fff !important;
  font-weight:800 !important;
}

.lead-cta .btn:hover,
.lead-cta .btn-primary:hover,
.lead-cta .btn-outline:hover,
.cta .btn:hover,
.course-cta .btn:hover,
.course-bottom-cta a:hover,
.probono-cta .btn:hover,
.probono-cta .btn-primary:hover{
  background:#a94f61 !important;
  border-color:#a94f61 !important;
  color:#fff !important;
}

/* Keep the email divider readable on the navy CTA. */
.cta .email,
.lead-cta .email{
  border-color:rgba(255,255,255,.32) !important;
}
.cta .email strong,
.cta .email a,
.lead-cta .email strong,
.lead-cta .email a{
  color:#fff !important;
}

/* Pricing support panel already has the correct navy treatment; make its
   heading and rose button conform to the same system. */
.probono-cta .pricing-kicker{color:#f4d39f !important}
.probono-cta .btn-primary{box-shadow:0 8px 20px rgba(184,90,108,.18) !important}

/* =========================================================
   5. REAL SITE FOOTER — KEEP LIGHT, BUT MATCH TYPOGRAPHY
   ========================================================= */
body>footer .footer-nav,
body>footer .footer-nav a{
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:12px !important;
  font-weight:700 !important;
}

/* =========================================================
   6. MOBILE
   ========================================================= */
@media(max-width:700px){
  main h1,
  .hero h1,
  .page-hero h1,
  .pricing-hero h1,
  .support-hero h1,
  .course-detail-hero h1,
  .course-hero h1{
    font-size:39px !important;
    line-height:1.12 !important;
    letter-spacing:-.8px !important;
  }

  main h2,
  .section-title h2,
  .course-group h2,
  .about-card h2,
  .contact-card h2,
  .resource-card h2,
  .resource-section-title,
  .course-section h2,
  .course-bottom-cta h2,
  .lead-cta h2,
  .cta h2{
    font-size:24px !important;
    line-height:1.25 !important;
  }

  main h3,
  .course-card h3,
  .unit h3,
  .aside-card h3,
  .about-card h3,
  .contact-card h3,
  .plan-name,
  .plan-card h3{
    font-size:19px !important;
    line-height:1.22 !important;
  }

  .lead-cta{
    width:min(100% - 28px,1120px) !important;
    margin:24px auto !important;
    padding:25px 22px !important;
  }

  .lead-cta h2,
  .cta h2{font-size:25px !important}
  .course-cta h2,
  .course-bottom-cta h2,
  .probono-cta h3{font-size:23px !important}
}