/*
 * Visa Types — exact Figma implementation layer.
 * Scope: staging page ID 210 only.
 * Authority: Figma desktop 73:2 and mobile 94:11.
 */

@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.page-id-111 {
  --visa-ink: #00263e;
  --visa-orange: #ff8200;
  --visa-teal: #007c80;
  --visa-sage: #e6f2f1;
  --visa-cool: #f4f6f7;
  --visa-border: #d7e0e4;
  --visa-white: #ffffff;
  --visa-rail: 1296px;
  color: var(--visa-ink);
  background: var(--visa-white);
  font-family: "Inter Visa Exact", Inter, "Helvetica Neue", Arial, sans-serif;
}

body.page-id-111 .expatchina-breadcrumb-wrap,
body.page-id-111 .entry-header { display: none !important; }
body.page-id-111 #page,
body.page-id-111 .site-content,
body.page-id-111 .content-area,
body.page-id-111 .site-main,
body.page-id-111 .inside-article,
body.page-id-111 .entry-content { width: 100% !important; max-width: none !important; margin: 0 !important; }
body.page-id-111 .site-content,
body.page-id-111 .inside-article { padding: 0 !important; }
body.page-id-111 .entry-content > .ec-v2-phase2 { margin: 0 !important; }
body.page-id-111 .ec-v2-phase2,
body.page-id-111 .ec-v2-phase2 * { box-sizing: border-box; font-family: "Inter Visa Exact", Inter, "Helvetica Neue", Arial, sans-serif; }
body.page-id-111 .ec-v2-phase2 { overflow: hidden; background: #fff; }
body.page-id-111 .ec-v2-phase2 .ecv3-shell { width: var(--visa-rail) !important; max-width: calc(100% - 144px) !important; margin-inline: auto !important; padding-inline: 0 !important; }
body.page-id-111 .ec-v2-phase2 :is(p, li, td) { font-size: 17px; line-height: 1.6; }
body.page-id-111 .ec-v2-phase2 p { margin: 0 0 18px; }
body.page-id-111 .ec-v2-phase2 :is(h1, h2, h3, p) { color: inherit; }
body.page-id-111 .ec-v2-phase2 .ecv3-kicker,
body.page-id-111 .ec-v2-phase2 .ec-visa-exact-intro-kicker,
body.page-id-111 .ec-v2-phase2 .ec-visa-exact-eyebrow {
  margin: 0;
  color: var(--visa-orange) !important;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 16px !important;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
body.page-id-111 .ec-v2-phase2 .ecv4-section-heading .ecv3-kicker::after { content: none !important; }
body.page-id-111 .ec-v2-phase2 .ecv4-section-heading { display: block !important; }
body.page-id-111 .ec-v2-phase2 .ecv4-section-heading h2::first-letter { font-size: inherit !important; color: inherit !important; }
body.page-id-111 .ec-v2-phase2 .ecv4-section-heading h2,
body.page-id-111 .ec-v2-phase2 .ec-visa-exact-section-title {
  margin: 14px 0 0;
  color: var(--visa-ink) !important;
  font-family: "Inter Visa Exact", Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: 60px !important;
  font-weight: 700;
  line-height: 1 !important;
  letter-spacing: -3.6px;
}

/* Header: preserve current navigation, match the approved frame dimensions. */
body.page-id-111 #masthead { height: 84px; background: #fff; }
body.page-id-111 #masthead .inside-header { width: 100%; max-width: none; height: 84px; padding: 0 72px; }
body.page-id-111 #masthead .site-logo img { width: 184px; height: 38px; object-fit: contain; }
body.page-id-111 #site-navigation,
body.page-id-111 #site-navigation .inside-navigation { min-height: 84px; }

/* 01 — Hero */
body.page-id-111 .ec-v2-phase2 .ecv4-editorial-hero {
  min-height: 670px !important;
  padding: 68px 0 !important;
  background: #fff !important;
}
body.page-id-111 .ec-v2-phase2 .ecv4-hero-grid {
  width: 1240px !important;
  max-width: calc(100% - 200px) !important;
  display: grid !important;
  grid-template-columns: 680px 560px !important;
  gap: 0 !important;
  align-items: center !important;
}
body.page-id-111 .ec-v2-phase2 .ecv3-hero-copy {
  width: 680px !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.page-id-111 .ec-v2-phase2 .ecv3-hero-copy > * { margin: 0 !important; }
body.page-id-111 .ec-v2-phase2 .ecv3-hero-copy h1 {
  width: 636px;
  max-width: 100%;
  color: var(--visa-ink) !important;
  font-family: "Inter Visa Exact", Inter, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 80px !important;
  font-weight: 700 !important;
  line-height: .98 !important;
  letter-spacing: -5.6px !important;
}
body.page-id-111 .ec-v2-phase2 .ecv3-deck {
  max-width: 620px;
  color: #395265 !important;
  font-size: 20px !important;
  line-height: 32px !important;
}
body.page-id-111 .ec-v2-phase2 .expatchina-button {
  min-height: 48px;
  padding: 14px 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--visa-orange) !important;
  color: var(--visa-ink) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 20px !important;
  text-decoration: none;
}
body.page-id-111 .ec-v2-phase2 .ec-visa-exact-checked {
  color: #526875 !important;
  font-size: 17px !important;
  line-height: 27px !important;
}
body.page-id-111 .ec-v2-phase2 .ecv3-hero-media {
  width: 560px !important;
  height: 520px !important;
  min-height: 0 !important;
  margin: 0 !important;
  order: initial !important;
  border-radius: 6px !important;
  overflow: hidden;
}
body.page-id-111 .ec-v2-phase2 .ecv3-hero-media img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* 02 — Start Here / orientation */
body.page-id-111 .ec-v2-phase2 .ecv4-guide-intro {
  height: 570px;
  min-height: 570px;
  padding: 72px 0 !important;
  background: var(--visa-sage) !important;
}
body.page-id-111 .ec-v2-phase2 .ecv3-prose-layout {
  display: grid !important;
  grid-template-columns: 318px 820px !important;
  gap: 72px !important;
  align-items: start !important;
  justify-content: start;
}
body.page-id-111 .ec-v2-phase2 .ecv3-toc {
  position: static !important;
  top: auto !important;
  width: 318px !important;
  height: 426px !important;
  min-height: 426px;
  padding: 24px !important;
  border: 1px solid var(--visa-border) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.68) !important;
  box-shadow: none !important;
}
body.page-id-111 .ec-v2-phase2 .ecv3-toc > p {
  margin: 0 0 14px;
  color: var(--visa-ink) !important;
  font-size: 14px !important;
  font-weight: 700;
  line-height: 20px !important;
  letter-spacing: .7px;
  text-transform: uppercase;
}
body.page-id-111 .ec-v2-phase2 .ecv3-toc a {
  display: block;
  padding: 8px 0;
  border: 0 !important;
  color: var(--visa-ink) !important;
  font-size: 15px;
  line-height: 21px;
  text-decoration: none;
}
body.page-id-111 .ec-v2-phase2 .ecv4-guide-intro .ecv3-prose { width: 820px !important; padding-top: 20px; }
body.page-id-111 .ec-v2-phase2 .ec-visa-exact-intro-title {
  width: 800px;
  max-width: 100%;
  margin: 14px 0 30px;
  color: var(--visa-ink) !important;
  font-size: 60px !important;
  font-weight: 700;
  line-height: 1 !important;
  letter-spacing: -3.6px;
}
body.page-id-111 .ec-v2-phase2 .ecv4-editorial-intro { width: 760px !important; max-width: 100%; }
body.page-id-111 .ec-v2-phase2 .ecv4-editorial-intro p:first-child { font-size: 20px !important; line-height: 32px !important; }

/* Shared exact section geometry */
body.page-id-111 .ec-v2-phase2 .ecv4-section { margin: 0 !important; border: 0 !important; }
body.page-id-111 .ec-v2-phase2 .ecv4-composition { width: var(--visa-rail) !important; max-width: calc(100% - 144px) !important; margin-inline: auto !important; padding-inline: 0 !important; }

/* 03 — Decision Inputs */
body.page-id-111 #define-the-trip-before-choosing-a-category { min-height: 980px; padding: 84px 0 !important; background: #fff !important; }
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-composition {
  display: grid !important;
  grid-template-columns: 330px 894px !important;
  gap: 72px !important;
  align-items: start;
}
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-heading { width: 330px !important; }
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-heading h2 { width: 326px !important; }
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body { width: 894px !important; max-width: none !important; }
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-key-statement { width: 820px; font-size: 20px !important; line-height: 32px !important; }
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  width: 894px !important;
  margin: 28px 0 !important;
  padding: 0 !important;
  border: 1px solid var(--visa-border) !important;
  background: #fff !important;
  list-style: none !important;
}
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li {
  position: relative;
  min-height: 198px;
  margin: 0 !important;
  padding: 50px 24px 24px !important;
  border: 0 !important;
  border-right: 1px solid var(--visa-border) !important;
  border-bottom: 1px solid var(--visa-border) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:nth-child(even) { border-right: 0 !important; }
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:nth-last-child(-n+2) { border-bottom: 0 !important; }
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li::before {
  position: absolute; top: 22px; left: 24px; width: auto; height: auto; background: none !important;
  color: var(--visa-orange); font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 1.4px;
}
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:nth-child(1)::before { content: "01 · PURPOSE"; }
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:nth-child(2)::before { content: "02 · INTENDED STAY"; }
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:nth-child(3)::before { content: "03 · SUPPORTING PARTY"; }
body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:nth-child(4)::before { content: "04 · SUBMISSION LOCATION"; }

/* 04 — Route Finder */
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision {
  height: 2068px;
  min-height: 2068px;
  padding: 84px 0 !important;
  background: var(--visa-ink) !important;
  color: #fff !important;
}
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision::after { content: none !important; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-composition { display: block !important; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-composition { width: 1296px !important; max-width: none !important; padding-inline: 0 !important; }
html body.page-id-111 main.ec-v2-phase2 section#use-the-visa-table-as-a-route-finder-not-an-eligibility-decision > div.ecv3-shell.ecv4-composition { width: 1296px !important; max-width: none !important; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-heading,
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-body { width: 100% !important; max-width: none !important; }
html body.page-id-111 main.ec-v2-phase2 section#use-the-visa-table-as-a-route-finder-not-an-eligibility-decision > div.ecv4-composition > article.ecv4-section-body { width: 1296px !important; max-width: none !important; margin-inline: 0 !important; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-heading h2 {
  width: 1050px !important; max-width: 100%; margin-bottom: 28px; color: #fff !important; font-size: 60px !important; line-height: 1 !important; letter-spacing: -3.6px !important;
}
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-body > p { width: 1040px; max-width: 100%; color: rgba(255,255,255,.88) !important; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-body > p:first-child { font-size: 20px !important; line-height: 32px !important; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-table-wrap {
  width: 1296px !important; max-width: 100%; margin: 32px 0 !important; overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.2) !important; border-radius: 4px !important; background: transparent !important;
}
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision table { width: 100% !important; table-layout: fixed !important; border: 0 !important; border-collapse: collapse !important; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision th {
  padding: 18px 16px !important; border: 0 !important; background: var(--visa-orange) !important;
  color: var(--visa-ink) !important; font-size: 15px !important; font-weight: 700; line-height: 18px !important; text-align: left;
}
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision th:nth-child(1) { width: 19%; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision th:nth-child(2) { width: 9.3%; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision th:nth-child(3) { width: 27%; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision th:nth-child(4) { width: 44.7%; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision td {
  padding: 16px !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.14) !important;
  background: transparent !important; color: #fff !important; font-size: 17px !important; line-height: 27px !important; vertical-align: top;
}
body.page-id-111 .ec-v2-phase2 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-copy-table td { font-size: 17px !important; line-height: 27px !important; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision tr:nth-child(even) td { background: rgba(255,255,255,.045) !important; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision tbody tr:last-child td { border-bottom: 0 !important; }
body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision td strong { color: var(--visa-orange) !important; }

/* 05 + image break — Entry vs Status */
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry {
  min-height: 1518px;
  padding: 84px 0 54px !important;
  background: #fff !important;
}
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-composition { display: block !important; width: 1064px !important; max-width: calc(100% - 376px) !important; }
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-heading,
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body { width: 100% !important; max-width: none !important; }
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-heading h2 { width: 980px !important; max-width: 100%; margin-bottom: 28px; }
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > p:first-child { font-size: 20px !important; line-height: 32px !important; }
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol {
  display: grid !important; grid-template-columns: repeat(3, 1fr) !important; width: 100% !important; margin: 28px 0 !important; padding: 0 !important;
  border: 1px solid var(--visa-border) !important; list-style: none !important;
}
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li {
  min-height: 210px; margin: 0 !important; padding: 50px 24px 24px !important; border: 0 !important; border-right: 1px solid var(--visa-border) !important; border-radius: 0 !important; background: #fff !important;
  font-size: 24px !important; line-height: 31px !important;
}
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li:last-child { border-right: 0 !important; }
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li::before { color: var(--visa-orange) !important; font-size: 12px !important; line-height: 16px !important; }
body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry::after {
  content: "" !important; display: block !important; width: var(--visa-rail) !important; max-width: calc(100% - 144px) !important; height: 392px !important;
  margin: 54px auto 0 !important; border-radius: 0 !important;
  background: url("../images/visa-types-figma-editorial-break.png") center 53% / cover no-repeat !important;
}

/* 07 — Sponsor Dependencies */
body.page-id-111 #map-the-sponsor-and-document-dependencies { height: 948px; min-height: 948px; padding: 84px 0 !important; background: #fff !important; }
body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-composition {
  display: grid !important; grid-template-columns: 330px 894px !important; gap: 72px !important; align-items: start; padding-inline: 0 !important;
}
body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-heading { width: 330px !important; }
body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-heading h2 { width: 326px !important; }
body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-body { width: 894px !important; max-width: none !important; }
body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-body > p { max-width: 820px; }
body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv3-table-wrap { width: 894px !important; margin: 26px 0 !important; padding: 0 !important; overflow: hidden; border: 1px solid var(--visa-border) !important; border-radius: 4px !important; }
body.page-id-111 #map-the-sponsor-and-document-dependencies table { width: 100% !important; margin: 0 !important; border: 0 !important; border-collapse: collapse !important; }
body.page-id-111 #map-the-sponsor-and-document-dependencies th { padding: 15px 18px !important; border: 0 !important; background: var(--visa-orange) !important; color: var(--visa-ink) !important; font-size: 15px !important; line-height: 18px !important; text-align: left; }
body.page-id-111 #map-the-sponsor-and-document-dependencies td { padding: 15px 18px !important; border: 0 !important; border-bottom: 1px solid var(--visa-border) !important; background: #fff !important; font-size: 17px !important; line-height: 27px !important; vertical-align: top; }
body.page-id-111 #map-the-sponsor-and-document-dependencies :is(th,td):first-child { width: 57%; }
body.page-id-111 #map-the-sponsor-and-document-dependencies :is(th,td):last-child { width: 43%; }
body.page-id-111 #map-the-sponsor-and-document-dependencies tr:last-child td { border-bottom: 0 !important; }

/* 08 — Material Changes */
body.page-id-111 #re-check-the-route-when-a-material-fact-changes { height: 704px; min-height: 704px; padding: 84px 0 !important; background: var(--visa-sage) !important; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-composition {
  display: grid !important; grid-template-columns: 390px 834px !important; gap: 72px !important; align-items: start;
}
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading { width: 380px !important; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading h2 { width: 380px !important; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading > p:last-child { width: 380px; margin: 18px 0 0; color: #395265 !important; font-size: 17px !important; line-height: 27px !important; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body { width: 834px !important; max-width: none !important; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul {
  margin: 0 0 24px !important; padding: 0 !important; border: 1px solid var(--visa-border) !important; background: rgba(255,255,255,.88) !important; list-style: none !important;
}
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li {
  position: relative; height: 57px; min-height: 57px; margin: 0 !important; padding: 15px 24px 15px 78px !important; border: 0 !important; border-bottom: 1px solid var(--visa-border) !important; background: transparent !important;
}
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li:last-child { border-bottom: 0 !important; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li::before {
  position: absolute; left: 18px; top: 19px; color: var(--visa-orange); font-size: 12px; font-weight: 700; line-height: 16px;
}
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li:nth-child(1)::before { content: "01"; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li:nth-child(2)::before { content: "02"; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li:nth-child(3)::before { content: "03"; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li:nth-child(4)::before { content: "04"; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li:nth-child(5)::before { content: "05"; }
body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li:nth-child(6)::before { content: "06"; }

/* 09 — Official Source Check */
body.page-id-111 #finish-with-an-official-source-check { min-height: 1097px; padding: 84px 0 !important; background: #fff !important; }
body.page-id-111 #finish-with-an-official-source-check .ecv4-composition { display: block !important; width: 1064px !important; max-width: calc(100% - 376px) !important; }
body.page-id-111 #finish-with-an-official-source-check .ecv4-section-heading,
body.page-id-111 #finish-with-an-official-source-check .ecv4-section-body { width: 100% !important; max-width: none !important; }
body.page-id-111 #finish-with-an-official-source-check .ecv4-section-heading h2 { width: 980px !important; max-width: 100%; margin-bottom: 26px; font-size: 60px !important; line-height: 1 !important; letter-spacing: -3.6px !important; }
body.page-id-111 #finish-with-an-official-source-check .ecv4-section-body > p:first-child { font-size: 20px !important; line-height: 32px !important; }
body.page-id-111 .ec-visa-exact-verification {
  width: 1064px; max-width: 100%; height: 239px; margin: 28px 0; padding: 28px 30px; border: 1px solid var(--visa-border); border-radius: 4px; background: var(--visa-cool);
  display: flex; flex-direction: column; gap: 12px;
}
body.page-id-111 .ec-visa-exact-verification-row { display: grid; grid-template-columns: 230px 1fr; gap: 20px; height: 27px; padding: 0; border: 0; }
body.page-id-111 .ec-visa-exact-verification-row strong { color: var(--visa-orange); font-size: 13px; line-height: 22px; letter-spacing: .5px; text-transform: uppercase; }
body.page-id-111 .ec-visa-exact-verification-row span { font-size: 17px; line-height: 27px; }
body.page-id-111 .ec-visa-exact-sources { margin-top: 32px; padding: 24px 26px; border-top: 2px solid var(--visa-ink); background: var(--visa-cool); }
body.page-id-111 .ec-visa-exact-sources p { margin: 0; }
body.page-id-111 .ec-visa-exact-sources strong { color: var(--visa-ink); }

/* 10 — Next Decision */
body.page-id-111 .ec-v2-phase2 .ecv4-batch-related { height: 460px; min-height: 460px; padding: 72px 0 !important; background: var(--visa-ink) !important; color: #fff; }
body.page-id-111 .ec-v2-phase2 .ecv4-batch-related > .ecv3-shell { width: var(--visa-rail) !important; max-width: calc(100% - 144px) !important; }
body.page-id-111 .ec-v2-phase2 .ecv4-batch-related h2 { width: 900px; max-width: 100%; margin: 14px 0 42px !important; color: #fff !important; font-size: 60px !important; line-height: 1 !important; letter-spacing: -3.6px !important; }
body.page-id-111 .ec-v2-phase2 .ecv3-related { display: grid !important; grid-template-columns: 340px 470px 340px !important; justify-content: space-between; gap: 24px !important; }
body.page-id-111 .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;
}
body.page-id-111 .ec-v2-phase2 .ecv3-related span { color: #74c7c3 !important; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
body.page-id-111 .ec-v2-phase2 .ecv3-related h3 { margin: 10px 0 0 !important; color: #fff !important; font-size: 22px !important; line-height: 28px !important; }

/* 11 — About ExpatChina */
body.page-id-111 .ec-visa-exact-about { min-height: 600px; padding: 72px 0; background: #fff; }
body.page-id-111 .ec-visa-exact-about-inner { display: grid; grid-template-columns: 550px 682px; gap: 64px; align-items: center; }
body.page-id-111 .ec-visa-exact-about-copy { width: 550px; }
body.page-id-111 .ec-visa-exact-about h2 { width: 530px; max-width: 100%; margin: 14px 0 26px; color: var(--visa-ink); font-size: 60px; font-weight: 700; line-height: 1; letter-spacing: -3.6px; }
body.page-id-111 .ec-visa-exact-about-copy > p:not(.ec-visa-exact-eyebrow) { width: 520px; max-width: 100%; color: #395265; font-size: 20px !important; line-height: 32px !important; }
body.page-id-111 .ec-visa-exact-about-links { display: flex; flex-direction: row; align-items: center; gap: 24px; margin-top: 20px; }
body.page-id-111 .ec-visa-exact-about-links a { color: var(--visa-ink); font-size: 16px; font-weight: 700; line-height: 24px; text-decoration: none; border-bottom: 1px solid var(--visa-border); }
body.page-id-111 .ec-visa-exact-about figure { width: 682px; height: 456px; margin: 0; border-radius: 6px; overflow: hidden; }
body.page-id-111 .ec-visa-exact-about img { width: 100%; height: 100%; display: block; object-fit: cover; }

/* 12 — Help / next step: approved orange action surface. */
body.page-id-111 .ec-visa-exact-help { min-height: 450px; padding: 72px 0; background: var(--visa-orange); color: var(--visa-ink); }
body.page-id-111 .ec-visa-exact-help-inner { display: grid; grid-template-columns: 560px 652px; gap: 84px; align-items: center; }
body.page-id-111 .ec-visa-exact-help .ec-visa-exact-eyebrow { color: var(--visa-ink) !important; }
body.page-id-111 .ec-visa-exact-help h2 { width: 560px; margin: 14px 0 0; color: var(--visa-ink); font-size: 60px; font-weight: 700; line-height: 1; letter-spacing: -3.6px; }
body.page-id-111 .ec-visa-exact-help-actions { display: grid; grid-template-columns: repeat(2, 314px); gap: 24px; }
body.page-id-111 .ec-visa-exact-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; align-items: flex-start; justify-content: space-between; }
body.page-id-111 .ec-visa-exact-help-card h3 { margin: 0 0 12px; color: var(--visa-ink); font-size: 28px; line-height: 34px; }
body.page-id-111 .ec-visa-exact-help-card p { margin: 0 0 24px; color: rgba(0,38,62,.8); }
body.page-id-111 .ec-visa-exact-help-card a { padding: 13px 20px; border: 1px solid var(--visa-ink); border-radius: 999px; background: var(--visa-ink); color: #fff; font-size: 15px; font-weight: 700; line-height: 20px; text-decoration: none; }
body.page-id-111 .ec-visa-exact-help-card:nth-child(2) a { background: transparent; color: var(--visa-ink); }

/* Footer remains current site chrome, aligned to the approved navy family. */
body.page-id-111 .expatchina-footer-navigation,
body.page-id-111 .site-footer { background: var(--visa-ink) !important; color: #fff; }
body.page-id-111 .expatchina-footer-navigation { min-height: 199px; padding: 0 !important; border-top: 1px solid rgba(255,255,255,.25); }
body.page-id-111 .expatchina-footer-navigation__inner { width: 100%; max-width: none; min-height: 199px; padding: 52px 72px 28px !important; display: flex; justify-content: space-between; align-items: center; }
body.page-id-111 .expatchina-footer-brand p { margin: 12px 0 0; }
body.page-id-111 .ec-visa-exact-footer-links { display: flex; gap: 26px; }
body.page-id-111 .ec-visa-exact-footer-links a { font-size: 15px; line-height: 27px; text-decoration: none; }
body.page-id-111 .site-footer { height: 61px; }
body.page-id-111 .expatchina-footer-navigation a,
body.page-id-111 .expatchina-footer-navigation h2,
body.page-id-111 .site-footer a { color: #fff !important; }

body.page-id-111 .ec-v2-phase2 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading h2,
body.page-id-111 .ec-v2-phase2 #finish-with-an-official-source-check .ecv4-section-heading h2 {
  font-size: 60px !important;
  line-height: 1 !important;
  letter-spacing: -3.6px !important;
}

/* The 1440px frame is the visual authority, not a minimum viewport width.
 * Preserve its proportions while allowing every track to shrink safely on
 * intermediate desktop and MacBook widths. */
@media (min-width: 1101px) and (max-width: 1439px) {
  body.page-id-111 .ec-v2-phase2 .ecv4-hero-grid {
    grid-template-columns: minmax(0, 680fr) minmax(0, 560fr) !important;
  }
  body.page-id-111 .ec-v2-phase2 .ecv3-hero-copy,
  body.page-id-111 .ec-v2-phase2 .ecv3-hero-media {
    width: 100% !important;
    min-width: 0 !important;
  }
  body.page-id-111 .ec-v2-phase2 .ecv3-hero-copy h1 { width: 100%; }

  body.page-id-111 .ec-v2-phase2 .ecv3-prose-layout {
    grid-template-columns: minmax(260px, 318px) minmax(0, 1fr) !important;
    gap: clamp(48px, 5vw, 72px) !important;
  }
  body.page-id-111 .ec-v2-phase2 .ecv3-toc,
  body.page-id-111 .ec-v2-phase2 .ecv4-guide-intro .ecv3-prose,
  body.page-id-111 .ec-v2-phase2 .ecv4-editorial-intro {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-composition,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-composition {
    grid-template-columns: minmax(260px, 330px) minmax(0, 1fr) !important;
    gap: clamp(48px, 5vw, 72px) !important;
  }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-heading,
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body,
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-heading,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-body,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv3-table-wrap {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-heading h2,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-heading h2 {
    width: 100% !important;
  }

  html body.page-id-111 main.ec-v2-phase2 section#use-the-visa-table-as-a-route-finder-not-an-eligibility-decision > div.ecv3-shell.ecv4-composition,
  html body.page-id-111 main.ec-v2-phase2 section#use-the-visa-table-as-a-route-finder-not-an-eligibility-decision > div.ecv4-composition > article.ecv4-section-body,
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-table-wrap {
    width: calc(100% - 144px) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: auto !important;
  }
  html body.page-id-111 main.ec-v2-phase2 section#use-the-visa-table-as-a-route-finder-not-an-eligibility-decision > div.ecv4-composition > article.ecv4-section-body,
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-table-wrap {
    width: 100% !important;
  }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision {
    height: auto;
    min-height: 2068px;
  }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision table {
    min-width: 0 !important;
  }

  body.page-id-111 #re-check-the-route-when-a-material-fact-changes {
    height: auto;
    min-height: 704px;
  }
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-composition {
    grid-template-columns: minmax(300px, 390px) minmax(0, 1fr) !important;
    gap: clamp(48px, 5vw, 72px) !important;
  }
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading,
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading h2,
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading > p:last-child,
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body,
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li {
    height: auto;
    min-height: 57px;
  }

  body.page-id-111 .ec-v2-phase2 .ecv3-related {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr) minmax(0, .9fr) !important;
  }
  body.page-id-111 .ec-v2-phase2 .ecv3-related > a { width: 100% !important; min-width: 0 !important; }

  body.page-id-111 .ec-visa-exact-about-inner {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(40px, 4.5vw, 64px);
  }
  body.page-id-111 .ec-visa-exact-about-copy,
  body.page-id-111 .ec-visa-exact-about figure,
  body.page-id-111 .ec-visa-exact-about-copy > p:not(.ec-visa-exact-eyebrow) {
    width: 100%;
    min-width: 0;
  }

  body.page-id-111 .ec-visa-exact-help-inner {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(40px, 5vw, 72px);
  }
  body.page-id-111 .ec-visa-exact-help h2,
  body.page-id-111 .ec-visa-exact-help-actions,
  body.page-id-111 .ec-visa-exact-help-card {
    width: 100%;
    min-width: 0;
  }
  body.page-id-111 .ec-visa-exact-help-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.page-id-111 .ec-v2-phase2 :is(.ecv4-hero-grid, .ecv3-prose-layout, .ecv4-composition, .ec-visa-exact-about-inner, .ec-visa-exact-help-inner) > * {
    min-width: 0 !important;
  }
}

/* Contrast repair for the navy route table only. */
body.page-id-111 .ec-v2-phase2 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-copy-table,
body.page-id-111 .ec-v2-phase2 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-copy-table :is(thead, tbody, tr, td) {
  opacity: 1 !important;
}
body.page-id-111 .ec-v2-phase2 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-copy-table td {
  color: #f8fbfc !important;
  border-bottom-color: rgba(255,255,255,.26) !important;
}
body.page-id-111 .ec-v2-phase2 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-copy-table td strong {
  color: #ff9f32 !important;
}

@media (max-width: 1100px) and (min-width: 768px) {
  body.page-id-111 .ec-v2-phase2 .ecv3-shell,
  body.page-id-111 .ec-v2-phase2 .ecv4-composition,
  body.page-id-111 .ec-v2-phase2 .ecv4-batch-related > .ecv3-shell,
  body.page-id-111 .ec-visa-exact-about-inner,
  body.page-id-111 .ec-visa-exact-help-inner { width: calc(100% - 96px) !important; max-width: none !important; }
  body.page-id-111 .ec-v2-phase2 .ecv4-hero-grid { grid-template-columns: 1.08fr .92fr !important; gap: 40px !important; }
  html body.page-id-111 main.ec-v2-phase2 section#use-the-visa-table-as-a-route-finder-not-an-eligibility-decision > div.ecv3-shell.ecv4-composition { width: calc(100% - 96px) !important; max-width: none !important; }
  html body.page-id-111 main.ec-v2-phase2 section#use-the-visa-table-as-a-route-finder-not-an-eligibility-decision > div.ecv4-composition > article.ecv4-section-body { width: 100% !important; max-width: none !important; margin-inline: 0 !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision,
  body.page-id-111 #map-the-sponsor-and-document-dependencies,
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes { height: auto; }
  body.page-id-111 .ec-v2-phase2 .ecv3-hero-copy,
  body.page-id-111 .ec-v2-phase2 .ecv3-hero-media { width: 100% !important; }
  body.page-id-111 .ec-v2-phase2 .ecv3-hero-copy h1 { font-size: 64px !important; line-height: .98 !important; letter-spacing: -4px !important; }
  body.page-id-111 .ec-v2-phase2 .ecv3-prose-layout { grid-template-columns: 280px 1fr !important; gap: 48px !important; }
  body.page-id-111 .ec-v2-phase2 .ecv3-toc,
  body.page-id-111 .ec-v2-phase2 .ecv4-guide-intro .ecv3-prose { width: 100% !important; }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-composition,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-composition { grid-template-columns: 280px 1fr !important; gap: 48px !important; }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-body,
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv3-table-wrap { width: 100% !important; }
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-composition { grid-template-columns: 320px 1fr !important; gap: 48px !important; }
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body { width: 100% !important; }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-composition,
  body.page-id-111 #finish-with-an-official-source-check .ecv4-composition { width: calc(100% - 180px) !important; max-width: none !important; }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry::after { width: calc(100% - 96px) !important; max-width: none !important; }
  body.page-id-111 .ec-v2-phase2 .ecv3-related { grid-template-columns: repeat(3, 1fr) !important; }
  body.page-id-111 .ec-visa-exact-about-inner { grid-template-columns: .9fr 1.1fr; gap: 48px; }
  body.page-id-111 .ec-visa-exact-about-copy,
  body.page-id-111 .ec-visa-exact-about figure { width: 100%; }
  body.page-id-111 .ec-visa-exact-help-inner { grid-template-columns: .9fr 1.1fr; gap: 48px; }
  body.page-id-111 .ec-visa-exact-help h2 { width: auto; }
  body.page-id-111 .ec-visa-exact-help-actions { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  body.page-id-111 #masthead { height: 70px; }
  body.page-id-111 #masthead .inside-header { height: 70px; padding: 0 20px; flex-direction: row; }
  body.page-id-111 #masthead .site-logo img { width: 142px; height: 30px; }
  body.page-id-111 #site-navigation,
  body.page-id-111 #site-navigation .inside-navigation { min-height: 70px; }
  body.page-id-111 .ec-v2-phase2 .ecv3-shell,
  body.page-id-111 .ec-v2-phase2 .ecv4-composition,
  body.page-id-111 .ec-v2-phase2 .ecv4-batch-related > .ecv3-shell,
  body.page-id-111 .ec-visa-exact-about-inner,
  body.page-id-111 .ec-visa-exact-help-inner { width: calc(100% - 48px) !important; max-width: none !important; padding-inline: 0 !important; }
  body.page-id-111 .ec-v2-phase2 .ecv4-section-heading h2,
  body.page-id-111 .ec-v2-phase2 .ec-visa-exact-section-title,
  body.page-id-111 .ec-v2-phase2 .ec-visa-exact-intro-title,
  body.page-id-111 .ec-v2-phase2 .ecv4-batch-related h2,
  body.page-id-111 .ec-visa-exact-about h2,
  body.page-id-111 .ec-visa-exact-help h2 { width: 100% !important; font-size: 60px !important; line-height: 1 !important; letter-spacing: -3.6px !important; }
  body.page-id-111 .ec-v2-phase2 .ecv4-editorial-hero { min-height: 0 !important; padding: 44px 0 !important; }
  body.page-id-111 .ec-v2-phase2 .ecv4-hero-grid { display: flex !important; flex-direction: column !important; width: calc(100% - 48px) !important; gap: 28px !important; }
  body.page-id-111 .ec-v2-phase2 .ecv3-hero-copy { width: 100% !important; min-height: 0; padding: 0 !important; gap: 22px; }
  body.page-id-111 .ec-v2-phase2 .ecv3-hero-copy h1 { width: 100%; font-size: 80px !important; line-height: .98 !important; letter-spacing: -5.6px !important; overflow-wrap: normal; word-break: normal; }
  body.page-id-111 .ec-v2-phase2 .ecv3-hero-media { width: 100% !important; height: 300px !important; order: initial !important; }
  body.page-id-111 .ec-v2-phase2 .ecv4-guide-intro { min-height: 0; padding: 44px 0 !important; }
  body.page-id-111 .ec-v2-phase2 .ecv4-guide-intro { height: auto; }
  body.page-id-111 .ec-v2-phase2 .ecv3-prose-layout { display: flex !important; flex-direction: column !important; width: calc(100% - 48px) !important; gap: 28px !important; }
  body.page-id-111 .ec-v2-phase2 .ecv3-toc,
  body.page-id-111 .ec-v2-phase2 .ecv4-guide-intro .ecv3-prose,
  body.page-id-111 .ec-v2-phase2 .ecv4-editorial-intro { width: 100% !important; }
  body.page-id-111 .ec-v2-phase2 .ecv3-toc { min-height: 0; padding: 24px !important; }
  body.page-id-111 .ec-v2-phase2 .ecv3-toc { height: auto !important; }
  body.page-id-111 .ec-v2-phase2 .ecv4-guide-intro .ecv3-prose { padding-top: 0; }

  body.page-id-111 #define-the-trip-before-choosing-a-category,
  body.page-id-111 #map-the-sponsor-and-document-dependencies { min-height: 0; padding: 44px 0 !important; }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-composition,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-composition,
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-composition { display: flex !important; flex-direction: column !important; gap: 28px !important; }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-heading,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-heading,
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading,
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body,
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-section-body,
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body { width: 100% !important; }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-key-statement { width: 100% !important; max-width: 100% !important; padding-top: 0 !important; }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul { display: block !important; width: 100% !important; }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li { min-height: 0; border-right: 0 !important; border-bottom: 1px solid var(--visa-border) !important; }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:last-child { border-bottom: 0 !important; }

  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision { min-height: 0; padding: 52px 0 !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision { height: auto; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-composition { width: calc(100% - 48px) !important; max-width: none !important; }
  html body.page-id-111 main.ec-v2-phase2 section#use-the-visa-table-as-a-route-finder-not-an-eligibility-decision > div.ecv3-shell.ecv4-composition { width: calc(100% - 48px) !important; max-width: none !important; }
  html body.page-id-111 main.ec-v2-phase2 section#use-the-visa-table-as-a-route-finder-not-an-eligibility-decision > div.ecv4-composition > article.ecv4-section-body { width: 100% !important; max-width: none !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-heading,
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-body,
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv4-section-heading h2 { width: 100% !important; max-width: 100% !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision .ecv3-table-wrap { width: 100% !important; overflow: hidden !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision table,
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision thead,
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision tbody,
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision tr,
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision th,
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision td { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision table { min-width: 0 !important; max-width: 100% !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision thead { background: var(--visa-orange); }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision th { padding: 7px 16px !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision th:first-child { padding-top: 18px !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision th:last-child { padding-bottom: 18px !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision tbody tr { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.16); }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision td { padding: 5px 16px !important; border: 0 !important; background: transparent !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision td::before { content: none !important; }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision tr:nth-child(even) { background: rgba(255,255,255,.045); }

  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry { min-height: 0; padding: 52px 0 0 !important; }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-composition,
  body.page-id-111 #finish-with-an-official-source-check .ecv4-composition { width: calc(100% - 48px) !important; max-width: none !important; }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-heading,
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body,
  body.page-id-111 #finish-with-an-official-source-check .ecv4-section-heading,
  body.page-id-111 #finish-with-an-official-source-check .ecv4-section-body,
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-heading h2,
  body.page-id-111 #finish-with-an-official-source-check .ecv4-section-heading h2 { width: 100% !important; max-width: 100% !important; }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol { display: block !important; }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li { min-height: 0; border-right: 0 !important; border-bottom: 1px solid var(--visa-border) !important; }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li:last-child { border-bottom: 0 !important; }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry::after { width: calc(100% - 48px) !important; max-width: none !important; height: 250px !important; margin: 44px auto 0 !important; }

  body.page-id-111 #map-the-sponsor-and-document-dependencies { height: auto; }
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv3-table-wrap { width: 100% !important; overflow-x: auto !important; }
  body.page-id-111 #map-the-sponsor-and-document-dependencies table { min-width: 680px; }
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes { height: auto; min-height: 0; padding: 44px 0 !important; }
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading,
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading h2,
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-heading > p:last-child { width: 100% !important; max-width: 100% !important; }
  body.page-id-111 #re-check-the-route-when-a-material-fact-changes .ecv4-section-body > ul > li { height: auto; min-height: 57px; }
  body.page-id-111 #finish-with-an-official-source-check { min-height: 0; padding: 52px 0 !important; }
  body.page-id-111 .ec-visa-exact-verification-row { display: block; padding: 16px 0; }
  body.page-id-111 .ec-visa-exact-verification-row strong { display: block; margin-bottom: 5px; }
  body.page-id-111 .ec-v2-phase2 .ecv4-batch-related { height: auto; min-height: 0; padding: 52px 0 !important; }
  body.page-id-111 .ec-v2-phase2 .ecv3-related { display: flex !important; flex-direction: column !important; gap: 0 !important; }
  body.page-id-111 .ec-v2-phase2 .ecv3-related > a { width: 100% !important; min-height: 124px; }

  body.page-id-111 .ec-visa-exact-about { min-height: 0; padding: 52px 0; }
  body.page-id-111 .ec-visa-exact-about-inner { display: flex; flex-direction: column; gap: 24px; }
  body.page-id-111 .ec-visa-exact-about-copy,
  body.page-id-111 .ec-visa-exact-about-copy > p:not(.ec-visa-exact-eyebrow),
  body.page-id-111 .ec-visa-exact-about figure { width: 100%; }
  body.page-id-111 .ec-visa-exact-about figure { height: 250px; order: 2; }
  body.page-id-111 .ec-visa-exact-about-links { order: 3; }
  body.page-id-111 .ec-visa-exact-about-links { flex-direction: column; align-items: flex-start; gap: 10px; }
  body.page-id-111 .ec-visa-exact-help { min-height: 0; padding: 52px 0; }
  body.page-id-111 .ec-visa-exact-help-inner { display: flex; flex-direction: column; gap: 28px; }
  body.page-id-111 .ec-visa-exact-help h2 { margin-bottom: 0; }
  body.page-id-111 .ec-visa-exact-help-actions { display: flex; flex-direction: column; width: 100%; gap: 16px; }
  body.page-id-111 .ec-visa-exact-help-card { width: 100%; min-height: 220px; }
  body.page-id-111 .expatchina-footer-navigation { min-height: 0; }
  body.page-id-111 .expatchina-footer-navigation__inner { width: calc(100% - 48px); min-height: 0; padding: 44px 0 30px !important; display: block; }
  body.page-id-111 .ec-visa-exact-footer-links { margin-top: 30px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 24px; }
}

/* Exact 390px master refinements. Keep all source copy readable even where the
 * Figma specimen's checklist rows are intentionally compressed. */
@media (max-width: 480px) {
  body.page-id-111 .ec-v2-phase2 .ecv4-editorial-hero {
    height: 1201px !important;
    min-height: 1201px !important;
  }
  body.page-id-111 .ec-v2-phase2 .ecv4-guide-intro {
    height: 1256px !important;
    min-height: 1256px !important;
  }
  body.page-id-111 .ec-v2-phase2 .ecv3-toc {
    height: 292px !important;
    min-height: 292px !important;
  }

  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li strong {
    display: none !important;
  }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:nth-child(1) { min-height: 213px; }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:nth-child(2) { min-height: 159px; }
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:nth-child(3),
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li:nth-child(4) { min-height: 186px; }

  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision thead tr {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    padding: 18px 0 !important;
  }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision th {
    height: auto !important;
    padding: 0 16px !important;
    line-height: 18px !important;
  }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision tbody tr {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    padding: 18px 0 !important;
  }
  body.page-id-111 #use-the-visa-table-as-a-route-finder-not-an-eligibility-decision td {
    height: auto !important;
    padding: 0 16px !important;
    line-height: 27px !important;
  }

  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry {
    padding-bottom: 40px !important;
  }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol {
    display: flex !important;
    flex-direction: column;
    gap: 14px;
    border: 0 !important;
  }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry .ecv4-section-body > ol > li {
    height: 198px !important;
    min-height: 198px !important;
    border: 1px solid var(--visa-border) !important;
  }
  body.page-id-111 #separate-the-entry-visa-from-what-happens-after-entry::after {
    margin-top: 40px !important;
  }

  body.page-id-111 #map-the-sponsor-and-document-dependencies {
    padding: 52px 0 !important;
  }
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv3-table-wrap {
    overflow: hidden !important;
  }
  body.page-id-111 #map-the-sponsor-and-document-dependencies table,
  body.page-id-111 #map-the-sponsor-and-document-dependencies thead,
  body.page-id-111 #map-the-sponsor-and-document-dependencies tbody,
  body.page-id-111 #map-the-sponsor-and-document-dependencies tr,
  body.page-id-111 #map-the-sponsor-and-document-dependencies th,
  body.page-id-111 #map-the-sponsor-and-document-dependencies td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body.page-id-111 #map-the-sponsor-and-document-dependencies thead tr {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    padding: 16px 0 !important;
    background: var(--visa-orange);
  }
  body.page-id-111 #map-the-sponsor-and-document-dependencies th {
    padding: 0 18px !important;
    border: 0 !important;
    line-height: 18px !important;
  }
  body.page-id-111 #map-the-sponsor-and-document-dependencies tbody tr {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    padding: 16px 0 !important;
    border-bottom: 1px solid var(--visa-border);
  }
  body.page-id-111 #map-the-sponsor-and-document-dependencies tbody tr:last-child { border-bottom: 0; }
  body.page-id-111 #map-the-sponsor-and-document-dependencies td {
    padding: 0 18px !important;
    border: 0 !important;
    line-height: 27px !important;
  }
  body.page-id-111 #map-the-sponsor-and-document-dependencies td::before { content: none !important; }

  body.page-id-111 .ec-visa-exact-verification {
    height: auto !important;
    padding: 24px !important;
    gap: 0;
  }
  body.page-id-111 .ec-visa-exact-verification-row {
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 0 !important;
  }
  body.page-id-111 .ec-visa-exact-verification-row:first-child { padding-top: 0 !important; }
  body.page-id-111 .ec-visa-exact-verification-row:last-child { padding-bottom: 0 !important; }

  body.page-id-111 .ec-visa-exact-help-actions { gap: 14px; }
  body.page-id-111 .ec-visa-exact-help-card {
    height: 156px;
    min-height: 156px;
    padding: 18px 0;
  }
  body.page-id-111 .ec-visa-exact-help-card p { margin-bottom: 12px; }

  body.page-id-111 .expatchina-footer-navigation__inner {
    padding-top: 32px !important;
    padding-bottom: 22px !important;
  }
  body.page-id-111 .ec-visa-exact-footer-links { margin-top: 20px; }
}