/*
 * ExpatChina Phase 2 Batch02 — Figma layout-parity repair.
 * Staging only. This layer changes composition, hierarchy and surfaces only.
 * Page-owned HTML/content remains untouched.
 */

/* Remove the report-like rule/number/oversized-heading signature. */
.ec-v2-phase2 .ecv4-section-heading {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* The four propagated pages use the same vocabulary without copying the Visa
 * Master's display scale mechanically. */
body:not(.page-id-111) .ec-v2-phase2 .ecv4-section-heading h2 {
  font-size: clamp(2rem, 2.65vw, 2.45rem) !important;
  line-height: 1.06 !important;
}

.ec-v2-phase2 .ecv4-section-heading .ecv3-kicker {
  display: block !important;
  margin: 0 0 1rem !important;
  color: var(--p2-orange) !important;
  font-size: .72rem !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.ec-v2-phase2 .ecv4-section-heading h2 {
  max-width: 20ch !important;
  margin: 0 !important;
  color: var(--p2-ink) !important;
  font-size: clamp(2rem, 3vw, 2.85rem) !important;
  font-weight: 650 !important;
  line-height: 1.03 !important;
  letter-spacing: -.055em !important;
}

/* The stored H2 retains its original sequence number. Visually, the micro-label
 * is the sole sequence signal; ::first-letter removes the duplicated inline number. */
.ec-v2-phase2 .ecv4-section-heading h2::first-letter {
  font-size: 0 !important;
}

.ec-v2-phase2 .ecv4-section--decision-tool .ecv3-kicker::after { content: " \00b7  DECISION INPUTS"; }
.ec-v2-phase2 .ecv4-section--ownership .ecv3-kicker::after { content: " \00b7  OWNERSHIP"; }
.ec-v2-phase2 .ecv4-section--timeline .ecv3-kicker::after { content: " \00b7  SEPARATE THE SYSTEMS"; }
.ec-v2-phase2 .ecv4-section--comparison .ecv3-kicker::after { content: " \00b7  PRACTICAL COMPARISON"; }
.ec-v2-phase2 .ecv4-section--first-month .ecv3-kicker::after { content: " \00b7  RE-CHECK TRIGGERS"; }
.ec-v2-phase2 .ecv4-section--action-system .ecv3-kicker::after { content: " \00b7  ACTION SYSTEM"; }

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-kicker::after { content: " \00b7  VISA ROUTE FINDER"; }
body.page-id-112 #start-with-the-four-document-overview .ecv3-kicker::after { content: " \00b7  DOCUMENT RELATIONSHIP"; }
body.page-id-113 #build-the-pack-from-real-use-cases .ecv3-kicker::after { content: " \00b7  DOCUMENT PACK SYSTEM"; }
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv3-kicker::after { content: " \00b7  LAWFUL ROUTE"; }
body.page-id-127 #check-probation-hours-leave-and-benefits .ecv3-kicker::after { content: " \00b7  CONTRACT REVIEW"; }

/* Denser, varied section rhythm. White remains dominant. */
.ec-v2-phase2 > .ecv4-section,
.ec-v2-phase2 > .ecv4-section:nth-of-type(odd),
.ec-v2-phase2 > .ecv4-section:nth-of-type(3n),
.ec-v2-phase2 > .ecv4-section--comparison,
.ec-v2-phase2 > .ecv4-section--timeline,
.ec-v2-phase2 > .ecv4-section--ownership,
.ec-v2-phase2 > .ecv4-section--action-system {
  padding: clamp(4.25rem, 5.8vw, 5.5rem) 0 !important;
  background: #fff !important;
}

.ec-v2-phase2 > .ecv4-section.ecv4-section--first-month {
  padding: clamp(4rem, 5.4vw, 5rem) 0 !important;
  background: var(--p2-sea-soft) !important;
  border-block: 1px solid #d9e9e7 !important;
}

.ec-v2-phase2 .ecv4-section-body {
  min-width: 0;
  max-width: 54rem;
  color: var(--p2-body) !important;
}

.ec-v2-phase2 .ecv4-section-body > :first-child { margin-top: 0 !important; }
.ec-v2-phase2 .ecv4-section-body > :last-child { margin-bottom: 0 !important; }

.ec-v2-phase2 .ecv4-key-statement,
.ec-v2-phase2 .ecv4-section-body > p:first-child {
  color: var(--p2-ink) !important;
  font-size: clamp(1.16rem, 1.45vw, 1.3rem) !important;
  line-height: 1.5 !important;
}

/* Figma vocabulary: asymmetric split, wide anchor, centered reading field,
 * structured matrix, highlighted checklist, and editorial image break. */
@media (min-width: 1101px) {
  .ec-v2-phase2 .ecv4-section .ecv4-composition {
    display: grid !important;
    align-items: start !important;
  }

  .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-composition {
    grid-template-columns: minmax(18rem, 23.5rem) minmax(0, 1fr) !important;
    gap: clamp(3.5rem, 5vw, 5rem) !important;
  }

  .ec-v2-phase2 .ecv4-section--ownership .ecv4-composition,
  .ec-v2-phase2 .ecv4-section--comparison .ecv4-composition,
  .ec-v2-phase2 .ecv4-section--first-month .ecv4-composition {
    grid-template-columns: minmax(17rem, 22rem) minmax(0, 1fr) !important;
    gap: clamp(3.5rem, 5vw, 5rem) !important;
  }

  .ec-v2-phase2 .ecv4-section--timeline .ecv4-composition,
  .ec-v2-phase2 .ecv4-section--action-system .ecv4-composition {
    display: block !important;
    width: min(100%, 66.5rem) !important;
    margin-inline: auto !important;
  }

  .ec-v2-phase2 .ecv4-section--timeline .ecv4-section-heading,
  .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-heading {
    margin-bottom: 2.25rem !important;
  }

  .ec-v2-phase2 .ecv4-section--timeline .ecv4-section-heading h2,
  .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-heading h2 {
    max-width: 22ch !important;
  }

  .ec-v2-phase2 .ecv4-section--timeline .ecv4-section-body,
  .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body {
    max-width: 58rem !important;
  }
}

/* The first decision surface is a shared-divider matrix, not four soft cards. */
.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul,
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul {
  border-color: var(--p2-line) !important;
  background: #fff !important;
}

.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul strong,
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul strong {
  color: var(--p2-ink) !important;
}

/* Wide information anchors correspond to the major navy sections in Figma. */
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision,
body.page-id-112 #start-with-the-four-document-overview,
body.page-id-113 #build-the-pack-from-real-use-cases,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application,
body.page-id-127 #check-probation-hours-leave-and-benefits {
  padding: clamp(4.75rem, 6.4vw, 6.5rem) 0 !important;
  background: var(--p2-ink) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-composition,
body.page-id-112 #start-with-the-four-document-overview .ecv4-composition,
body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-composition,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-composition,
body.page-id-127 #check-probation-hours-leave-and-benefits .ecv4-composition {
  display: block !important;
  width: min(100%, var(--p2-rail)) !important;
}

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-heading,
body.page-id-112 #start-with-the-four-document-overview .ecv4-section-heading,
body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-heading,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-heading,
body.page-id-127 #check-probation-hours-leave-and-benefits .ecv4-section-heading {
  width: min(100%, 66rem) !important;
  margin-bottom: 2.25rem !important;
}

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-heading h2,
body.page-id-112 #start-with-the-four-document-overview .ecv4-section-heading h2,
body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-heading h2,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-heading h2,
body.page-id-127 #check-probation-hours-leave-and-benefits .ecv4-section-heading h2 {
  max-width: 21ch !important;
  color: #fff !important;
  font-size: clamp(2.75rem, 4.5vw, 4rem) !important;
  line-height: 1 !important;
}

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-body,
body.page-id-112 #start-with-the-four-document-overview .ecv4-section-body,
body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-body,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body,
body.page-id-127 #check-probation-hours-leave-and-benefits .ecv4-section-body {
  width: 100% !important;
  max-width: 72rem !important;
  color: #fff !important;
}

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-body,
body.page-id-112 #start-with-the-four-document-overview .ecv4-section-body,
body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-body,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body,
body.page-id-127 #check-probation-hours-leave-and-benefits .ecv4-section-body {
  width: 100% !important;
}

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision :is(h2, h3, p, li, strong),
body.page-id-112 #start-with-the-four-document-overview :is(h2, h3, p, li, strong),
body.page-id-113 #build-the-pack-from-real-use-cases :is(h2, h3, p, li, strong),
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application :is(h2, h3, p, li, strong),
body.page-id-127 #check-probation-hours-leave-and-benefits :is(h2, h3, p, li, strong) {
  color: #fff !important;
}

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-table-wrap,
body.page-id-112 #start-with-the-four-document-overview .ecv3-table-wrap,
body.page-id-113 #build-the-pack-from-real-use-cases .ecv3-table-wrap,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv3-table-wrap,
body.page-id-127 #check-probation-hours-leave-and-benefits .ecv3-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin: 2.25rem 0 !important;
  border-color: rgba(255,255,255,.3) !important;
}

