/*
 * Batch02 — approved Visa Types implementation system.
 * Scope: staging page IDs 211, 212, 225 and 226 only.
 * This layer changes presentation only. It does not supply page copy or a footer.
 */

@font-face { font-family:"Inter Visa Exact"; src:url("../fonts/Inter-Regular.ttf") format("truetype"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:"Inter Visa Exact"; src:url("../fonts/Inter-SemiBold.ttf") format("truetype"); font-style:normal; font-weight:600; font-display:swap; }
@font-face { font-family:"Inter Visa Exact"; src:url("../fonts/Inter-Bold.ttf") format("truetype"); font-style:normal; font-weight:700; font-display:swap; }

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) {
  --b2-ink:#00263e;
  --b2-orange:#ff8200;
  --b2-teal:#007c80;
  --b2-sage:#e6f2f1;
  --b2-cool:#f4f6f7;
  --b2-border:#d7e0e4;
  --b2-white:#fff;
  --b2-rail:1296px;
  color:var(--b2-ink);
  background:#fff;
  font-family:"Inter Visa Exact",Inter,"Helvetica Neue",Arial,sans-serif;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .expatchina-breadcrumb-wrap,
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .entry-header { display:none!important; }

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :is(#page,.site-content,.content-area,.site-main,.inside-article,.entry-content) {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :is(.site-content,.inside-article) { padding:0!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .entry-content>.ec-v2-phase2 { margin:0!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2,
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 * {
  box-sizing:border-box;
  min-width:0;
  font-family:"Inter Visa Exact",Inter,"Helvetica Neue",Arial,sans-serif;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 { overflow:hidden; background:#fff; color:var(--b2-ink); }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-shell,
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-composition,
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :is(.ec-b2-about-inner,.ec-b2-help-inner) {
  width:var(--b2-rail)!important;
  max-width:calc(100% - 144px)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 :is(p,li,td) { font-size:17px; line-height:1.6; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 p { margin:0 0 18px; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 :is(h1,h2,h3,p) { color:inherit; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 a { text-underline-offset:3px; }

/* Approved micro typography: one sequence cue, never a second large number. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 :is(.ecv3-kicker,.ec-b2-intro-kicker,.ec-b2-eyebrow) {
  margin:0;
  color:var(--b2-orange)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:16px!important;
  letter-spacing:1.6px!important;
  text-transform:uppercase;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-heading .ecv3-kicker::after { content:none!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-heading { display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; border:0!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-heading h2::first-letter { font-size:inherit!important; color:inherit!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-heading h2 {
  max-width:20ch!important;
  margin:14px 0 0!important;
  color:var(--b2-ink)!important;
  font-size:clamp(38px,3.4vw,60px)!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
}

/* Hero — same fluid 680/560 proportion as the approved reference. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-editorial-hero {
  min-height:670px!important;
  padding:68px 0!important;
  border:0!important;
  background:#fff!important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-hero-grid {
  width:1240px!important;
  max-width:calc(100% - 200px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,680fr) minmax(0,560fr)!important;
  gap:0!important;
  align-items:center!important;
  margin-inline:auto!important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-hero-copy {
  width:100%!important;
  min-height:520px;
  padding:38px 44px 38px 0!important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:22px;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-hero-copy>* { margin:0!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-hero-copy h1 {
  width:100%;
  max-width:11ch!important;
  color:var(--b2-ink)!important;
  font-size:clamp(58px,5.55vw,80px)!important;
  font-weight:700!important;
  line-height:.98!important;
  letter-spacing:-.07em!important;
}

body.page-id-112 .ec-v2-phase2 .ecv3-hero-copy h1 { font-size:clamp(52px,4.9vw,72px)!important; max-width:12.8ch!important; }
body.page-id-127 .ec-v2-phase2 .ecv3-hero-copy h1 { font-size:clamp(54px,5vw,74px)!important; max-width:12ch!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-deck { max-width:620px; color:#395265!important; font-size:20px!important; line-height:32px!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .expatchina-button {
  min-height:48px;
  padding:14px 24px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--b2-orange)!important;
  color:var(--b2-ink)!important;
  box-shadow:none!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:20px!important;
  text-decoration:none;
}

body:is(.page-id-112,.page-id-113) .ec-v2-phase2 .ecv3-hero-media,
body:is(.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-hero-grid::after {
  width:100%!important;
  height:520px!important;
  min-height:0!important;
  margin:0!important;
  border-radius:6px!important;
  overflow:hidden;
  box-shadow:none!important;
  background-position:center!important;
  background-size:cover!important;
}

body:is(.page-id-112,.page-id-113) .ec-v2-phase2 .ecv3-hero-media img { width:100%; height:100%; object-fit:cover; }

/* Start Here — bounded TOC rail and a confident editorial introduction. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-guide-intro {
  min-height:570px;
  padding:72px 0!important;
  background:var(--b2-sage)!important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-prose-layout {
  display:grid!important;
  grid-template-columns:minmax(260px,318px) minmax(0,820px)!important;
  gap:72px!important;
  align-items:start!important;
  justify-content:start!important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-toc {
  position:static!important;
  top:auto!important;
  width:100%!important;
  min-height:426px;
  padding:24px!important;
  border:1px solid var(--b2-border)!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.7)!important;
  box-shadow:none!important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-toc>p { margin:0 0 14px; color:var(--b2-ink)!important; font-size:14px!important; font-weight:700!important; line-height:20px!important; letter-spacing:.7px; text-transform:uppercase; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-toc a { display:block; padding:8px 0; border:0!important; color:var(--b2-ink)!important; font-size:15px; line-height:21px; text-decoration:none; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-guide-intro .ecv3-prose { width:100%!important; max-width:820px!important; padding-top:20px; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ec-b2-intro-kicker { margin-bottom:14px; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-editorial-intro { width:100%!important; max-width:800px!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-editorial-intro p:first-child { color:var(--b2-ink)!important; font-size:clamp(30px,3.1vw,46px)!important; font-weight:700; line-height:1.08!important; letter-spacing:-.045em; }

/* Editorial composition vocabulary. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2>.ecv4-section { margin:0!important; padding:84px 0!important; border:0!important; background:#fff!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2>.ecv4-section--first-month { background:var(--b2-cool)!important; border-block:1px solid var(--b2-border)!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-body { width:100%!important; max-width:894px!important; color:#395265!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-body>:first-child { margin-top:0!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-body>:last-child { margin-bottom:0!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 :is(.ecv4-key-statement,.ecv4-section-body>p:first-child) { color:var(--b2-ink)!important; font-size:20px!important; line-height:32px!important; }

@media (min-width:1101px) {
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-composition,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--ownership .ecv4-composition {
    display:grid!important;
    grid-template-columns:minmax(260px,330px) minmax(0,894px)!important;
    gap:72px!important;
    align-items:start!important;
  }

  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--timeline .ecv4-composition,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--action-system .ecv4-composition {
    display:block!important;
    width:1064px!important;
    max-width:calc(100% - 376px)!important;
  }

  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--timeline .ecv4-section-heading,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-heading { margin-bottom:28px!important; }

  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--timeline .ecv4-section-body,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body { max-width:1064px!important; }

  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--comparison .ecv4-composition,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--first-month .ecv4-composition {
    display:grid!important;
    grid-template-columns:minmax(300px,390px) minmax(0,834px)!important;
    gap:72px!important;
    align-items:start!important;
  }
}

/* The page-owned knowledge structure is the dominant navy information anchor. */
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:84px 0!important;
  background:var(--b2-ink)!important;
  color:#fff!important;
}

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; }

body.page-id-112 #start-with-the-four-document-overview :is(.ecv4-section-heading,.ecv4-section-body),
body.page-id-113 #build-the-pack-from-real-use-cases :is(.ecv4-section-heading,.ecv4-section-body),
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application :is(.ecv4-section-heading,.ecv4-section-body),
body.page-id-127 #check-probation-hours-leave-and-benefits :is(.ecv4-section-heading,.ecv4-section-body) { width:100%!important; max-width:100%!important; }

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 { margin-bottom:28px!important; }

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:20ch!important; color:#fff!important; font-size:clamp(46px,4.2vw,60px)!important; }

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

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-table-wrap { width:100%!important; max-width:100%!important; margin:28px 0!important; overflow-x:auto!important; border:1px solid var(--b2-border)!important; border-radius:4px!important; background:#fff!important; box-shadow:none!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-composition:has(.ecv3-table-wrap) .ecv3-table-wrap {
  width:100%!important;
  max-width:100%!important;
  margin:28px 0!important;
}
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 table { width:100%!important; border-collapse:collapse!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 th { padding:16px 18px!important; border:0!important; background:var(--b2-ink)!important; color:#fff!important; font-size:14px!important; font-weight:700!important; line-height:19px!important; text-align:left; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 td { padding:15px 18px!important; border:0!important; border-bottom:1px solid var(--b2-border)!important; background:#fff!important; color:#395265!important; vertical-align:top; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 tr:last-child td { border-bottom:0!important; }

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 { border-color:rgba(255,255,255,.25)!important; background:transparent!important; }

body.page-id-112 #start-with-the-four-document-overview th,
body.page-id-113 #build-the-pack-from-real-use-cases th,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application th,
body.page-id-127 #check-probation-hours-leave-and-benefits th { background:var(--b2-orange)!important; color:var(--b2-ink)!important; }

body.page-id-112 #start-with-the-four-document-overview td,
body.page-id-113 #build-the-pack-from-real-use-cases td,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application td,
body.page-id-127 #check-probation-hours-leave-and-benefits td { border-bottom-color:rgba(255,255,255,.25)!important; background:transparent!important; color:#f8fbfc!important; }

/* Matrices/checklists: shared rules, square surfaces, no warm cards. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-body>:is(ul,ol) { max-width:100%; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul,
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body>ul,
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--first-month .ecv4-section-body>:is(ul,ol) {
  margin:24px 0!important;
  padding:0!important;
  border:1px solid var(--b2-border)!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  list-style:none!important;
  counter-reset:b2-row;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body>ul>li,
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--first-month .ecv4-section-body>:is(ul,ol)>li {
  counter-increment:b2-row;
  position:relative;
  min-height:57px;
  margin:0!important;
  padding:15px 24px 15px 78px!important;
  border:0!important;
  border-bottom:1px solid var(--b2-border)!important;
  background:transparent!important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body>ul>li:last-child,
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--first-month .ecv4-section-body>:is(ul,ol)>li:last-child { border-bottom:0!important; }

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body>ul>li::before,
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--first-month .ecv4-section-body>:is(ul,ol)>li::before {
  content:"0" counter(b2-row)!important;
  position:absolute!important;
  left:20px!important;
  top:18px!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  color:var(--b2-orange)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:16px!important;
}

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

/* Existing page-specific editorial image breaks keep their approved imagery. */
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:var(--b2-rail)!important;
  max-width:calc(100% - 144px)!important;
  height:392px!important;
  margin:54px auto 0!important;
  border-radius:0!important;
  background-position:center!important;
  background-size:cover!important;
}

/* Source/review treatment. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-sources { margin-top:32px; padding:24px 26px; border-top:2px solid var(--b2-ink); background:var(--b2-cool); }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-sources p { margin:0!important; color:#395265!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-sources strong { color:var(--b2-ink)!important; }

/* Next decision — navy. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-batch-related { min-height:460px; padding:72px 0!important; background:var(--b2-ink)!important; color:#fff!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-batch-related>.ecv3-shell { width:var(--b2-rail)!important; max-width:calc(100% - 144px)!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-batch-related h2 { width:900px; max-width:100%!important; margin:14px 0 42px!important; color:#fff!important; font-size:clamp(46px,4.2vw,60px)!important; line-height:1!important; letter-spacing:-.06em!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-related { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:clamp(24px,4vw,64px)!important; max-width:none!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-related>a { min-height:124px; padding:22px 0!important; border:0!important; border-top:1px solid rgba(255,255,255,.38)!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#fff!important; text-decoration:none; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-related span { color:#74c7c3!important; font-size:12px!important; letter-spacing:1px; text-transform:uppercase; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-related h3 { margin:10px 0 0!important; color:#fff!important; font-size:22px!important; line-height:28px!important; }

/* About ExpatChina — white editorial trust section. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-about { min-height:600px; padding:72px 0; background:#fff; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-about-inner { display:grid; grid-template-columns:minmax(0,550px) minmax(0,682px); gap:64px; align-items:center; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-about h2 { max-width:530px; margin:14px 0 26px; color:var(--b2-ink); font-size:clamp(46px,4.2vw,60px); font-weight:700; line-height:1; letter-spacing:-.06em; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-about-copy>p:not(.ec-b2-eyebrow) { max-width:520px; color:#395265; font-size:20px!important; line-height:32px!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-about-links { display:flex; flex-wrap:wrap; gap:16px 24px; margin-top:20px; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-about-links a { border-bottom:1px solid var(--b2-border); color:var(--b2-ink); font-size:16px; font-weight:700; line-height:24px; text-decoration:none; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-about figure { width:100%; height:456px; margin:0; border-radius:6px; overflow:hidden; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-about img { width:100%; height:100%; display:block; object-fit:cover; }

/* Need practical help — orange action surface, no embedded form. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help { min-height:450px; padding:72px 0; background:var(--b2-orange); color:var(--b2-ink); }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help-inner { display:grid; grid-template-columns:minmax(0,560px) minmax(0,652px); gap:84px; align-items:center; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help .ec-b2-eyebrow { color:var(--b2-ink)!important; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help h2 { max-width:560px; margin:14px 0 0; color:var(--b2-ink); font-size:clamp(46px,4.2vw,60px); font-weight:700; line-height:1; letter-spacing:-.06em; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help-card { min-height:250px; padding:24px 0; border:0; border-top:1px solid rgba(0,38,62,.34); border-radius:0; background:transparent; display:flex; flex-direction:column; justify-content:space-between; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help-card h3 { margin:0 0 12px; color:var(--b2-ink); font-size:28px; line-height:34px; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help-card a { align-self:flex-start; padding:13px 20px; border:1px solid var(--b2-ink); border-radius:999px; background:var(--b2-ink); color:#fff; font-size:15px; font-weight:700; line-height:20px; text-decoration:none; }
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help-card:nth-child(2) a { background:transparent; color:var(--b2-ink); }

@media (min-width:1101px) and (max-width:1439px) {
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-prose-layout { grid-template-columns:minmax(240px,318px) minmax(0,1fr)!important; gap:clamp(48px,5vw,72px)!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-composition,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--ownership .ecv4-composition { grid-template-columns:minmax(240px,330px) minmax(0,1fr)!important; gap:clamp(48px,5vw,72px)!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--comparison .ecv4-composition,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section--first-month .ecv4-composition { grid-template-columns:minmax(280px,390px) minmax(0,1fr)!important; gap:clamp(48px,5vw,72px)!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :is(.ec-b2-about-inner,.ec-b2-help-inner) { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(40px,5vw,64px); }
}

@media (min-width:768px) and (max-width:1100px) {
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-shell,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-composition,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :is(.ec-b2-about-inner,.ec-b2-help-inner),
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-batch-related>.ecv3-shell { width:calc(100% - 96px)!important; max-width:none!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-hero-grid { max-width:calc(100% - 96px)!important; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important; gap:40px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-hero-copy h1 { font-size:clamp(48px,6vw,64px)!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-prose-layout { grid-template-columns:260px minmax(0,1fr)!important; gap:48px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section .ecv4-composition { display:block!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-heading { margin-bottom:28px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :is(.ec-b2-about-inner,.ec-b2-help-inner) { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:48px; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help-actions { grid-template-columns:1fr 1fr; }
}

@media (max-width:820px) {
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-shell,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-composition,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :is(.ec-b2-about-inner,.ec-b2-help-inner),
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-batch-related>.ecv3-shell { width:calc(100% - 48px)!important; max-width:none!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-editorial-hero { min-height:0!important; padding:36px 0 48px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-hero-grid { width:calc(100% - 48px)!important; max-width:none!important; grid-template-columns:1fr!important; gap:28px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-hero-copy { min-height:0; padding:0!important; order:1; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-hero-copy h1 { max-width:100%!important; font-size:clamp(42px,12vw,60px)!important; letter-spacing:-.06em!important; }
  body:is(.page-id-112,.page-id-113) .ec-v2-phase2 .ecv3-hero-media,
  body:is(.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-hero-grid::after { height:260px!important; order:0!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-guide-intro { min-height:0; padding:48px 0!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-prose-layout { grid-template-columns:1fr!important; gap:32px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-toc { min-height:0; padding:18px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-guide-intro .ecv3-prose { padding-top:0; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-editorial-intro p:first-child { font-size:30px!important; line-height:1.1!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2>.ecv4-section { padding:56px 0!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section .ecv4-composition { display:block!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-heading { margin-bottom:24px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section-heading h2 { font-size:36px!important; line-height:1.03!important; }
  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:40px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-table-wrap { overflow-x:auto!important; overscroll-behavior-inline:contain; -webkit-overflow-scrolling:touch; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 table { min-width:640px!important; }
  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% - 32px)!important; max-width:none!important; height:240px!important; margin-top:40px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-batch-related { min-height:0; padding:56px 0!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-batch-related h2 { margin-bottom:28px!important; font-size:40px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-related { grid-template-columns:1fr!important; gap:16px!important; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-related>a { min-height:0; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-about,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help { min-height:0; padding:56px 0; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :is(.ec-b2-about-inner,.ec-b2-help-inner) { display:grid; grid-template-columns:1fr; gap:32px; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :is(.ec-b2-about h2,.ec-b2-help h2) { font-size:40px; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-about figure { height:280px; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help-actions { grid-template-columns:1fr; gap:18px; }
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-help-card { min-height:150px; }
}