/* Tax Planning page repair --------------------------------------------------
   This route mixes purpose-built tax components with the shared service
   template. Scope every correction to the page: it needs high-contrast
   problem/proof bands and compact information panels, without changing the
   content or pushing unrelated service pages into the same composition. */

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem,
body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-catch,
body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-proof-section {
  background:
    radial-gradient(circle at 12% 100%, rgba(118, 73, 232, 0.34), transparent 33%),
    linear-gradient(135deg, #0b0a12, #201843) !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem {
  padding-block: clamp(72px, 6vw, 96px) !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.9fr);
  gap: clamp(44px, 6vw, 88px);
  align-items: center;
  max-width: 1120px;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem h2 {
  max-width: 15ch;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-h2 {
  font-size: clamp(20px, 1.35vw, 23px) !important;
  line-height: 1.12 !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem__body {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 1rem;
  line-height: 1.72;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem__callout {
  max-width: 58ch;
  color: #ffffff !important;
  font-size: 1.02rem;
  line-height: 1.62;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem__card {
  height: auto;
  padding: 28px !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.18) !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem__card-header,
body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem__card-row,
body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem__card-result {
  color: rgba(255, 255, 255, 0.82) !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-feature-row {
  gap: clamp(36px, 5vw, 72px);
  padding-block: clamp(42px, 4vw, 58px);
  border-inline: 0 !important;
  border-color: var(--nh-line);
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-feature-row__visual {
  min-height: 238px;
  padding: clamp(26px, 3vw, 36px);
  border-color: var(--nh-line);
  border-radius: 14px;
  background: linear-gradient(145deg, #ffffff, #f6f3ff);
  box-shadow: none;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-feature-row__title {
  color: var(--nh-ink) !important;
  font-size: clamp(20px, 1.35vw, 23px) !important;
  line-height: 1.12 !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-feature-row__desc {
  color: var(--nh-muted) !important;
  font-size: 1rem;
  line-height: 1.68;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-catch {
  padding-block: clamp(70px, 6vw, 88px) !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-catch__grid {
  max-width: 1080px;
  gap: 0;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-catch__grid > div {
  min-width: 0;
  padding: 0 28px !important;
  border: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-catch__grid > div:first-child {
  padding-left: 0 !important;
  border-left: 0 !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-catch__grid > div:last-child {
  padding-right: 0 !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-catch__grid p {
  color: rgba(255, 255, 255, 0.75) !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-proof-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: none;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-proof-section .bf-testimonial {
  border-color: var(--nh-line) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-proof-section .bf-testimonial :where(p, .bf-testimonial__author, .bf-testimonial__role) {
  color: var(--nh-ink-soft) !important;
}

body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-proof-section .bf-testimonial__role {
  color: var(--nh-muted) !important;
}

@media (max-width: 768px) {
  body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-tp-problem__grid,
  body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-proof-grid {
    grid-template-columns: 1fr;
  }

  body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-catch__grid {
    display: block;
  }

  body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-catch__grid > div {
    padding: 24px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-left: 0 !important;
  }

  body.bf-page-tax-planning.bf-nh.bf-experience-v3 .bf-catch__grid > div:first-child {
    padding-top: 0 !important;
    border-top: 0 !important;
  }
}