/* Contract: move the primary anchor from the narrow confidentiality topic to
 * the actual contract-review system requested by the owner. */
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter {
  background: #fff !important;
  color: var(--p2-body) !important;
  box-shadow: none !important;
}

body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter :is(h2, h3, p, li, strong) {
  color: var(--p2-body) !important;
}

body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body > ul {
  width: 100% !important;
  max-width: none !important;
  border: 1px solid var(--p2-line) !important;
  border-left: 3px solid var(--p2-orange) !important;
  background: #fff !important;
  color: var(--p2-body) !important;
}

body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body > ul > li {
  color: var(--p2-body) !important;
}

body.page-id-127 #check-probation-hours-leave-and-benefits .ecv4-section-body > ul {
  width: 100% !important;
  max-width: none !important;
  border-color: rgba(255,255,255,.28) !important;
  border-left: 3px solid var(--p2-orange) !important;
  background: rgba(255,255,255,.055) !important;
}

body.page-id-127 #check-probation-hours-leave-and-benefits .ecv4-section-body > ul > li {
  border-color: rgba(255,255,255,.2) !important;
  background: transparent !important;
  color: #fff !important;
}

.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul {
  width: 100% !important;
  max-width: none !important;
}

.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body {
  display: block !important;
  width: 100% !important;
}

