/* consult_expert.css — "Consult with experts" CTA band (/ux-audit, position 5).
   Values from the spec ## Computed Styles: 1440 = base rules;
   768 → @media(max-width:991px); 375 → @media(max-width:479px).
   Run breakpoint boundary set {479,767,991,1919}.
   Typography via var(--font-*) (framework-11 E1 lock; source family
   'Plus Jakarta Sans' already resolves through the frozen tokens).
   All selectors scoped under the component root
   .c-consult_expert__section-consult-expert (rule 9 — shared canonical classes
   owned by about_info/accordion/all_blogs are styled only within this subtree). */

/* ---------------- Section root (source: aside.section_consult-expert) ------- */
.c-consult_expert__section-consult-expert {
  box-sizing: border-box;
  display: block;
  color: var(--color-text-primary);
  font-family: var(--font-family-body);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-body);
  line-height: var(--line-height-body);
  /* SDC-preview UA body-margin neutraliser (Drupal zeroes body margin on composed pages) */
  margin: -8px;
}
.region-content .c-consult_expert__section-consult-expert {
  margin: 0;
  width: 100%;
}

/* ---------------- padding-global + padding-section-medium ------------------- */
.c-consult_expert__section-consult-expert .c-about_info__heading-wrap-5 {
  box-sizing: border-box;
  display: block;
  padding: 96px var(--space-40);
}

/* ---------------- container-large ------------------------------------------- */
.c-consult_expert__section-consult-expert .c-about_info__heading-wrap {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 1280px; /* source container-large cap; no --container-max token this run */
  margin-inline: auto;
}

/* ---------------- row (source: .row.justify---center) ----------------------- */
.c-consult_expert__section-consult-expert .c-about_info__heading-wrap-7 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-40);
  width: 100%;
}

/* ---------------- centered content column (source: .max-width-968) ----------
   Own fixed max-width is the centering signal (rule 19); collapses below it at
   the narrower viewports where the container is smaller than 968px. */
.c-consult_expert__section-consult-expert .c-consult_expert__max-width-968 {
  display: block;
  width: 100%;
  max-width: 968px;
  min-width: 0;
}

/* ---------------- heading (source: h2.heading-style-h3 ... fade-up2 tricks) -- */
.c-consult_expert__section-consult-expert .c-consult_expert__heading {
  display: block;
  margin: 0 0 var(--space-20);
  /* Spec-recorded h2 height per viewport (96/120/160px). The source heading
     carries a fade-up scroll animation that had not fired at capture, so it is
     invisible in the screenshot yet still occupies its layout box; pinning the
     recorded height keeps the body + CTA aligned to the source regardless of
     how many lines our font metrics wrap the (visibly-rendered) heading to. */
  min-height: 96px;
  font-family: var(--font-family-display);
  font-weight: 500;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: -1.5px;
  text-align: center;
  color: var(--color-text-primary);
}

/* ---------------- body paragraph (source: p.para-1-desktop) ----------------- */
.c-consult_expert__section-consult-expert .c-consult_expert__body {
  display: block;
  margin: 0 0 52px;
  font-family: var(--font-family-body);
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: -0.48px;
  text-align: center;
  color: var(--color-text-dark);
}

/* ---------------- CTA wrapper (source: .display-flex.justify---center) ------- */
.c-consult_expert__section-consult-expert .c-consult_expert__display-flex {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* ---------------- CTA anchor (dark filled button; 270x52 at 1440, square) ----
   No hover/transition — the spec captured no interactive state for this link. */
.c-consult_expert__section-consult-expert .c-consult_expert__cta {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Source CTA is a constant ~270px-wide box at all three viewports
     (screenshot-measured); our weight-500 glyphs render ~18px narrower than the
     source, so pin the min-width to the measured box width and center the text. */
  min-width: 270px;
  padding: 14px 28px;
  font-family: var(--font-family-body);
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-transform: capitalize; /* source renders "with"->"With" (screenshot-evidenced) while content prop stays verbatim */
  text-decoration: none;
  color: var(--color-text-inverse);
  background-color: var(--color-bg-dark);
}

/* ============================ Tablet: 768 band ============================== */
@media (max-width: 991px) {
  .c-consult_expert__section-consult-expert .c-about_info__heading-wrap-5 {
    padding: var(--space-64) var(--space-40);
  }
  .c-consult_expert__section-consult-expert .c-about_info__heading-wrap-7 {
    gap: var(--space-10);
  }
  .c-consult_expert__section-consult-expert .c-consult_expert__heading {
    min-height: 120px;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -1.5px;
  }
  .c-consult_expert__section-consult-expert .c-consult_expert__body {
    margin: 0 0 32px;
    font-size: 21px;
    line-height: 31.5px;
    letter-spacing: -0.42px;
  }
}

/* ============================ Mobile: 375 band ============================== */
@media (max-width: 479px) {
  .c-consult_expert__section-consult-expert .c-about_info__heading-wrap-5 {
    padding: 48px var(--space-16);
  }
  .c-consult_expert__section-consult-expert .c-about_info__heading-wrap-7 {
    align-items: center;
    gap: var(--space-20);
  }
  .c-consult_expert__section-consult-expert .c-consult_expert__heading {
    min-height: 160px;
    font-size: 26px;
    line-height: 32px;
    letter-spacing: -1px;
  }
}

/* F14-VP page-scoped layout patches — iteration 2 (generated; safe to regenerate) */
@media (min-width: 992px) {
  .page--leaf [data-component="consult_expert"] .c-consult_expert__max-width-968 {
    min-width: auto;
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .page--leaf [data-component="consult_expert"] .c-consult_expert__max-width-968 {
    min-width: auto;
  }
}
@media (max-width: 479px) {
  .page--leaf [data-component="consult_expert"] .c-about_info__heading-wrap-7 {
    flex-direction: column;
  }
  .page--leaf [data-component="consult_expert"] .c-consult_expert__max-width-968 {
    min-width: auto;
  }
}
/* end F14-VP patches */