/* Phase 2 existing-guide modernization. Loaded only on the five staging routes. */
body:has(.ec-v2-phase2) #page,
body:has(.ec-v2-phase2) .inside-article { max-width:none !important; margin-inline:0 !important; }
body:has(.ec-v2-phase2) .site-content { padding-block:0 !important; }

.ec-v2-phase2 { --p2-ink:#17283a; --p2-muted:#496274; --p2-sea:#087d78; --p2-sea-soft:#e6f4f1; --p2-paper:#f4f6f7; --p2-line:#d7e0e2; --p2-orange:#ff7b00; --p2-radius:10px; --p2-rail:82rem; --p2-reading:50rem; background:#fff; color:var(--p2-ink); font:17px/1.68 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.ec-v2-phase2 * { box-sizing:border-box; }
.ec-v2-phase2 a { color:#075f68; text-underline-offset:3px; }
.ec-v2-phase2 a:hover { color:#bd5a1f; }
.ec-v2-phase2 .ecv4-editorial-hero { padding:clamp(3.8rem,7vw,6.5rem) 0 clamp(4rem,7vw,6.8rem); background:linear-gradient(180deg,#fff 0%,#fbfcfc 100%); }
.ec-v2-phase2 .ecv4-hero-grid { display:grid !important; grid-template-columns:minmax(0,1.04fr) minmax(25rem,.96fr) !important; gap:clamp(2.5rem,6vw,6.5rem) !important; align-items:center !important; width:min(calc(100% - 64px),var(--p2-rail)) !important; margin-inline:auto !important; }
.ec-v2-phase2 .ecv3-hero-copy { min-width:0; }
.ec-v2-phase2 .ecv3-kicker { margin:0 0 .8rem; color:var(--p2-sea); font-size:.74rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.ec-v2-phase2 .ecv3-hero-copy h1 { max-width:14ch; margin:0; color:var(--p2-ink); font:clamp(3.1rem,5.2vw,5.5rem)/.94 Georgia,"Times New Roman",serif; letter-spacing:-.06em; }
.ec-v2-phase2 .ecv3-deck { max-width:34rem; margin:1.5rem 0 0; color:var(--p2-muted); font-size:1.08rem; line-height:1.7; }
.ec-v2-phase2 .ecv3-hero-actions { margin-top:1.55rem; }
.ec-v2-phase2 .expatchina-button { display:inline-block; padding:.72rem 1rem; border-radius:8px; background:var(--p2-orange); color:#10283b !important; font-size:.9rem; font-weight:800; text-decoration:none; }
.ec-v2-phase2 .ecv3-hero-media { min-height:clamp(22rem,32vw,31rem); margin:0; overflow:hidden; border:0; border-radius:var(--p2-radius); box-shadow:0 18px 42px rgba(23,40,58,.12); }
.ec-v2-phase2 .ecv3-hero-media img { display:block; width:100%; min-height:inherit; height:100%; object-fit:cover; }
.ec-v2-phase2--text-hero .ecv4-hero-grid { grid-template-columns:minmax(0,50rem) !important; }
.ec-v2-phase2--text-hero .ecv3-hero-copy { max-width:50rem; }

.ec-v2-phase2 .ecv4-guide-intro { padding:clamp(4rem,7vw,6.3rem) 0; background:var(--p2-paper); }
.ec-v2-phase2 .ecv3-prose-layout { display:grid !important; grid-template-columns:17rem minmax(0,var(--p2-reading)) !important; gap:clamp(3rem,7vw,7rem) !important; justify-content:initial !important; width:min(calc(100% - 64px),var(--p2-rail)) !important; margin-inline:auto !important; }
.ec-v2-phase2 .ecv3-toc { align-self:start; position:sticky; top:2rem; border:0; border-top:2px solid var(--p2-sea); padding:1rem 0 0; }
.ec-v2-phase2 .ecv3-toc>p { margin:0 0 .65rem; color:var(--p2-ink); font-size:.72rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.ec-v2-phase2 .ecv3-toc a { display:block; padding:.38rem 0; color:var(--p2-muted); font-size:.83rem; line-height:1.36; text-decoration:none; }
.ec-v2-phase2 .ecv3-prose { min-width:0; max-width:var(--p2-reading); }
.ec-v2-phase2 .ecv3-lead { color:#2d4454; font-size:1.23rem; line-height:1.64; }
.ec-v2-phase2 .ecv3-lead p:last-child { margin-bottom:0; }

.ec-v2-phase2>.ecv4-section { position:relative; margin:0; padding:clamp(4.5rem,8vw,8rem) 0; background:#fff; }
.ec-v2-phase2>.ecv4-section:nth-of-type(odd) { background:var(--p2-paper); }
.ec-v2-phase2>.ecv4-section:nth-of-type(3n) { background:var(--p2-sea-soft); }
.ec-v2-phase2 .ecv4-composition { width:min(calc(100% - 64px),var(--p2-rail)) !important; margin-inline:auto !important; }
.ec-v2-phase2 .ecv4-section-heading { display:flex; align-items:baseline; gap:1rem; max-width:60rem; margin:0 auto 2.35rem; padding-top:1.05rem; border-top:2px solid var(--p2-sea); }
.ec-v2-phase2 .ecv4-section-heading .ecv3-kicker { flex:none; margin:0; color:#bd5a1f; font-size:.72rem; line-height:1.1; }
.ec-v2-phase2 .ecv4-section-heading h2 { max-width:51rem; margin:0; color:var(--p2-ink); font-size:clamp(2rem,3.2vw,3.35rem); line-height:1.02; letter-spacing:-.05em; }
.ec-v2-phase2 .ecv4-section-body { width:min(100%,var(--p2-reading)); max-width:var(--p2-reading); margin:0 auto; }
.ec-v2-phase2 .ecv4-section-body p { margin:0 0 1.2rem; }
.ec-v2-phase2 .ecv4-section-body ul,.ec-v2-phase2 .ecv4-section-body ol { margin:0 0 1.35rem; padding-left:1.22em; }
.ec-v2-phase2 .ecv4-section-body li { margin:.28rem 0; }
.ec-v2-phase2 .ecv4-key-statement { color:#214759; font-size:1.14rem; font-weight:700; }
.ec-v2-phase2 .ecv3-table-wrap { width:calc(100% + 7rem); max-width:66rem; margin:2.25rem 0 2.25rem -3.5rem; overflow-x:auto; border:1px solid var(--p2-line); border-radius:var(--p2-radius); background:#fff; box-shadow:0 8px 22px rgba(23,40,58,.045); }
.ec-v2-phase2 .ecv3-copy-table { width:100%; min-width:38rem; border-collapse:collapse; font-size:.94rem; }
.ec-v2-phase2 .ecv3-copy-table th,.ec-v2-phase2 .ecv3-copy-table td { padding:.82rem .92rem; border-bottom:1px solid var(--p2-line); vertical-align:top; text-align:left; }
.ec-v2-phase2 .ecv3-copy-table th { background:#eef5f4; color:#17394b; font-size:.75rem; letter-spacing:.05em; text-transform:uppercase; }
.ec-v2-phase2 .ecv3-copy-table tr:last-child td { border-bottom:0; }
.ec-v2-phase2 .ecv4-batch-related { padding:clamp(4rem,7vw,6rem) 0; background:var(--p2-sea-soft); }
.ec-v2-phase2 .ecv4-batch-related>.ecv3-shell { width:min(calc(100% - 64px),var(--p2-rail)); margin-inline:auto; }
.ec-v2-phase2 .ecv4-batch-related h2 { max-width:52rem; margin:0 0 1.6rem; color:var(--p2-ink); font-size:clamp(2rem,3.3vw,3.2rem); line-height:1.05; letter-spacing:-.045em; }
.ec-v2-phase2 .ecv3-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.15rem; max-width:66rem; }
.ec-v2-phase2 .ecv3-related>a { display:block; min-height:100%; padding:1.45rem; border:1px solid #dbe5e8; border-radius:var(--p2-radius); background:#fff; box-shadow:0 8px 22px rgba(23,40,58,.04); color:var(--p2-ink); text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.ec-v2-phase2 .ecv3-related>a:hover { transform:translateY(-2px); box-shadow:0 14px 30px rgba(23,40,58,.09); }
.ec-v2-phase2 .ecv3-related span { display:block; margin-bottom:.45rem; color:var(--p2-sea); font-size:.76rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.ec-v2-phase2 .ecv3-related h3 { margin:0; font-size:1.12rem; line-height:1.2; }

@media (max-width:900px) {
  .ec-v2-phase2 .ecv4-hero-grid,.ec-v2-phase2 .ecv3-prose-layout { grid-template-columns:1fr !important; gap:2rem !important; width:min(calc(100% - 44px),var(--p2-rail)) !important; }
  .ec-v2-phase2 .ecv3-hero-media { min-height:18rem; order:-1; }
  .ec-v2-phase2 .ecv3-toc { position:static; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 1rem; border:1px solid var(--p2-line); border-left:3px solid var(--p2-sea); border-top:1px solid var(--p2-line); border-radius:var(--p2-radius); padding:1rem; }
  .ec-v2-phase2 .ecv3-toc>p { grid-column:1/-1; }
  .ec-v2-phase2 .ecv4-composition,.ec-v2-phase2 .ecv4-batch-related>.ecv3-shell { width:min(calc(100% - 44px),var(--p2-rail)) !important; }
  .ec-v2-phase2 .ecv3-table-wrap { width:100%; margin-left:0; }
}

@media (min-width:901px) and (max-width:1100px) {
  .ec-v2-phase2 .ecv3-table-wrap {
    width:100%;
    max-width:calc(100vw - 10rem);
    margin-left:0;
  }
}

/* Final cascade lock — this task's rules must follow the earlier alignment pass. */
.ec-v2-phase2 .ecv3-hero-copy h1,
.ec-v2-phase2--text-hero .ecv3-hero-copy h1 {
  max-width:17ch;
  color:var(--p2-ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(3.35rem,5.25vw,5rem);
  font-style:normal;
  font-weight:680;
  line-height:.98;
  letter-spacing:-.07em;
}
.ec-v2-phase2 .ecv4-section-heading h2,
.ec-v2-phase2 .ecv4-batch-related h2 {
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-style:normal;
  font-weight:650;
  line-height:.99;
  letter-spacing:-.06em;
}
.ec-v2-phase2 .ecv4-section-heading h2 {
  max-width:54rem;
  font-size:clamp(2.35rem,3.55vw,3.78rem);
}
.ec-v2-phase2 .ecv3-deck {
  color:var(--p2-muted);
  font-size:1.15rem;
  line-height:1.65;
}
.ec-v2-phase2 .ecv4-editorial-hero,
.ec-v2-phase2--text-hero .ecv4-editorial-hero {
  min-height:clamp(31rem,42vw,39rem);
  padding:clamp(3.25rem,5vw,5rem) 0;
  background:#fff;
  border-bottom:1px solid var(--p2-line);
}
.ec-v2-phase2 .ecv4-hero-grid,
.ec-v2-phase2--text-hero .ecv4-hero-grid {
  grid-template-columns:minmax(0,1.02fr) minmax(22rem,.98fr) !important;
  gap:clamp(3rem,5.4vw,5.75rem);
  align-items:center;
}
.ec-v2-phase2--text-hero .ecv3-kicker { color:var(--p2-sea-dark); }
.ec-v2-phase2--text-hero .ecv3-deck { color:var(--p2-muted); }
.ec-v2-phase2 .ecv3-hero-media,
body.page-id-126 .ec-v2-phase2 .ecv4-hero-grid::after,
body.page-id-127 .ec-v2-phase2 .ecv4-hero-grid::after {
  display:block;
  min-height:clamp(22rem,30vw,28rem);
  overflow:hidden;
  border-radius:14px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  box-shadow:0 18px 44px rgba(0,38,62,.12);
}
body.page-id-111 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("https://expatchina.guide/wp-content/themes/expatchina-child/assets/images/moving-planning-v3.jpg");
}
body.page-id-112 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("https://expatchina.guide/wp-content/themes/expatchina-child/assets/images/shanghai-hero-v2.png");
}
body.page-id-113 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("https://expatchina.guide/wp-content/themes/expatchina-child/assets/images/moving-daily-life-v3.jpg");
}
body.page-id-126 .ec-v2-phase2 .ecv4-hero-grid::after {
  content:"";
  background-image:url("https://expatchina.guide/wp-content/themes/expatchina-child/assets/images/shanghai-transport-v3.jpg");
}
body.page-id-127 .ec-v2-phase2 .ecv4-hero-grid::after {
  content:"";
  background-image:url("https://expatchina.guide/wp-content/themes/expatchina-child/assets/images/visa-consultation-v3.jpg");
}
body.page-id-111 .ec-v2-phase2 .ecv3-hero-media img,
body.page-id-112 .ec-v2-phase2 .ecv3-hero-media img,
body.page-id-113 .ec-v2-phase2 .ecv3-hero-media img { opacity:0; }
.ec-v2-phase2 .ecv4-guide-intro {
  padding:clamp(3.4rem,4.7vw,4.8rem) 0;
  background:var(--p2-paper);
}
.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--first-month,
.ec-v2-phase2>.ecv4-section--ownership,
.ec-v2-phase2>.ecv4-section--action-system {
  padding:clamp(3.4rem,5vw,5.25rem) 0;
  background:#fff;
}
.ec-v2-phase2>.ecv4-section--comparison,
.ec-v2-phase2>.ecv4-section--timeline { background:var(--p2-paper); }
.ec-v2-phase2 .ecv4-section-heading {
  max-width:66rem;
  margin-bottom:clamp(1.8rem,3vw,2.5rem);
  padding-top:.9rem;
  border-top:1px solid var(--p2-sea);
}
.ec-v2-phase2 .ecv4-section-body p { margin-bottom:1.15rem; }
.ec-v2-phase2 .ecv3-table-wrap {
  width:calc(100% + 16rem);
  max-width:72rem;
  margin:2rem 0 2rem -8rem;
  border:1px solid var(--p2-line);
  border-radius:10px;
  background:#fff;
  box-shadow:none;
}
.ec-v2-phase2 .ecv3-copy-table th {
  padding:1rem 1.05rem;
  background:var(--p2-ink);
  color:#fff;
  font-size:.82rem;
  font-weight:600;
  line-height:1.35;
}
.ec-v2-phase2 .ecv3-copy-table td { padding:.9rem 1.05rem; line-height:1.5; }
.ec-v2-phase2 .ecv3-copy-table tbody tr:nth-child(even) td { background:#f8fafb; }
.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul {
  margin:1.5rem 0 1.75rem;
  padding:.45rem 1.35rem;
  border-top:0;
  border-radius:10px;
  background:var(--p2-ink);
  color:#fff;
}
.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul>li {
  border-bottom-color:rgba(255,255,255,.22);
}
.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul>li::before { background:var(--p2-orange); }
.ec-v2-phase2 .ecv4-batch-related { padding:clamp(3.8rem,5.5vw,5.5rem) 0; }
.ec-v2-phase2 .ecv4-batch-related h2 {
  max-width:60rem;
  font-size:clamp(2.55rem,4.2vw,4.2rem);
}

@media (min-width:901px) and (max-width:1100px) {
  .ec-v2-phase2 .ecv4-hero-grid,
  .ec-v2-phase2--text-hero .ecv4-hero-grid {
    grid-template-columns:minmax(0,1fr) minmax(18rem,.78fr) !important;
    gap:2.5rem;
  }
  .ec-v2-phase2 .ecv3-hero-copy h1,
  .ec-v2-phase2--text-hero .ecv3-hero-copy h1 { font-size:clamp(3rem,5.6vw,3.75rem); }
  .ec-v2-phase2 .ecv3-table-wrap {
    width:100%;
    max-width:calc(100vw - 10rem);
    margin-left:0;
  }
}

@media (max-width:900px) {
  .ec-v2-phase2 .ecv4-editorial-hero,
  .ec-v2-phase2--text-hero .ecv4-editorial-hero {
    min-height:0;
    padding:3rem 0 3.5rem;
  }
  .ec-v2-phase2 .ecv4-hero-grid,
  .ec-v2-phase2--text-hero .ecv4-hero-grid {
    grid-template-columns:1fr !important;
    gap:2.25rem;
  }
  .ec-v2-phase2 .ecv3-hero-media,
  body.page-id-126 .ec-v2-phase2 .ecv4-hero-grid::after,
  body.page-id-127 .ec-v2-phase2 .ecv4-hero-grid::after {
    min-height:clamp(17rem,48vw,22rem);
    order:-1;
  }
  .ec-v2-phase2 .ecv3-table-wrap {
    width:100%;
    max-width:100%;
    margin:1.65rem 0;
  }
}

@media (max-width:520px) {
  .ec-v2-phase2 .ecv3-hero-copy h1,
  .ec-v2-phase2--text-hero .ecv3-hero-copy h1 {
    max-width:18ch;
    font-size:clamp(2.6rem,12vw,3.15rem);
    line-height:.99;
    letter-spacing:-.065em;
  }
  .ec-v2-phase2 .ecv4-section-heading h2 {
    font-size:clamp(2.1rem,10vw,2.75rem);
    line-height:1;
    letter-spacing:-.055em;
  }
  .ec-v2-phase2 .ecv3-hero-media,
  body.page-id-126 .ec-v2-phase2 .ecv4-hero-grid::after,
  body.page-id-127 .ec-v2-phase2 .ecv4-hero-grid::after { min-height:15.75rem; }
  .ec-v2-phase2 .ecv4-guide-intro { padding:2.85rem 0 3.25rem; }
  .ec-v2-phase2>.ecv4-section { padding:3.1rem 0; }
  .ec-v2-phase2 .ecv4-section-heading { margin-bottom:1.55rem; }
}

/* ========================================================================
   Phase 2 Batch 02 — approved Homepage typography + long-form rhythm repair
   Staging only. This layer changes presentation, never page-owned content.
   ======================================================================== */

.ec-v2-phase2 {
  --p2-display-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --p2-heading-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --p2-body-font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --p2-reading:50rem;
  font-family:var(--p2-body-font);
  font-size:17px;
  line-height:1.65;
  letter-spacing:0;
}

.ec-v2-phase2 .ecv3-kicker,
.ec-v2-phase2 .ecv3-meta,
.ec-v2-phase2 .expatchina-button,
.ec-v2-phase2 .ecv3-toc,
.ec-v2-phase2 h1,
.ec-v2-phase2 h2,
.ec-v2-phase2 h3,
.ec-v2-phase2 h4,
.ec-v2-phase2 p,
.ec-v2-phase2 li,
.ec-v2-phase2 th,
.ec-v2-phase2 td,
.ec-v2-phase2 a {
  font-family:var(--p2-body-font);
}

/* Homepage exact display character: Inter, confident weight, tight tracking. */
.ec-v2-phase2 .ecv3-hero-copy h1,
.ec-v2-phase2--text-hero .ecv3-hero-copy h1 {
  max-width:17ch;
  color:var(--p2-ink);
  font-family:var(--p2-display-font);
  font-size:clamp(3.35rem,5.25vw,5rem);
  font-style:normal;
  font-weight:680;
  line-height:.98;
  letter-spacing:-.07em;
  text-wrap:balance;
}

.ec-v2-phase2 .ecv4-section-heading h2,
.ec-v2-phase2 .ecv4-batch-related h2 {
  font-family:var(--p2-heading-font);
  font-style:normal;
  font-weight:650;
  line-height:.99;
  letter-spacing:-.06em;
}

.ec-v2-phase2 .ecv4-section-heading h2 {
  max-width:54rem;
  font-size:clamp(2.35rem,3.55vw,3.78rem);
}

.ec-v2-phase2 h3,
.ec-v2-phase2 .ecv3-related h3 {
  font-family:var(--p2-heading-font);
  font-style:normal;
  font-weight:600;
  letter-spacing:-.035em;
}

.ec-v2-phase2 .ecv3-kicker {
  font-size:.75rem;
  font-weight:600;
  line-height:1rem;
  letter-spacing:.133em;
}

.ec-v2-phase2 .ecv3-meta {
  color:var(--p2-muted);
  font-size:.78rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:.01em;
}

.ec-v2-phase2 .expatchina-button {
  font-size:.95rem;
  font-weight:600;
  line-height:1.125rem;
  letter-spacing:0;
}

.ec-v2-phase2 .ecv3-deck {
  max-width:46rem;
  font-size:1.15rem;
  font-weight:400;
  line-height:1.65;
  letter-spacing:0;
}

.ec-v2-phase2 .ecv4-section-body,
.ec-v2-phase2 .ecv4-section-body p,
.ec-v2-phase2 .ecv4-section-body li,
.ec-v2-phase2 .ecv3-lead,
.ec-v2-phase2 .ecv3-toc a {
  font-size:1rem;
  line-height:1.65;
}

.ec-v2-phase2 .ecv3-lead {
  color:var(--p2-ink);
  font-size:clamp(1.12rem,1.45vw,1.25rem);
  line-height:1.6;
}

/* All five pages use a clean white, image-led guide opening. */
.ec-v2-phase2 .ecv4-editorial-hero,
.ec-v2-phase2--text-hero .ecv4-editorial-hero {
  min-height:clamp(31rem,42vw,39rem);
  padding:clamp(3.25rem,5vw,5rem) 0;
  background:#fff;
  border-bottom:1px solid var(--p2-line);
}

.ec-v2-phase2 .ecv4-hero-grid,
.ec-v2-phase2--text-hero .ecv4-hero-grid {
  grid-template-columns:minmax(0,1.02fr) minmax(22rem,.98fr) !important;
  gap:clamp(3rem,5.4vw,5.75rem);
  align-items:center;
}

.ec-v2-phase2--text-hero .ecv3-kicker { color:var(--p2-sea-dark); }
.ec-v2-phase2--text-hero .ecv3-deck { color:var(--p2-muted); }
.ec-v2-phase2--text-hero .expatchina-button:hover {
  background:var(--p2-ink);
  border-color:var(--p2-ink);
  color:#fff !important;
}

.ec-v2-phase2 .ecv3-hero-media {
  min-height:clamp(22rem,30vw,28rem);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

/* Unique, relevant, already-approved ExpatChina images. The original image
   nodes stay in the locked content; only their staging presentation changes. */
body.page-id-111 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("../images/moving-planning-v3.jpg");
}
body.page-id-112 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("../images/shanghai-hero-v2.png");
}
body.page-id-113 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("../images/moving-daily-life-v3.jpg");
}
body.page-id-126 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("../images/shanghai-transport-v3.jpg");
}
body.page-id-127 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("../images/visa-consultation-v3.jpg");
}
body.page-id-111 .ec-v2-phase2 .ecv3-hero-media img,
body.page-id-112 .ec-v2-phase2 .ecv3-hero-media img,
body.page-id-113 .ec-v2-phase2 .ecv3-hero-media img,
body.page-id-126 .ec-v2-phase2 .ecv3-hero-media img,
body.page-id-127 .ec-v2-phase2 .ecv3-hero-media img {
  opacity:0;
}

/* Long-form density: white is dominant, cool neutral separates only selected
   frameworks. Teal is limited to rules, links and compact orientation cues. */
.ec-v2-phase2 .ecv4-guide-intro {
  padding:clamp(3.4rem,4.7vw,4.8rem) 0;
  background:var(--p2-paper);
}

.ec-v2-phase2>.ecv4-section {
  padding:clamp(3.4rem,5vw,5.25rem) 0;
  background:#fff;
}

.ec-v2-phase2>.ecv4-section:nth-of-type(odd),
.ec-v2-phase2>.ecv4-section:nth-of-type(3n),
.ec-v2-phase2>.ecv4-section--first-month,
.ec-v2-phase2>.ecv4-section--ownership,
.ec-v2-phase2>.ecv4-section--action-system {
  background:#fff;
}

.ec-v2-phase2>.ecv4-section--comparison,
.ec-v2-phase2>.ecv4-section--timeline {
  background:var(--p2-paper);
}

.ec-v2-phase2 .ecv4-section-heading {
  max-width:66rem;
  margin-bottom:clamp(1.8rem,3vw,2.5rem);
  padding-top:.9rem;
  border-top:1px solid var(--p2-sea);
}

.ec-v2-phase2 .ecv4-section-heading .ecv3-kicker {
  color:var(--p2-orange);
  font-size:.72rem;
  letter-spacing:.1em;
}

.ec-v2-phase2 .ecv4-section-body p { margin-bottom:1.15rem; }
.ec-v2-phase2 .ecv4-section-body ul,
.ec-v2-phase2 .ecv4-section-body ol { margin-bottom:1.2rem; }

.ec-v2-phase2 .ecv4-key-statement {
  margin-bottom:1.35rem !important;
  color:var(--p2-ink);
  font-size:1.2rem;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.02em;
}

/* Make information-design anchors wider than prose and visually decisive. */
.ec-v2-phase2 .ecv3-table-wrap {
  width:calc(100% + 16rem);
  max-width:72rem;
  margin:2rem 0 2rem -8rem;
  border:1px solid var(--p2-line);
  border-radius:10px;
  box-shadow:none;
  background:#fff;
}

.ec-v2-phase2 .ecv3-copy-table th {
  padding:1rem 1.05rem;
  background:var(--p2-ink);
  color:#fff;
  font-size:.82rem;
  font-weight:600;
  line-height:1.35;
  letter-spacing:.015em;
}

.ec-v2-phase2 .ecv3-copy-table td {
  padding:.9rem 1.05rem;
  color:#243e50;
  line-height:1.5;
}

.ec-v2-phase2 .ecv3-copy-table tbody tr:nth-child(even) td {
  background:#f8fafb;
}

.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul,
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body>ul {
  margin:1.5rem 0 1.75rem;
}

/* One compact navy information anchor complements the navy closing route. */
.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul {
  padding:.45rem 1.35rem;
  border-top:0;
  border-radius:10px;
  background:var(--p2-ink);
  color:#fff;
}

.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul>li {
  border-bottom-color:rgba(255,255,255,.22);
}

.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul>li:nth-last-child(-n+2) {
  border-bottom-color:transparent;
}

.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul>li::before {
  background:var(--p2-orange);
}

.ec-v2-phase2 .ecv4-batch-related {
  padding:clamp(3.8rem,5.5vw,5.5rem) 0;
}

.ec-v2-phase2 .ecv4-batch-related h2 {
  max-width:60rem;
  font-size:clamp(2.55rem,4.2vw,4.2rem);
}

@media (min-width:901px) and (max-width:1100px) {
  .ec-v2-phase2 .ecv4-hero-grid,
  .ec-v2-phase2--text-hero .ecv4-hero-grid {
    grid-template-columns:minmax(0,1fr) minmax(18rem,.78fr) !important;
    gap:2.5rem;
  }
  .ec-v2-phase2 .ecv3-hero-copy h1,
  .ec-v2-phase2--text-hero .ecv3-hero-copy h1 {
    font-size:clamp(3rem,5.6vw,3.75rem);
  }
  .ec-v2-phase2 .ecv3-table-wrap {
    width:100%;
    max-width:calc(100vw - 10rem);
    margin-left:0;
  }
}

@media (max-width:900px) {
  .ec-v2-phase2 .ecv4-editorial-hero,
  .ec-v2-phase2--text-hero .ecv4-editorial-hero {
    min-height:0;
    padding:3rem 0 3.5rem;
  }
  .ec-v2-phase2 .ecv4-hero-grid,
  .ec-v2-phase2--text-hero .ecv4-hero-grid {
    grid-template-columns:1fr !important;
    gap:2.25rem;
  }
  .ec-v2-phase2 .ecv3-hero-media {
    min-height:clamp(17rem,48vw,22rem);
    order:-1;
  }
  .ec-v2-phase2 .ecv3-table-wrap {
    width:100%;
    max-width:100%;
    margin:1.65rem 0;
  }
  .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul>li:nth-last-child(2) {
    border-bottom-color:rgba(255,255,255,.22);
  }
}

@media (max-width:520px) {
  .ec-v2-phase2 {
    font-size:16px;
  }
  .ec-v2-phase2 .ecv3-hero-copy h1,
  .ec-v2-phase2--text-hero .ecv3-hero-copy h1 {
    max-width:18ch;
    font-size:clamp(2.6rem,12vw,3.15rem);
    line-height:.99;
    letter-spacing:-.065em;
  }
  .ec-v2-phase2 .ecv4-section-heading h2 {
    font-size:clamp(2.1rem,10vw,2.75rem);
    line-height:1;
    letter-spacing:-.055em;
  }
  .ec-v2-phase2 .ecv3-hero-media { min-height:15.75rem; }
  .ec-v2-phase2 .ecv4-guide-intro { padding:2.85rem 0 3.25rem; }
  .ec-v2-phase2>.ecv4-section { padding:3.1rem 0; }
  .ec-v2-phase2 .ecv4-section-heading { margin-bottom:1.55rem; }
  .ec-v2-phase2 .ecv4-batch-related { padding:3.25rem 0; }
  .ec-v2-phase2 .ecv4-batch-related h2 {
    font-size:2.65rem;
    letter-spacing:-.055em;
  }
}
@media (max-width:520px) {
  .ec-v2-phase2 .ecv4-editorial-hero { padding:3.25rem 0 3.75rem; }
  .ec-v2-phase2 .ecv4-hero-grid,.ec-v2-phase2 .ecv3-prose-layout,.ec-v2-phase2 .ecv4-composition,.ec-v2-phase2 .ecv4-batch-related>.ecv3-shell { width:min(calc(100% - 28px),var(--p2-rail)) !important; }
  .ec-v2-phase2 .ecv3-hero-copy h1 { font-size:3.05rem; }
  .ec-v2-phase2 .ecv3-toc,.ec-v2-phase2 .ecv3-related { grid-template-columns:1fr; }
  .ec-v2-phase2 .ecv4-section-heading { display:block; margin-bottom:1.65rem; }
  .ec-v2-phase2 .ecv4-section-heading .ecv3-kicker { margin-bottom:.7rem; }
  .ec-v2-phase2 .ecv4-section-heading h2 { font-size:2.2rem; }
}

/* 2026-09-10 Homepage visual alignment — staging only.
   Content remains page-owned and unchanged. The refinements below bring the
   five Phase 2 guides into the approved Homepage/Moving visual family. */
.ec-v2-phase2 {
  --p2-ink:#00263e;
  --p2-muted:#506a79;
  --p2-sea:#379a97;
  --p2-sea-dark:#087d78;
  --p2-sea-soft:#e6f2f1;
  --p2-paper:#f4f6f7;
  --p2-line:#d7e0e4;
  --p2-orange:#ff8200;
  --p2-rail:86rem;
  letter-spacing:-.003em;
}

.ec-v2-phase2 .ecv3-kicker {
  color:var(--p2-sea-dark);
  letter-spacing:.13em;
}

.ec-v2-phase2 .ecv4-editorial-hero {
  min-height:clamp(34rem,54vw,48rem);
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--p2-line);
  background:#fff;
}

.ec-v2-phase2 .ecv3-hero-copy h1 {
  color:var(--p2-ink);
  text-wrap:balance;
}

.ec-v2-phase2 .ecv3-deck {
  color:var(--p2-muted);
  font-size:1.1rem;
}

.ec-v2-phase2 .expatchina-button {
  padding:.82rem 1.15rem;
  background:var(--p2-orange);
  border:1px solid var(--p2-orange);
  box-shadow:none;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}

.ec-v2-phase2 .expatchina-button:hover {
  background:var(--p2-ink);
  border-color:var(--p2-ink);
  color:#fff !important;
  transform:translateY(-1px);
}

/* Homepage imagery is clean and rectangular; remove legacy specimen geometry. */
.ec-v2-phase2 .ecv3-hero-media {
  min-height:clamp(22rem,31vw,29rem);
  border-radius:14px;
  box-shadow:0 18px 44px rgba(0,38,62,.12);
  isolation:isolate;
}
.ec-v2-phase2 .ecv3-hero-media::before,
.ec-v2-phase2 .ecv3-hero-media::after { display:none !important; }
.ec-v2-phase2 .ecv3-hero-media img {
  clip-path:none !important;
  border-radius:14px;
}

/* Text-only Work guides use a compact, confident editorial opening instead of
   leaving an image-sized blank field. No decorative asset is forced in. */
.ec-v2-phase2--text-hero .ecv4-editorial-hero {
  min-height:34rem;
  background:var(--p2-ink);
  border-bottom:0;
}
.ec-v2-phase2--text-hero .ecv4-hero-grid {
  grid-template-columns:minmax(0,59rem) !important;
}
.ec-v2-phase2--text-hero .ecv3-hero-copy h1 { color:#fff; max-width:15ch; }
.ec-v2-phase2--text-hero .ecv3-kicker { color:#70c2bf; }
.ec-v2-phase2--text-hero .ecv3-deck { color:#d7e0e4; }
.ec-v2-phase2--text-hero .expatchina-button:hover {
  background:#fff;
  border-color:#fff;
  color:var(--p2-ink) !important;
}

/* Start-here orientation mirrors the Homepage's information-first hierarchy. */
.ec-v2-phase2 .ecv4-guide-intro {
  padding:clamp(4.5rem,7vw,6.5rem) 0;
  background:var(--p2-paper);
}
.ec-v2-phase2 .ecv3-toc {
  border-top:2px solid var(--p2-sea);
}
.ec-v2-phase2 .ecv3-toc a {
  border-bottom:1px solid rgba(80,106,121,.18);
  padding:.55rem 0;
}
.ec-v2-phase2 .ecv3-lead {
  color:var(--p2-ink);
  font-size:clamp(1.18rem,1.7vw,1.42rem);
  line-height:1.58;
}

/* Explicit editorial rhythm replaces incidental nth-child styling. */
.ec-v2-phase2>.ecv4-section { background:#fff; }
.ec-v2-phase2>.ecv4-section:nth-of-type(odd),
.ec-v2-phase2>.ecv4-section:nth-of-type(3n) { background:#fff; }
.ec-v2-phase2>.ecv4-section--comparison,
.ec-v2-phase2>.ecv4-section--timeline { background:var(--p2-paper); }
.ec-v2-phase2>.ecv4-section--first-month { background:var(--p2-sea-soft); }
.ec-v2-phase2>.ecv4-section--action-system { background:#fff; }
.ec-v2-phase2>.ecv4-section--ownership { background:#fff; }

.ec-v2-phase2 .ecv4-section-heading {
  max-width:64rem;
  margin-bottom:2.75rem;
  border-top-color:var(--p2-sea);
}
.ec-v2-phase2 .ecv4-section-heading .ecv3-kicker {
  color:var(--p2-orange);
  letter-spacing:.08em;
}
.ec-v2-phase2 .ecv4-section-heading h2 {
  color:var(--p2-ink);
  font-size:clamp(2.15rem,3.25vw,3.55rem);
  line-height:1.03;
  text-wrap:balance;
}
.ec-v2-phase2 .ecv4-section-body { color:#243e50; }
.ec-v2-phase2 .ecv4-section-body p { margin-bottom:1.35rem; }
.ec-v2-phase2 .ecv4-key-statement {
  margin-bottom:1.7rem !important;
  color:var(--p2-ink);
  font-size:1.25rem;
  line-height:1.55;
}

/* Decision/checklist sections use principles and thin rules, not card grids. */
.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul,
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body>ul {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 2rem;
  margin:2rem 0 2.25rem;
  padding:0;
  border-top:1px solid var(--p2-line);
  list-style:none;
}
.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul>li,
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body>ul>li {
  position:relative;
  margin:0;
  padding:.9rem .25rem .9rem 1.35rem;
  border-bottom:1px solid var(--p2-line);
}
.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul>li::before,
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body>ul>li::before {
  content:"";
  position:absolute;
  left:.05rem;
  top:1.35rem;
  width:.48rem;
  height:.48rem;
  border-radius:50%;
  background:var(--p2-sea);
}

/* Framework tables may use the wider rail while prose keeps its reading measure. */
.ec-v2-phase2 .ecv3-table-wrap {
  width:calc(100% + 10rem);
  max-width:68rem;
  margin-left:-5rem;
  border-color:var(--p2-line);
  border-radius:10px;
  box-shadow:0 10px 28px rgba(0,38,62,.055);
}
.ec-v2-phase2 .ecv3-copy-table th {
  background:#edf5f4;
  color:var(--p2-ink);
}

/* Existing source/review paragraphs become a quiet, visible trust signal. */
.ec-v2-phase2 .ecv4-section:has(+ .ecv4-batch-related) .ecv4-section-body>p:last-child:has(strong:first-child) {
  margin-top:2.8rem;
  padding:1.35rem 0 0;
  border-top:2px solid var(--p2-sea);
  color:var(--p2-muted);
  font-size:.92rem;
  line-height:1.62;
}

/* Closing routing borrows the Homepage's restrained dark service layer. */
.ec-v2-phase2 .ecv4-batch-related {
  padding:clamp(4.5rem,7vw,6.5rem) 0;
  background:var(--p2-ink);
  color:#fff;
}
.ec-v2-phase2 .ecv4-batch-related .ecv3-kicker { color:var(--p2-orange); }
.ec-v2-phase2 .ecv4-batch-related h2 { color:#fff; }
.ec-v2-phase2 .ecv3-related { max-width:72rem; }
.ec-v2-phase2 .ecv3-related>a {
  padding:1.3rem 0;
  border:0;
  border-top:1px solid rgba(255,255,255,.28);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#fff;
}
.ec-v2-phase2 .ecv3-related>a:hover {
  transform:none;
  border-top-color:var(--p2-orange);
  box-shadow:none;
}
.ec-v2-phase2 .ecv3-related span { color:#70c2bf; }
.ec-v2-phase2 .ecv3-related h3 { color:#fff; font-size:1.2rem; }

@media (max-width:900px) {
  .ec-v2-phase2 .ecv4-editorial-hero { min-height:0; }
  .ec-v2-phase2 .ecv3-hero-media { min-height:20rem; }
  .ec-v2-phase2--text-hero .ecv4-editorial-hero { min-height:28rem; }
  .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul,
  .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body>ul { grid-template-columns:1fr; }
  .ec-v2-phase2 .ecv3-table-wrap { width:100%; margin-left:0; }
}

@media (max-width:520px) {
  .ec-v2-phase2 .ecv4-editorial-hero { padding:2.75rem 0 3.35rem; }
  .ec-v2-phase2 .ecv3-hero-copy h1 { font-size:clamp(2.7rem,13.5vw,3.15rem); }
  .ec-v2-phase2--text-hero .ecv4-editorial-hero { min-height:0; padding:4rem 0; }
  .ec-v2-phase2 .ecv3-hero-media { min-height:16rem; }
  .ec-v2-phase2 .ecv4-guide-intro { padding:3.4rem 0 4rem; }
  .ec-v2-phase2>.ecv4-section { padding:4rem 0; }
  .ec-v2-phase2 .ecv4-section-heading h2 { font-size:2.25rem; }
  .ec-v2-phase2 .ecv4-batch-related { padding:4rem 0; }
}

@media (min-width:901px) and (max-width:1100px) {
  .ec-v2-phase2 .ecv3-table-wrap {
    width:100%;
    max-width:calc(100vw - 10rem);
    margin-left:0;
  }
}

/* Immutable staging cascade guard for the 2026-09-10 typography repair. */
.ec-v2-phase2 .ecv3-hero-copy h1,
.ec-v2-phase2--text-hero .ecv3-hero-copy h1 {
  color:var(--p2-ink) !important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-style:normal !important;
  font-weight:680 !important;
  line-height:.98 !important;
  letter-spacing:-.07em !important;
}
.ec-v2-phase2 .ecv4-section-heading h2,
.ec-v2-phase2 .ecv4-batch-related h2 {
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-style:normal !important;
  font-weight:650 !important;
  line-height:.99 !important;
  letter-spacing:-.06em !important;
}
.ec-v2-phase2 .ecv4-editorial-hero,
.ec-v2-phase2--text-hero .ecv4-editorial-hero {
  min-height:clamp(31rem,42vw,39rem) !important;
  padding:clamp(3.25rem,5vw,5rem) 0 !important;
  background:#fff !important;
  border-bottom:1px solid var(--p2-line) !important;
}
.ec-v2-phase2 .ecv4-hero-grid,
.ec-v2-phase2--text-hero .ecv4-hero-grid {
  grid-template-columns:minmax(0,1.02fr) minmax(22rem,.98fr) !important;
}
.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--first-month,
.ec-v2-phase2>.ecv4-section--ownership,
.ec-v2-phase2>.ecv4-section--action-system {
  padding:clamp(3.4rem,5vw,5.25rem) 0 !important;
  background:#fff !important;
}
.ec-v2-phase2>.ecv4-section--comparison,
.ec-v2-phase2>.ecv4-section--timeline { background:var(--p2-paper) !important; }
.ec-v2-phase2 .ecv3-table-wrap {
  width:calc(100% + 16rem) !important;
  max-width:72rem !important;
  margin:2rem 0 2rem -8rem !important;
  box-shadow:none !important;
}
.ec-v2-phase2 .ecv3-copy-table th {
  background:var(--p2-ink) !important;
  color:#fff !important;
}
.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body>ul {
  padding:.45rem 1.35rem !important;
  border-top:0 !important;
  border-radius:10px !important;
  background:var(--p2-ink) !important;
  color:#fff !important;
}

@media (min-width:901px) and (max-width:1100px) {
  .ec-v2-phase2 .ecv3-table-wrap {
    width:100% !important;
    max-width:calc(100vw - 10rem) !important;
    margin-left:0 !important;
  }
}

@media (max-width:900px) {
  .ec-v2-phase2 .ecv4-editorial-hero,
  .ec-v2-phase2--text-hero .ecv4-editorial-hero {
    min-height:0 !important;
    padding:3rem 0 3.5rem !important;
  }
  .ec-v2-phase2 .ecv4-hero-grid,
  .ec-v2-phase2--text-hero .ecv4-hero-grid { grid-template-columns:1fr !important; }
  .ec-v2-phase2 .ecv3-table-wrap {
    width:100% !important;
    max-width:100% !important;
    margin:1.65rem 0 !important;
  }
}

@media (max-width:520px) {
  .ec-v2-phase2 .ecv3-hero-copy h1,
  .ec-v2-phase2--text-hero .ecv3-hero-copy h1 {
    font-size:clamp(2.6rem,12vw,3.15rem) !important;
    line-height:.99 !important;
    letter-spacing:-.065em !important;
  }
  .ec-v2-phase2>.ecv4-section { padding:3.1rem 0 !important; }
}

/* Table-bearing sections stack their heading and reading column so comparison
   tools can expand symmetrically without colliding with the side heading. */
@media (min-width:1101px) {
  .ec-v2-phase2 .ecv4-composition:has(.ecv3-table-wrap) {
    grid-template-columns:minmax(0,1fr) !important;
  }
  .ec-v2-phase2 .ecv4-composition:has(.ecv3-table-wrap) .ecv4-section-heading {
    width:min(100%,72rem);
    max-width:72rem;
  }
  .ec-v2-phase2 .ecv4-composition:has(.ecv3-table-wrap) .ecv3-table-wrap {
    width:72rem !important;
    max-width:calc(100vw - 9rem) !important;
    margin-left:calc((50rem - min(72rem, calc(100vw - 9rem)))/2) !important;
  }
}

body.page-id-111 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("https://expatchina.guide/wp-content/themes/expatchina-child/assets/images/moving-planning-v3.jpg") !important;
}
body.page-id-112 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("https://expatchina.guide/wp-content/themes/expatchina-child/assets/images/shanghai-hero-v2.png") !important;
}
body.page-id-113 .ec-v2-phase2 .ecv3-hero-media {
  background-image:url("https://expatchina.guide/wp-content/themes/expatchina-child/assets/images/moving-daily-life-v3.jpg") !important;
}

/* ========================================================================
   Phase 2 Batch 02 — brand contrast repair
   Color, contrast and brand rhythm only. Typography and content stay locked.
   ======================================================================== */

body.page-id-111,
body.page-id-112,
body.page-id-113,
body.page-id-126,
body.page-id-127 {
  background:#fff !important;
}

body.page-id-111 #page,
body.page-id-112 #page,
body.page-id-113 #page,
body.page-id-126 #page,
body.page-id-127 #page,
body.page-id-111 .site-content,
body.page-id-112 .site-content,
body.page-id-113 .site-content,
body.page-id-126 .site-content,
body.page-id-127 .site-content,
body.page-id-111 .content-area,
body.page-id-112 .content-area,
body.page-id-113 .content-area,
body.page-id-126 .content-area,
body.page-id-127 .content-area,
body.page-id-111 .site-main,
body.page-id-112 .site-main,
body.page-id-113 .site-main,
body.page-id-126 .site-main,
body.page-id-127 .site-main,
body.page-id-111 .inside-article,
body.page-id-112 .inside-article,
body.page-id-113 .inside-article,
body.page-id-126 .inside-article,
body.page-id-127 .inside-article,
body.page-id-111 .entry-content,
body.page-id-112 .entry-content,
body.page-id-113 .entry-content,
body.page-id-126 .entry-content,
body.page-id-127 .entry-content {
  background:#fff !important;
}

.ec-v2-phase2 {
  --p2-ink:#00263e;
  --p2-muted:#506a79;
  --p2-sea:#379a97;
  --p2-sea-dark:#087d78;
  --p2-sea-soft:#eef6f5;
  --p2-paper:#f4f6f7;
  --p2-line:#d7e0e4;
  --p2-orange:#ff8200;
  background:#fff !important;
}

/* Crisp orientation, without a muddy page-wide neutral canvas. */
.ec-v2-phase2 .ecv4-guide-intro {
  background:#f6f8f7 !important;
  border-top:1px solid #edf1f2;
  border-bottom:1px solid var(--p2-line);
}

.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 {
  background:#fff !important;
}

/* One intentional neutral pause per guide, rather than repeating paper cards. */
.ec-v2-phase2>.ecv4-section--first-month {
  background:var(--p2-paper) !important;
  border-top:1px solid #edf0ef;
  border-bottom:1px solid #edf0ef;
}

/* The approved Hero stays structurally identical; contrast and image weight rise. */
.ec-v2-phase2 .ecv4-editorial-hero,
.ec-v2-phase2--text-hero .ecv4-editorial-hero {
  background:#fff !important;
  border-top:1px solid #f2f4f4;
  border-bottom:1px solid var(--p2-line) !important;
}

.ec-v2-phase2 .ecv3-hero-copy h1,
.ec-v2-phase2--text-hero .ecv3-hero-copy h1 {
  color:var(--p2-ink) !important;
}

.ec-v2-phase2 .ecv3-hero-media,
body.page-id-126 .ec-v2-phase2 .ecv4-hero-grid::after,
body.page-id-127 .ec-v2-phase2 .ecv4-hero-grid::after {
  box-shadow:0 22px 48px rgba(0,38,62,.17) !important;
  filter:saturate(1.04) contrast(1.035);
}

.ec-v2-phase2 .expatchina-button {
  background:var(--p2-orange) !important;
  border-color:var(--p2-orange) !important;
  color:var(--p2-ink) !important;
  box-shadow:0 8px 20px rgba(255,130,0,.2) !important;
}

.ec-v2-phase2 .expatchina-button:hover {
  background:var(--p2-ink) !important;
  border-color:var(--p2-ink) !important;
  color:#fff !important;
}

/* Page-specific information anchors: meaningful mid-article modules, not
   arbitrary dark decoration. */
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 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter {
  position:relative;
  background:var(--p2-ink) !important;
  color:#fff !important;
  border-top:0;
  border-bottom:0;
  box-shadow:inset 0 5px 0 var(--p2-orange);
}

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision::after,
body.page-id-112 #start-with-the-four-document-overview::after,
body.page-id-113 #build-the-pack-from-real-use-cases::after,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application::after,
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,var(--p2-orange) 0 10%,rgba(55,154,151,.8) 10% 34%,rgba(255,255,255,.18) 34% 100%);
}

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 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-heading {
  border-top:2px solid var(--p2-orange) !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 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-heading h2,
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 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body,
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-body p,
body.page-id-112 #start-with-the-four-document-overview .ecv4-section-body p,
body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-body p,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body p,
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body p,
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-body li,
body.page-id-112 #start-with-the-four-document-overview .ecv4-section-body li,
body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-body li,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body li,
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body li {
  color:#fff !important;
}

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-kicker,
body.page-id-112 #start-with-the-four-document-overview .ecv3-kicker,
body.page-id-113 #build-the-pack-from-real-use-cases .ecv3-kicker,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv3-kicker,
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv3-kicker {
  color:var(--p2-orange) !important;
}

/* Compact high-density list treatment inside navy anchors. */
body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-body>ul,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body>ul,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body>ol,
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body>ul,
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body>ol {
  padding:1rem 1.35rem 1rem 2.6rem !important;
  border:1px solid rgba(255,255,255,.24) !important;
  border-left:4px solid var(--p2-orange) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.055) !important;
}

body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-body>ul li::marker,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body>ul li::marker,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body>ol li::marker,
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body>ul li::marker,
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body>ol li::marker {
  color:var(--p2-orange);
  font-weight:700;
}

/* Tables carry business clarity: dark header, orange rule, crisp rows. */
.ec-v2-phase2 .ecv3-table-wrap {
  border-color:#cfd9de !important;
  background:#fff !important;
}

.ec-v2-phase2 .ecv3-copy-table th {
  background:var(--p2-ink) !important;
  color:#fff !important;
  border-bottom:3px solid var(--p2-orange) !important;
}

.ec-v2-phase2 .ecv3-copy-table tbody tr:nth-child(odd) td { background:#fff !important; }
.ec-v2-phase2 .ecv3-copy-table tbody tr:nth-child(even) td { background:#f4f7f7 !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 {
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.2) !important;
}

body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-copy-table td,
body.page-id-112 #start-with-the-four-document-overview .ecv3-copy-table td,
body.page-id-113 #build-the-pack-from-real-use-cases .ecv3-copy-table td {
  color:#243e50 !important;
}

/* Strong lower routing anchor and visible orange punctuation at thumbnail size. */
.ec-v2-phase2 .ecv4-batch-related {
  background:var(--p2-ink) !important;
  box-shadow:inset 0 5px 0 var(--p2-orange);
}

.ec-v2-phase2 .ecv4-batch-related .ecv3-kicker { color:var(--p2-orange) !important; }
.ec-v2-phase2 .ecv4-batch-related h2,
.ec-v2-phase2 .ecv4-batch-related .ecv3-related h3 { color:#fff !important; }
.ec-v2-phase2 .ecv4-batch-related .ecv3-related span { color:#7bc8c4 !important; }
.ec-v2-phase2 .ecv4-batch-related .ecv3-related>a {
  border-top-color:rgba(255,255,255,.3) !important;
}
.ec-v2-phase2 .ecv4-batch-related .ecv3-related>a:hover {
  border-top-color:var(--p2-orange) !important;
}

@media (max-width:900px) {
  body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-body>ul,
  body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body>ul,
  body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body>ol,
  body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body>ul,
  body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body>ol {
    padding:1rem 1rem 1rem 2.25rem !important;
  }
}

/* A table-bearing section is deliberately stacked; its former side-heading
   sticky behavior must not float over the wide comparison table while scrolling. */
.ec-v2-phase2 .ecv4-composition:has(.ecv3-table-wrap) .ecv4-section-heading {
  position:static !important;
  top:auto !important;
}

/*
 * ExpatChina Phase 2 Batch02 — owner-approved Long-form Master propagation.
 * Staging only. Presentation layer only; no page-owned content is changed.
 */

/* Frozen cool-neutral palette and crisp page canvas. */
.ec-v2-phase2 {
  --p2-ink: #00263e;
  --p2-navy-2: #073650;
  --p2-body: #243e50;
  --p2-muted: #506a79;
  --p2-sea: #379a97;
  --p2-sea-dark: #087d78;
  --p2-sea-soft: #e8f3f2;
  --p2-neutral: #f4f6f7;
  --p2-line: #d7e0e4;
  --p2-orange: #ff8200;
  --p2-reading: 50rem;
  --p2-rail: 86rem;
  background: #fff !important;
  color: var(--p2-body);
}

body.page-id-111,
body.page-id-112,
body.page-id-113,
body.page-id-126,
body.page-id-127,
body.page-id-111 #page,
body.page-id-112 #page,
body.page-id-113 #page,
body.page-id-126 #page,
body.page-id-127 #page,
body.page-id-111 .inside-article,
body.page-id-112 .inside-article,
body.page-id-113 .inside-article,
body.page-id-126 .inside-article,
body.page-id-127 .inside-article {
  background: #fff !important;
}

/* Homepage-aligned opening: crisp, confident, image-led. */
.ec-v2-phase2 .ecv4-editorial-hero,
.ec-v2-phase2--text-hero .ecv4-editorial-hero {
  min-height: clamp(31rem, 42vw, 39rem) !important;
  padding: clamp(3.25rem, 5vw, 5rem) 0 !important;
  background: #fff !important;
  border-block: 0 1px solid var(--p2-line) !important;
}

.ec-v2-phase2 .ecv4-hero-grid,
.ec-v2-phase2--text-hero .ecv4-hero-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(22rem, .98fr) !important;
  gap: clamp(3rem, 5.4vw, 5.75rem) !important;
}

.ec-v2-phase2 .ecv3-hero-copy h1,
.ec-v2-phase2--text-hero .ecv3-hero-copy h1 {
  max-width: 17ch !important;
  color: var(--p2-ink) !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(3.35rem, 5.25vw, 5rem) !important;
  font-weight: 680 !important;
  line-height: .98 !important;
  letter-spacing: -.07em !important;
  text-wrap: balance;
}

.ec-v2-phase2 .ecv3-hero-media,
body.page-id-126 .ec-v2-phase2 .ecv4-hero-grid::after,
body.page-id-127 .ec-v2-phase2 .ecv4-hero-grid::after {
  min-height: clamp(22rem, 30vw, 28rem) !important;
  border-radius: 4px !important;
  box-shadow: 0 18px 42px rgba(0, 38, 62, .14) !important;
  filter: saturate(1.03) contrast(1.025);
}

.ec-v2-phase2 .expatchina-button {
  border-radius: 999px !important;
  background: var(--p2-orange) !important;
  border-color: var(--p2-orange) !important;
  color: var(--p2-ink) !important;
  box-shadow: none !important;
}

/* Orientation is a single, restrained teal surface. */
.ec-v2-phase2 .ecv4-guide-intro {
  padding: clamp(3.6rem, 5.2vw, 5.25rem) 0 !important;
  background: var(--p2-sea-soft) !important;
  border-block: 1px solid #d9e9e7 !important;
}

.ec-v2-phase2 .ecv3-toc {
  border: 0 !important;
  border-top: 2px solid var(--p2-sea-dark) !important;
  border-radius: 0 !important;
  background: #fff !important;
  padding: 1rem 1.1rem 1.15rem !important;
}

.ec-v2-phase2 .ecv3-toc a {
  border-bottom: 1px solid var(--p2-line);
  padding: .48rem 0;
}

/* White remains dominant. One later teal pause supports long-form rhythm. */
.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(3.8rem, 5.7vw, 6rem) 0 !important;
  background: #fff !important;
}

.ec-v2-phase2 > .ecv4-section--first-month {
  background: var(--p2-sea-soft) !important;
  border-block: 1px solid #d9e9e7 !important;
}

.ec-v2-phase2 .ecv4-section-heading {
  max-width: 72rem !important;
  margin-bottom: clamp(1.8rem, 3vw, 2.6rem) !important;
  padding-top: .85rem !important;
  border-top: 1px solid var(--p2-line) !important;
}

.ec-v2-phase2 .ecv4-section-heading .ecv3-kicker {
  color: var(--p2-orange) !important;
}

.ec-v2-phase2 .ecv4-section-heading h2,
.ec-v2-phase2 .ecv4-batch-related h2 {
  color: var(--p2-ink) !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 650 !important;
  line-height: .99 !important;
  letter-spacing: -.06em !important;
  text-wrap: balance;
}

.ec-v2-phase2 .ecv4-section-body {
  color: var(--p2-body);
}

/* Shared-divider matrices replace floating soft cards. */
.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul,
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 1.75rem 0 2rem !important;
  padding: 0 !important;
  border: 1px solid var(--p2-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--p2-body) !important;
  list-style: none !important;
}

.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul > li,
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul > li {
  position: relative;
  margin: 0 !important;
  padding: 1.05rem 1.15rem 1.05rem 1.9rem !important;
  border: 0 !important;
  border-right: 1px solid var(--p2-line) !important;
  border-bottom: 1px solid var(--p2-line) !important;
  color: var(--p2-body) !important;
}

.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul > li:nth-child(even),
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul > li:nth-child(even) {
  border-right: 0 !important;
}

.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul > li:nth-last-child(-n + 2),
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul > li:nth-last-child(-n + 2) {
  border-bottom: 0 !important;
}

.ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul > li::before,
.ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul > li::before {
  content: "";
  position: absolute;
  left: .9rem;
  top: 1.58rem;
  width: .42rem;
  height: .42rem;
  border-radius: 50%;
  background: var(--p2-orange) !important;
}

/* Wide information modules: square, ruled and useful at desktop width. */
.ec-v2-phase2 .ecv3-table-wrap {
  width: calc(100% + 16rem) !important;
  max-width: 72rem !important;
  margin: 2rem 0 2rem -8rem !important;
  overflow-x: auto !important;
  border: 1px solid #cfd9de !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.ec-v2-phase2 .ecv3-copy-table th {
  background: var(--p2-ink) !important;
  color: #fff !important;
  border-bottom: 3px solid var(--p2-orange) !important;
}

.ec-v2-phase2 .ecv3-copy-table tbody tr:nth-child(odd) td {
  background: #fff !important;
}

.ec-v2-phase2 .ecv3-copy-table tbody tr:nth-child(even) td {
  background: var(--p2-neutral) !important;
}

/* Page-owned knowledge anchors. Same visual authority, different subject. */
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 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter {
  background: var(--p2-ink) !important;
  color: #fff !important;
  box-shadow: inset 0 5px 0 var(--p2-orange) !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 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-heading {
  border-top-color: var(--p2-orange) !important;
}

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

body.page-id-113 #build-the-pack-from-real-use-cases .ecv4-section-body > ul,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body > ul,
body.page-id-126 #check-the-lawful-route-before-investing-in-an-application .ecv4-section-body > ol,
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body > ul,
body.page-id-127 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter .ecv4-section-body > ol {
  border: 1px solid rgba(255, 255, 255, .24) !important;
  border-left: 3px solid var(--p2-orange) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .055) !important;
  color: #fff !important;
}

/* The approved closing route is a flat navy action field, not a card grid. */
.ec-v2-phase2 .ecv4-batch-related {
  padding: clamp(4rem, 6vw, 6rem) 0 !important;
  background: var(--p2-ink) !important;
  color: #fff !important;
  box-shadow: inset 0 5px 0 var(--p2-orange) !important;
}

.ec-v2-phase2 .ecv4-batch-related :is(h2, h3) {
  color: #fff !important;
}

.ec-v2-phase2 .ecv4-batch-related .ecv3-kicker {
  color: var(--p2-orange) !important;
}

.ec-v2-phase2 .ecv3-related > a {
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .3) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
}

.ec-v2-phase2 .ecv3-related > a:hover {
  border-top-color: var(--p2-orange) !important;
  transform: none !important;
  box-shadow: none !important;
}

.ec-v2-phase2 .ecv3-related span {
  color: #7bc8c4 !important;
}

/* Table-bearing sections always stack, protecting the wide module. */
@media (min-width: 1101px) {
  .ec-v2-phase2 .ecv4-composition:has(.ecv3-table-wrap) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ec-v2-phase2 .ecv4-composition:has(.ecv3-table-wrap) .ecv4-section-heading {
    position: static !important;
    width: min(100%, 72rem) !important;
    max-width: 72rem !important;
  }

  .ec-v2-phase2 .ecv4-composition:has(.ecv3-table-wrap) .ecv3-table-wrap {
    width: 72rem !important;
    max-width: calc(100vw - 9rem) !important;
    margin-left: calc((50rem - min(72rem, calc(100vw - 9rem))) / 2) !important;
  }
}

@media (max-width: 1100px) {
  .ec-v2-phase2 .ecv3-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }
}

@media (max-width: 900px) {
  .ec-v2-phase2 .ecv4-editorial-hero,
  .ec-v2-phase2--text-hero .ecv4-editorial-hero {
    min-height: 0 !important;
    padding: 3rem 0 3.5rem !important;
  }

  .ec-v2-phase2 .ecv4-hero-grid,
  .ec-v2-phase2--text-hero .ecv4-hero-grid {
    grid-template-columns: 1fr !important;
  }

  .ec-v2-phase2 .ecv3-hero-media,
  body.page-id-126 .ec-v2-phase2 .ecv4-hero-grid::after,
  body.page-id-127 .ec-v2-phase2 .ecv4-hero-grid::after {
    min-height: clamp(17rem, 48vw, 22rem) !important;
    order: -1;
  }

  .ec-v2-phase2 .ecv3-toc {
    background: #fff !important;
    border: 1px solid var(--p2-line) !important;
    border-left: 3px solid var(--p2-sea-dark) !important;
  }
}

@media (max-width: 640px) {
  .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul,
  .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul {
    grid-template-columns: 1fr !important;
  }

  .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul > li,
  .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul > li,
  .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul > li:nth-child(even),
  .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul > li:nth-child(even),
  .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul > li:nth-last-child(-n + 2),
  .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul > li:nth-last-child(-n + 2) {
    border-right: 0 !important;
    border-bottom: 1px solid var(--p2-line) !important;
  }

  .ec-v2-phase2 .ecv4-section--decision-tool .ecv4-section-body > ul > li:last-child,
  .ec-v2-phase2 .ecv4-section--action-system .ecv4-section-body > ul > li:last-child {
    border-bottom: 0 !important;
  }
}

@media (max-width: 520px) {
  .ec-v2-phase2 .ecv3-hero-copy h1,
  .ec-v2-phase2--text-hero .ecv3-hero-copy h1 {
    font-size: clamp(2.6rem, 12vw, 3.15rem) !important;
  }

  .ec-v2-phase2 > .ecv4-section,
  .ec-v2-phase2 > .ecv4-section--first-month {
    padding: 3.25rem 0 !important;
  }
}