body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-heading h2 {
  color: var(--p2-ink) !important;
}

/* Visa Types: section-for-section parity with the approved master. */
@media (min-width: 1101px) {
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-composition,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-composition {
    grid-template-columns: 20.5rem minmax(0, 1fr) !important;
    gap: 4.5rem !important;
  }

  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-heading h2,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-heading h2 {
    font-size: clamp(2.8rem, 4.2vw, 3.75rem) !important;
  }

  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-composition,
  body.page-id-111 #finish-with-an-official-source-check .ecv4-composition {
    width: min(100%, 66.5rem) !important;
  }

  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body,
  body.page-id-111 #finish-with-an-official-source-check .ecv4-section-body {
    width: 100% !important;
  }

  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-heading h2 {
    max-width: 18ch !important;
    font-size: clamp(2.8rem, 4.2vw, 3.75rem) !important;
  }

  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv3-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 2rem 0 !important;
  }
}

body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading h2,
body.page-id-111 #finish-with-an-official-source-check .ecv4-section-heading h2 {
  font-size: clamp(2.8rem, 4.2vw, 3.75rem) !important;
}

body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 1.75rem 0 2rem !important;
  padding: 0 !important;
  border: 1px solid var(--p2-line) !important;
  list-style: none !important;
  counter-reset: visa-system;
}

body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li {
  counter-increment: visa-system;
  min-height: 9rem;
  margin: 0 !important;
  padding: 3rem 1.3rem 1.35rem !important;
  border-right: 1px solid var(--p2-line) !important;
  color: var(--p2-ink) !important;
  font-size: 1.16rem !important;
  line-height: 1.35 !important;
}

body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li:last-child {
  border-right: 0 !important;
}

body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li::before {
  content: "0" counter(visa-system);
  display: block;
  margin: -1.8rem 0 .9rem !important;
  color: var(--p2-orange) !important;
  font-size: .72rem !important;
  font-weight: 760;
  letter-spacing: .12em;
}

/* Compact highlighted checklist: shared rows, not floating cards. */
.ec-v2-phase2 .ecv4-section--first-month .ecv4-section-body > :is(ul, ol) {
  margin: 1.5rem 0 !important;
  padding: 0 !important;
  border: 1px solid #cbdedc !important;
  background: #fff !important;
  list-style: none !important;
  counter-reset: compact-row;
}

.ec-v2-phase2 .ecv4-section--first-month .ecv4-section-body > :is(ul, ol) > li {
  counter-increment: compact-row;
  position: relative;
  margin: 0 !important;
  padding: .82rem 1rem .82rem 4.25rem !important;
  border-bottom: 1px solid var(--p2-line) !important;
}

.ec-v2-phase2 .ecv4-section--first-month .ecv4-section-body > :is(ul, ol) > li:last-child { border-bottom: 0 !important; }
.ec-v2-phase2 .ecv4-section--first-month .ecv4-section-body > :is(ul, ol) > li::before {
  content: "0" counter(compact-row);
  position: absolute;
  left: 1rem;
  top: .9rem;
  color: var(--p2-orange) !important;
  font-size: .72rem !important;
  font-weight: 760;
  letter-spacing: .12em;
}

