/* Mavericks blog lead system v164 — lightweight, responsive, no external assets. */

.blog-content-prose .cms-quick-answer,
.blog-content-prose .cms-college-card,
.blog-content-prose .mav-blog-mid-cta,
.blog-content-prose .mav-blog-form {
  box-sizing: border-box !important;
}

.blog-content-prose .cms-quick-answer {
  margin: 24px 0 34px !important;
  padding: 22px 24px !important;
  border: 1px solid #d8e3f1 !important;
  border-left: 5px solid #f2b52f !important;
  border-radius: 15px !important;
  background: #f8fbff !important;
  box-shadow: 0 16px 38px -32px rgba(15, 42, 95, .42) !important;
}
.blog-content-prose .cms-quick-answer h2 {
  margin: 0 0 8px !important;
  font-size: 21px !important;
  line-height: 1.3 !important;
  color: #0f2a5f !important;
}
.blog-content-prose .cms-quick-answer p { margin: 0 0 16px !important; }
.blog-content-prose .cms-quick-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.blog-content-prose .cms-quick-actions a {
  display: inline-flex !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 18px !important;
  border: 1px solid #d8e3f1 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #0f2a5f !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  background-image: none !important;
}
.blog-content-prose .cms-quick-actions a:last-child {
  border-color: #e7a417 !important;
  background: linear-gradient(135deg, #ffd267, #f4ad1d) !important;
}

.blog-content-prose .cms-college-card {
  margin: 32px 0 !important;
  padding: 26px !important;
  border: 1px solid #dbe5f0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px -36px rgba(15, 42, 95, .55) !important;
}
.blog-content-prose .cms-college-card h2,
.blog-content-prose .cms-college-card h3 { margin-top: 0 !important; }
.blog-content-prose .cms-college-card > a,
.blog-content-prose .cms-college-card .cms-college-action {
  display: inline-flex !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 8px !important;
  padding: 10px 21px !important;
  border-radius: 999px !important;
  border: 1px solid #e4a715 !important;
  background: linear-gradient(135deg, #ffd266, #f5aa14) !important;
  color: #0d2858 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  background-image: none !important;
}

.mav-blog-mid-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  margin: 38px 0 !important;
  padding: 22px 24px !important;
  border: 1px solid #d9e4f1 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #f8fbff, #fffaf0) !important;
  box-shadow: 0 18px 42px -36px rgba(15, 42, 95, .5) !important;
}
.mav-blog-mid-cta div { min-width: 0 !important; }
.mav-blog-mid-cta span {
  display: block !important;
  margin-bottom: 3px !important;
  color: #8b5b00 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.mav-blog-mid-cta strong {
  display: block !important;
  color: #112f64 !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
}
.mav-blog-mid-cta a {
  display: inline-flex !important;
  min-height: 44px !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 19px !important;
  border: 1px solid #e4a715 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffd266, #f5aa14) !important;
  color: #0d2858 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  background-image: none !important;
}

.mav-blog-form {
  scroll-margin-top: 110px !important;
  display: grid !important;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
  gap: 28px !important;
  margin: 46px 0 40px !important;
  padding: 30px !important;
  border: 1px solid #d8e3f0 !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 24px 58px -42px rgba(15, 42, 95, .62) !important;
  content-visibility: auto;
  contain-intrinsic-size: 560px;
}
.mav-blog-form__intro {
  padding: 6px 4px !important;
}
.mav-blog-form__eyebrow {
  display: inline-block !important;
  margin-bottom: 10px !important;
  color: #a56a00 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
.mav-blog-form__intro h2 {
  margin: 0 0 12px !important;
  color: #0f2a5f !important;
  font-size: 27px !important;
  line-height: 1.22 !important;
}
.mav-blog-form__intro p {
  margin: 0 0 18px !important;
  color: #52627a !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
.mav-blog-form__trust {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
}
.mav-blog-form__trust span {
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
.mav-blog-form__fields {
  min-width: 0 !important;
}
.mav-blog-form__context {
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: #fff8e7 !important;
  color: #7c5100 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
.mav-blog-form__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.mav-blog-form__grid label {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
}
.mav-blog-form__grid label > span {
  display: block !important;
  margin: 0 0 6px !important;
  color: #253b60 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.mav-blog-form__grid label small { font-weight: 500 !important; color: #718096 !important; }
.mav-blog-form__grid input,
.mav-blog-form__grid select {
  width: 100% !important;
  min-height: 46px !important;
  padding: 10px 12px !important;
  border: 1px solid #cfdae8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #172b4d !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  outline: none !important;
  box-shadow: none !important;
}
.mav-blog-form__grid input:focus,
.mav-blog-form__grid select:focus {
  border-color: #b6820e !important;
  box-shadow: 0 0 0 3px rgba(238, 181, 48, .17) !important;
}
.mav-blog-form__error {
  margin-top: 12px !important;
  padding: 10px 12px !important;
  border-radius: 9px !important;
  background: #fff1f0 !important;
  color: #a0221b !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
.mav-blog-form__submit {
  display: inline-flex !important;
  min-height: 47px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  margin-top: 15px !important;
  padding: 10px 22px !important;
  border: 1px solid #e0a515 !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #ffd266, #f4aa15) !important;
  color: #0d2858 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}
.mav-blog-form__submit:disabled { cursor: wait !important; opacity: .78 !important; }
.mav-blog-form__spinner {
  width: 16px !important;
  height: 16px !important;
  border: 2px solid rgba(13, 40, 88, .25) !important;
  border-top-color: #0d2858 !important;
  border-radius: 50% !important;
  animation: mavBlogSpin .8s linear infinite !important;
}
.mav-blog-form__privacy {
  margin: 10px 0 0 !important;
  color: #718096 !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
}
.mav-blog-form__hp { position: absolute !important; left: -10000px !important; opacity: 0 !important; }
.mav-blog-form__success {
  min-height: 250px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
}
.mav-blog-form__success-icon {
  display: inline-flex !important;
  width: 42px !important;
  height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 12px !important;
  border-radius: 50% !important;
  background: #e8f7ed !important;
  color: #168344 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}
.mav-blog-form__success h3 { margin: 0 0 8px !important; color: #0f2a5f !important; font-size: 22px !important; }
.mav-blog-form__success p { margin: 0 0 16px !important; color: #52627a !important; font-size: 14px !important; }
.mav-blog-form__back {
  min-height: 40px !important;
  padding: 8px 15px !important;
  border: 1px solid #cfdae8 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #183867 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.mav-blog-sticky {
  position: fixed !important;
  left: 10px !important;
  right: 10px !important;
  bottom: calc(10px + env(safe-area-inset-bottom)) !important;
  z-index: 2147482000 !important;
  display: none !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 9px 9px 13px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 15px !important;
  background: rgba(10, 35, 78, .97) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px -20px rgba(0, 0, 0, .58) !important;
  transform: translateY(calc(100% + 24px)) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: transform .22s ease, opacity .22s ease !important;
}
.mav-blog-sticky.is-visible {
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
.mav-blog-sticky > div { min-width: 0 !important; flex: 1 1 auto !important; }
.mav-blog-sticky strong,
.mav-blog-sticky span { display: block !important; }
.mav-blog-sticky strong { font-size: 13px !important; line-height: 1.25 !important; }
.mav-blog-sticky span { margin-top: 2px !important; color: #cbd8eb !important; font-size: 10.5px !important; }
.mav-blog-sticky a {
  display: inline-flex !important;
  min-height: 40px !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #ffd266, #f4aa15) !important;
  color: #0d2858 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
.mav-blog-sticky button {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border: 0 !important;
  background: transparent !important;
  color: #dbe6f6 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

@keyframes mavBlogSpin { to { transform: rotate(360deg); } }

@media (max-width: 820px) {
  .mav-blog-form { grid-template-columns: 1fr !important; gap: 18px !important; padding: 24px !important; }
  .mav-blog-form__intro h2 { font-size: 24px !important; }
}

@media (max-width: 640px) {
  .blog-content-prose .cms-quick-answer { padding: 18px !important; }
  .blog-content-prose .cms-quick-actions { flex-direction: column !important; }
  .blog-content-prose .cms-quick-actions a { width: 100% !important; }
  .blog-content-prose .cms-college-card { padding: 20px !important; border-radius: 14px !important; }
  .blog-content-prose .cms-college-card > a,
  .blog-content-prose .cms-college-card .cms-college-action { width: 100% !important; }
  .mav-blog-mid-cta { flex-direction: column !important; align-items: stretch !important; padding: 19px !important; }
  .mav-blog-mid-cta a { width: 100% !important; }
  .mav-blog-form {
    margin: 34px 0 28px !important;
    padding: 20px 16px !important;
    border-radius: 15px !important;
    contain-intrinsic-size: 760px;
  }
  .mav-blog-form__intro h2 { font-size: 22px !important; }
  .mav-blog-form__grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .mav-blog-form__submit { width: 100% !important; }
  .mav-blog-sticky { display: flex !important; }
  body { padding-bottom: max(0px, env(safe-area-inset-bottom)) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .mav-blog-sticky,
  .mav-blog-form__spinner { transition: none !important; animation: none !important; }
}

/* Beat the legacy blog text normalizer without changing the rest of the article. */
.blog-detail-section .blog-content-prose .mav-blog-mid-cta span {
  display: block !important;
  color: #8b5b00 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}
.blog-detail-section .blog-content-prose .mav-blog-form .mav-blog-form__eyebrow {
  display: inline-block !important;
  color: #a56a00 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}
.blog-detail-section .blog-content-prose .mav-blog-form .mav-blog-form__trust span {
  display: inline !important;
  color: #334155 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
}
.blog-detail-section .blog-content-prose .mav-blog-form .mav-blog-form__grid label > span {
  display: block !important;
  color: #253b60 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}


/* v165 compact desktop form and single-form mobile behaviour */
@media (min-width: 768px) {
  .blog-detail-section .blog-content-prose .mav-blog-form {
    display: block !important;
    width: min(100%, 880px) !important;
    max-width: 880px !important;
    min-height: 0 !important;
    margin: 38px auto 34px !important;
    padding: 24px 26px !important;
    border: 1px solid #d7e2ef !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px -34px rgba(15, 42, 95, .48) !important;
    contain-intrinsic-size: 410px !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__intro {
    padding: 0 0 16px !important;
    margin: 0 0 18px !important;
    border-bottom: 1px solid #e5ecf4 !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__eyebrow {
    margin-bottom: 6px !important;
    font-size: 11px !important;
    letter-spacing: .08em !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__intro h2 {
    margin: 0 0 6px !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__intro p {
    max-width: 690px !important;
    margin: 0 0 10px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__trust {
    gap: 7px !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__trust span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    background: #f4f7fb !important;
    color: #41536d !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__context {
    margin: 0 0 12px !important;
    padding: 8px 10px !important;
    border: 1px solid #f1dfb5 !important;
    background: #fffaf0 !important;
    font-size: 12px !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__grid label > span {
    margin-bottom: 5px !important;
    font-size: 12.5px !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__grid input,
  .blog-detail-section .blog-content-prose .mav-blog-form__grid select {
    min-height: 44px !important;
    padding: 9px 11px !important;
    border-radius: 9px !important;
    font-size: 13.5px !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__submit {
    width: 100% !important;
    min-height: 46px !important;
    margin-top: 14px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
  }

  .blog-detail-section .blog-content-prose .mav-blog-form__privacy {
    margin-top: 8px !important;
    text-align: center !important;
    font-size: 10.5px !important;
    line-height: 1.4 !important;
  }
}

@media (max-width: 767px) {
  /* Mobile already has the compact counselling popup. Do not render a second form. */
  .blog-detail-section .blog-content-prose .mav-blog-form,
  #blog-enquiry.mav-blog-form {
    display: none !important;
  }
}

/* v168 — clear dual mobile actions and two-action CMS CTA blocks. */
.blog-content-prose .cms-cta-block {
  box-sizing: border-box !important;
  margin: 34px 0 !important;
  padding: 22px 24px !important;
  border: 1px solid #d8e3f0 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #f8fbff 0%, #fffaf1 100%) !important;
  box-shadow: 0 18px 42px -36px rgba(15, 42, 95, .48) !important;
}
.blog-content-prose .cms-cta-block h3 {
  margin: 0 0 7px !important;
  color: #102a5f !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
}
.blog-content-prose .cms-cta-block p {
  margin: 0 0 16px !important;
  color: #52627a !important;
}
.blog-content-prose .cms-cta-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.blog-content-prose .cms-cta-actions a {
  display: inline-flex !important;
  min-height: 43px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 9px 18px !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  background-image: none !important;
}
.blog-content-prose .cms-cta-actions a:first-child {
  border: 1px solid #e5a716 !important;
  background: linear-gradient(135deg, #ffd267, #f4ad1d) !important;
  color: #0d2858 !important;
}
.blog-content-prose .cms-cta-actions .cms-compare-action {
  border: 1px solid #173b70 !important;
  background: #173b70 !important;
  color: #fff !important;
}

@media (max-width: 767px) {
  .mav-blog-sticky {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 30px !important;
    align-items: center !important;
    gap: 7px !important;
    left: 8px !important;
    right: 8px !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    padding: 8px !important;
    border: 1px solid #d6e0ec !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 18px 46px -18px rgba(9, 29, 65, .52) !important;
    backdrop-filter: blur(10px) !important;
  }
  .mav-blog-sticky a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 9px 8px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
  .mav-blog-sticky .mav-blog-sticky__enquire {
    border: 1px solid #e4a715 !important;
    background: linear-gradient(135deg, #ffd267, #f4ad1d) !important;
    color: #0d2858 !important;
  }
  .mav-blog-sticky .mav-blog-sticky__compare {
    border: 1px solid #173b70 !important;
    background: #173b70 !important;
    color: #fff !important;
  }
  .mav-blog-sticky button {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 999px !important;
    background: #eef3f8 !important;
    color: #173b70 !important;
    font-size: 19px !important;
  }
  .blog-content-prose .cms-cta-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .blog-content-prose .cms-cta-actions a { width: 100% !important; }
}

@media (max-width: 350px) {
  .mav-blog-sticky { gap: 5px !important; padding: 6px !important; }
  .mav-blog-sticky a { font-size: 10.8px !important; padding-inline: 5px !important; }
}

/* v170 — heading above the existing mobile contact form reached by Enquire Now. */
.mav-mobile-contact-heading {
  display: none;
}
@media (max-width: 767px) {
  .mav-mobile-contact-heading {
    scroll-margin-top: 82px !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 28px 16px 10px !important;
    padding: 18px 17px 15px !important;
    border: 1px solid #d9e3ef !important;
    border-radius: 16px 16px 10px 10px !important;
    background: linear-gradient(145deg, #f8fbff 0%, #fffaf1 100%) !important;
    box-shadow: 0 14px 34px -28px rgba(15, 42, 95, .55) !important;
    text-align: left !important;
  }
  .mav-mobile-contact-heading > span {
    display: block !important;
    margin: 0 0 5px !important;
    color: #a36800 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }
  .mav-mobile-contact-heading h2 {
    margin: 0 0 6px !important;
    color: #102a5f !important;
    font-size: 21px !important;
    line-height: 1.28 !important;
    letter-spacing: -.015em !important;
  }
  .mav-mobile-contact-heading p {
    margin: 0 !important;
    color: #52627a !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
}