/* Permits relationship: three journeys form one structured comparison field. */
body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  max-width: 100% !important;
  border: 1px solid var(--p2-line);
  grid-template-rows: auto auto auto 1fr;
}

body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > p:first-child {
  grid-column: 1 / -1;
  grid-row: 1;
  margin: 0 !important;
  padding: 1.25rem 1.4rem !important;
  border-bottom: 1px solid var(--p2-line);
}

body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > h3 {
  margin: 0 !important;
  padding: 1.4rem 1.25rem .55rem !important;
  border-left: 1px solid var(--p2-line);
  color: var(--p2-ink) !important;
  font-size: 1.35rem !important;
}

body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > h3:nth-of-type(1) { grid-column: 1; grid-row: 2; border-left: 0; }
body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > h3:nth-of-type(2) { grid-column: 2; grid-row: 2; }
body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > h3:nth-of-type(3) { grid-column: 3; grid-row: 2; }

body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > p:not(:first-child) {
  margin: 0 !important;
  padding: .5rem 1.25rem 1.25rem !important;
  border-left: 1px solid var(--p2-line);
}

body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > p:nth-of-type(2) { grid-column: 1; grid-row: 3; border-left: 0; }
body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > p:nth-of-type(3) { grid-column: 1; grid-row: 4; border-left: 0; }
body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > p:nth-of-type(4) { grid-column: 2; grid-row: 3; }
body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > p:nth-of-type(5) { grid-column: 2; grid-row: 4; }
body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > p:nth-of-type(6) { grid-column: 3; grid-row: 3; }
body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > p:nth-of-type(7) { grid-column: 3; grid-row: 4; }

/* Override the earlier wide-table negative-margin primitive. Every table gets a
 * deliberate local canvas; the Visa sponsor table remains in its asymmetric split. */
@media (min-width: 1101px) {
  .ec-v2-phase2 .ecv4-section:not(#map-the-sponsor-and-document-dependencies) .ecv4-composition:has(.ecv3-table-wrap) {
    display: block !important;
    width: min(100%, 72rem) !important;
    margin-inline: auto !important;
  }

  .ec-v2-phase2 .ecv4-section:not(#map-the-sponsor-and-document-dependencies) .ecv4-composition:has(.ecv3-table-wrap) .ecv4-section-body {
    width: 100% !important;
    max-width: 72rem !important;
  }

  .ec-v2-phase2 .ecv4-section .ecv3-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 2rem 0 !important;
  }
}

/* Document pack and job/contract decisions use useful, wide grouped data. */
body.page-id-113 #separate-applicant-documents-from-employer-and-school-documents .ecv4-section-body > ul,
body.page-id-126 #screen-the-employer-before-sharing-a-full-document-pack .ecv4-section-body > ul,
body.page-id-127 #read-salary-currency-and-payment-terms-literally .ecv4-section-body > ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 1.5rem 0 !important;
  padding: 0 !important;
  border: 1px solid var(--p2-line) !important;
  list-style: none !important;
}

body.page-id-113 #separate-applicant-documents-from-employer-and-school-documents .ecv4-section-body > ul > li,
body.page-id-126 #screen-the-employer-before-sharing-a-full-document-pack .ecv4-section-body > ul > li,
body.page-id-127 #read-salary-currency-and-payment-terms-literally .ecv4-section-body > ul > li {
  margin: 0 !important;
  padding: 1rem 1.15rem !important;
  border-right: 1px solid var(--p2-line) !important;
  border-bottom: 1px solid var(--p2-line) !important;
}

/* Editorial image breaks reproduce the approved master cadence without touching copy. */
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry::after,
body.page-id-112 #do-not-confuse-possession-of-one-document-with-a-broader-right::after,
body.page-id-113 #separate-applicant-documents-from-employer-and-school-documents::after,
body.page-id-126 #use-search-channels-as-leads-not-proof::after,
body.page-id-127 #read-salary-currency-and-payment-terms-literally::after {
  content: "";
  display: block;
  width: min(calc(100% - 3rem), 81rem);
  height: clamp(18rem, 31vw, 27rem);
  margin: clamp(3rem, 5vw, 4.5rem) auto 0;
  background-position: center;
  background-size: cover;
  border-radius: 0;
}

body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry::after,
body.page-id-112 #do-not-confuse-possession-of-one-document-with-a-broader-right::after,
body.page-id-126 #use-search-channels-as-leads-not-proof::after {
  background-image: url('/wp-content/themes/expatchina-child/assets/images/shanghai-neighbourhood-v3.jpg');
}

body.page-id-113 #separate-applicant-documents-from-employer-and-school-documents::after,
body.page-id-127 #read-salary-currency-and-payment-terms-literally::after {
  background-image: url('/wp-content/themes/expatchina-child/assets/images/moving-planning-v3.jpg');
}

/* Lower action system is compact and information-led, not another giant chapter. */
.ec-v2-phase2 .ecv4-section--action-system:not(#check-probation-hours-leave-and-benefits) .ecv4-section-heading h2 {
  font-size: clamp(2.15rem, 3.5vw, 3.2rem) !important;
}

body:not(.page-id-111) .ec-v2-phase2 .ecv4-section--action-system:not(#check-probation-hours-leave-and-benefits) .ecv4-section-heading h2 {
  font-size: clamp(2.1rem, 3vw, 2.7rem) !important;
}

.ec-v2-phase2 .ecv4-batch-related {
  padding: clamp(4.25rem, 6vw, 5.75rem) 0 !important;
  box-shadow: none !important;
}

.ec-v2-phase2 .ecv4-batch-related h2 {
  max-width: 18ch !important;
  font-size: clamp(2.65rem, 4.5vw, 4rem) !important;
}

@media (max-width: 1100px) {
  .ec-v2-phase2 .ecv4-section .ecv4-composition {
    display: block !important;
  }

  .ec-v2-phase2 .ecv4-section-heading {
    margin-bottom: 1.7rem !important;
  }

  .ec-v2-phase2 .ecv4-section-body,
  .ec-v2-phase2 .ecv4-section-heading {
    max-width: 52rem !important;
  }

  body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body {
    max-width: 100% !important;
  }
}

@media (max-width: 760px) {
  .ec-v2-phase2 .ecv4-section-heading h2,
  .ec-v2-phase2 .ecv4-section--action-system:not(#check-probation-hours-leave-and-benefits) .ecv4-section-heading h2 {
    font-size: clamp(2rem, 8vw, 2.55rem) !important;
    line-height: 1.03 !important;
  }

  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-heading h2,
  body.page-id-112 #start-with-the-four-document-overview .ecv4-section-heading h2,
  body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-heading h2,
  body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-heading h2,
  body.page-id-127 #check-probation-hours-leave-and-benefits .ecv4-section-heading h2 {
    font-size: clamp(2.35rem, 10vw, 3rem) !important;
  }

  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol,
  body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body,
  body.page-id-113 #separate-applicant-documents-from-employer-and-school-documents .ecv4-section-body > ul,
  body.page-id-126 #screen-the-employer-before-sharing-a-full-document-pack .ecv4-section-body > ul,
  body.page-id-127 #read-salary-currency-and-payment-terms-literally .ecv4-section-body > ul {
    display: block !important;
  }

  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li,
  body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > *,
  body.page-id-113 #separate-applicant-documents-from-employer-and-school-documents .ecv4-section-body > ul > li,
  body.page-id-126 #screen-the-employer-before-sharing-a-full-document-pack .ecv4-section-body > ul > li,
  body.page-id-127 #read-salary-currency-and-payment-terms-literally .ecv4-section-body > ul > li {
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 1px solid var(--p2-line) !important;
  }

  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li:last-child,
  body.page-id-112 #use-typical-journeys-only-to-understand-dependencies .ecv4-section-body > *:last-child,
  body.page-id-113 #separate-applicant-documents-from-employer-and-school-documents .ecv4-section-body > ul > li:last-child,
  body.page-id-126 #screen-the-employer-before-sharing-a-full-document-pack .ecv4-section-body > ul > li:last-child,
  body.page-id-127 #read-salary-currency-and-payment-terms-literally .ecv4-section-body > ul > li:last-child {
    border-bottom: 0 !important;
  }

  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry::after,
  body.page-id-112 #do-not-confuse-possession-of-one-document-with-a-broader-right::after,
  body.page-id-113 #separate-applicant-documents-from-employer-and-school-documents::after,
  body.page-id-126 #use-search-channels-as-leads-not-proof::after,
  body.page-id-127 #read-salary-currency-and-payment-terms-literally::after {
    width: calc(100% - 2rem);
    height: 15rem;
  }
}

@media (max-width: 520px) {
  .ec-v2-phase2 > .ecv4-section,
  .ec-v2-phase2 > .ecv4-section--first-month {
    padding: 3.5rem 0 !important;
  }

  .ec-v2-phase2 .ecv4-section-heading .ecv3-kicker {
    margin-bottom: .75rem !important;
  }
}