/**
 * ExpatChina Batch02 final production release — 2026-09-22.
 *
 * Scope: production page IDs 111, 112, 113, 126 and 127 only.
 * Purpose: bind the already-approved Batch02 compositions to the approved
 * Homepage typography tokens and remove the remaining repeated support
 * surfaces. This file changes presentation only.
 */

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

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

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

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) {
  --ec-type-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ec-type-h1-size: 80px;
  --ec-type-h1-leading: 78.4px;
  --ec-type-h1-tracking: -5.6px;
  --ec-type-h1-weight: 680;
  --ec-type-h2-major-size: 60.48px;
  --ec-type-h2-major-leading: 59.2704px;
  --ec-type-h2-major-tracking: -3.6288px;
  --ec-type-h2-size: 40.32px;
  --ec-type-h2-leading: 41.9328px;
  --ec-type-h2-tracking: -2.016px;
  --ec-type-h2-weight: 650;
  --ec-type-h3-size: 34.56px;
  --ec-type-h3-leading: 35.9424px;
  --ec-type-h3-tracking: -1.728px;
  --ec-type-body-size: 17px;
  --ec-type-body-leading: 27px;
  --ec-type-small-size: 15.2px;
  --ec-type-small-leading: 25.08px;
  --ec-type-eyebrow-size: 12px;
  --ec-type-eyebrow-leading: 16px;
  --ec-type-eyebrow-tracking: 1.6px;
  --ec-type-button-size: 15px;
  --ec-type-button-leading: 18px;
  background: #fff;
  font-family: var(--ec-type-family);
}

/* GeneratePress exposes the same right-sidebar body class on all five pages,
 * but the four default-template pages also render an empty sidebar node. Keep
 * the shared Batch02 canvas full width and let the approved inner shells own
 * the centered content geometry. */
body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) #content {
  display: block !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) #primary {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) #right-sidebar {
  display: none !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.site-footer,.expatchina-footer-navigation) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

/* Keep the theme-owned copyright strip visible in both production and staging.
   The two environments have different legacy .site-info defaults; this scoped
   rule restores their shared approved lake-green footer without duplicating it. */
body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .site-footer .site-info {
  display: block;
  background-color: var(--ec-jade);
  color: var(--ec-ink) !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .site-footer .site-info :is(.copyright-bar,.copyright,a) {
  color: var(--ec-ink) !important;
}

@media (max-width: 480px) {
  body.page-id-111 #define-the-trip-before-choosing-a-category .ecv4-section-body > ul > li strong {
    display: inline !important;
  }
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.ecv2-page,.ec-v2-phase2,.ecv2-page button,.ecv2-page input,.ec-v2-phase2 button,.ec-v2-phase2 input) {
  font-family: var(--ec-type-family) !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.ecv2-page,.ec-v2-phase2) :where(p,li) {
  font-family: var(--ec-type-family) !important;
  font-size: var(--ec-type-body-size);
  line-height: var(--ec-type-body-leading);
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.ecv2-eyebrow,.ecv3-kicker,.ec-b2-eyebrow,.ec-b2-intro-kicker,.ec-visa-exact-eyebrow,.ec-visa-exact-intro-kicker) {
  font-family: var(--ec-type-family) !important;
  font-size: var(--ec-type-eyebrow-size) !important;
  font-weight: 600 !important;
  line-height: var(--ec-type-eyebrow-leading) !important;
  letter-spacing: var(--ec-type-eyebrow-tracking) !important;
}

body.page-id-111 .ecv2-page h1,
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-hero-copy h1 {
  font-family: var(--ec-type-family) !important;
  font-weight: var(--ec-type-h1-weight) !important;
  font-style: normal !important;
}

body.page-id-111 .ecv2-page h1 {
  font-size: clamp(58px,5.56vw,var(--ec-type-h1-size));
  line-height: .98;
  letter-spacing: clamp(var(--ec-type-h1-tracking),-.39vw,-3px);
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 :where(.ec-b2-intro-title,.ec-b2-contract-anchor h2),
body:is(.page-id-112,.page-id-113,.page-id-126)
  :is(#start-with-the-four-document-overview,#build-the-pack-from-real-use-cases,#check-the-lawful-route-before-investing-in-an-application)
  .ecv4-section-heading h2,
body.page-id-111 .ecv2-longform-head h2 {
  font-family: var(--ec-type-family) !important;
  font-size: clamp(46px,4.2vw,var(--ec-type-h2-major-size)) !important;
  font-weight: var(--ec-type-h2-weight) !important;
  line-height: .98 !important;
  letter-spacing: var(--ec-type-h2-major-tracking) !important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 .ecv4-section:not(#start-with-the-four-document-overview):not(#build-the-pack-from-real-use-cases):not(#check-the-lawful-route-before-investing-in-an-application) .ecv4-section-heading h2,
body.page-id-111 .ecv2-page :where(.ecv2-related-head h2,.ecv2-about h2,.ecv2-consult-band h2,.ecv2-final h2) {
  font-family: var(--ec-type-family) !important;
  font-size: var(--ec-type-h2-size) !important;
  font-weight: var(--ec-type-h2-weight) !important;
  line-height: var(--ec-type-h2-leading) !important;
  letter-spacing: var(--ec-type-h2-tracking) !important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-batch-related h2 {
  font-family: var(--ec-type-family) !important;
  font-size: var(--ec-type-h2-major-size) !important;
  font-weight: var(--ec-type-h2-weight) !important;
  line-height: var(--ec-type-h2-major-leading) !important;
  letter-spacing: var(--ec-type-h2-major-tracking) !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.ecv2-page,.ec-v2-phase2) :where(h1,h2,h3) {
  font-style: normal !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.ecv2-page,.ec-v2-phase2) :where(a.ecv2-btn,.expatchina-button,.ec-b2-help-card a,.ecv2-final-actions a) {
  font-family: var(--ec-type-family) !important;
  font-size: var(--ec-type-button-size) !important;
  font-weight: 600 !important;
  line-height: var(--ec-type-button-leading) !important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-copy-table th {
  font-family: var(--ec-type-family) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-copy-table td {
  font-family: var(--ec-type-family) !important;
  font-size: 17px !important;
  line-height: 27px !important;
}

/* These review-only descriptors are implementation labels rather than public
 * content. Keep them in the source for owner wording review, but do not render
 * them in the release candidate. */
body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 .ecv3-hero-copy > .ecv3-deck {
  display: none !important;
}

/* White is the default reading surface. Lake green remains a contained
 * orientation accent, and navy/orange keep their existing semantic roles. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-guide-intro,
body.page-id-112 #do-not-confuse-possession-of-one-document-with-a-broader-right,
body.page-id-112 #treat-expiry-loss-and-changes-as-authority-questions,
body.page-id-113 #separate-applicant-documents-from-employer-and-school-documents,
body.page-id-113 #decide-on-translation-notarisation-or-authentication-only-after-you-know-the-receiver,
body.page-id-126 #use-search-channels-as-leads-not-proof,
body.page-id-126 #compare-the-offer-beyond-salary,
body.page-id-127 #read-salary-currency-and-payment-terms-literally,
body.page-id-127 #clarify-work-permit-and-relocation-support {
  background: #fff !important;
}

body.page-id-111 .ecv2-page .ecv2-paper {
  background: #fff !important;
}

/* Restore the approved contract-review copy. A late legacy selector painted
 * the list white after the anchor itself had been returned to white. */
body.page-id-127 #check-probation-hours-leave-and-benefits,
body.page-id-127 #check-probation-hours-leave-and-benefits :where(h2,h3,p,li,strong) {
  color: #00263e !important;
}

body.page-id-127 .ec-v2-phase2 #check-probation-hours-leave-and-benefits .ecv4-section-body > ul > li,
body.page-id-127 .ec-v2-phase2 #check-probation-hours-leave-and-benefits .ecv4-section-body > ul > li strong {
  color: #00263e !important;
}

/* A legacy navy-section text rule also survived after section 05 returned to
   the white reading surface. Keep every retained paragraph readable. */
body.page-id-127 .ec-v2-phase2 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter,
body.page-id-127 .ec-v2-phase2 #read-confidentiality-ip-and-restrictive-clauses-before-they-matter :is(h2,h3,p,li,strong) {
  color: #00263e !important;
}

/* Locked Batch02 closing stack: white decision routes, paper trust, navy help,
 * orange final action, followed by the theme-owned global Footer. */
body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 .ecv4-batch-related {
  min-height: 0 !important;
  padding: 72px 0 !important;
  background: #fff !important;
  color: #00263e !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 section.ecv4-batch-related :is(h2,h3,p,a,span) {
  color: #00263e !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 .ecv4-batch-related .ecv3-related > a {
  min-height: 0 !important;
  border-top-color: #d7e0e4 !important;
  background: transparent !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 .ecv4-batch-related .ecv3-related span {
  color: #00263e !important;
}

/* Small orange/lake-green text does not meet 4.5:1 on a white or cool-light
   reading surface. Navy is the approved Homepage text token; orange remains
   on the genuine navy anchors where it clears the contrast threshold. */
body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 .ecv3-kicker {
  color: #00263e !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 {
  color: #ff8200 !important;
}

body.page-id-127 .ec-v2-phase2 #check-probation-hours-leave-and-benefits .ecv3-kicker {
  color: #00263e !important;
}

/* Headings may wrap only between words. The sponsor/dependency composition
   needs a slightly wider approved heading track at desktop to keep the final
   word intact without changing type or page width. */
body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 :is(h1,h2,h3) {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

@media (min-width: 1200px) {
  body.page-id-111 #map-the-sponsor-and-document-dependencies .ecv4-composition {
    grid-template-columns: minmax(0,400px) minmax(0,1fr) !important;
  }
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.ec-b2-closing-about,.ec-b2-closing-help,.ec-b2-closing-final) {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 72px clamp(24px,5vw,72px);
  font-family: var(--ec-type-family);
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.ec-b2-closing-about,.ec-b2-closing-help,.ec-b2-closing-final) .ecv2-inner {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(0,.7fr);
  align-items: center;
  gap: 80px;
  width: min(100%,1120px);
  margin-inline: auto;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.ec-b2-closing-about,.ec-b2-closing-help,.ec-b2-closing-final) h2 {
  margin: 14px 0 20px;
  font-family: var(--ec-type-family) !important;
  font-size: var(--ec-type-h2-size) !important;
  font-weight: var(--ec-type-h2-weight) !important;
  line-height: var(--ec-type-h2-leading) !important;
  letter-spacing: var(--ec-type-h2-tracking) !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.ec-b2-closing-about,.ec-b2-closing-help,.ec-b2-closing-final) p {
  margin: 0 0 18px;
  font-size: var(--ec-type-body-size);
  line-height: var(--ec-type-body-leading);
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  :where(.ec-b2-closing-about,.ec-b2-closing-help,.ec-b2-closing-final) .ecv2-eyebrow {
  margin: 0;
  color: #ff8200;
  font-size: var(--ec-type-eyebrow-size);
  font-weight: 600;
  line-height: var(--ec-type-eyebrow-leading);
  letter-spacing: var(--ec-type-eyebrow-tracking);
  text-transform: uppercase;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-about {
  background: #f7f7f4;
  color: #00263e;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-about p {
  color: #506a79;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-about .ecv2-inline-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-about a {
  color: #00263e;
  font-weight: 600;
  text-decoration: none;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-help {
  background: #00263e;
  color: #fff;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-help :where(h2,p) {
  color: #fff;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-help .ecv2-btn,
body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-final a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-help .ecv2-btn {
  background: #ff8200;
  color: #00263e !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-final {
  background: #ff8200;
  color: #00263e;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-final h2 {
  margin: 0;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-final .ecv2-final-actions {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-b2-closing-final a {
  background: #00263e;
  color: #fff !important;
}

/* Bounded rhythm correction: no composition or order changes. */
body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :where(.ecv4-guide-intro,.ecv4-section),
body.page-id-127 .ec-b2-contract-anchor {
  padding-top: 64px;
  padding-bottom: 64px;
}

body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ecv3-table-wrap {
  max-width: 100%;
  min-width: 0;
  overflow-x: auto !important;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 900px) {
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :where(.ecv4-guide-intro,.ecv4-section),
  body.page-id-127 .ec-b2-contract-anchor {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}

@media (max-width: 767px) {
  body.page-id-111 .ecv2-page h1,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-hero-copy h1 {
    font-size: 44px !important;
    line-height: .98 !important;
    letter-spacing: -3px !important;
  }

  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 :where(.ec-b2-intro-title,.ec-b2-contract-anchor h2),
  body:is(.page-id-112,.page-id-113,.page-id-126) :is(#start-with-the-four-document-overview,#build-the-pack-from-real-use-cases,#check-the-lawful-route-before-investing-in-an-application) .ecv4-section-heading h2,
  body.page-id-111 .ecv2-longform-head h2 {
    font-size: 38px !important;
    line-height: 40px !important;
    letter-spacing: -2.2px !important;
  }

  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-section:not(#start-with-the-four-document-overview):not(#build-the-pack-from-real-use-cases):not(#check-the-lawful-route-before-investing-in-an-application) .ecv4-section-heading h2,
  body.page-id-111 .ecv2-page :where(.ecv2-related-head h2,.ecv2-about h2,.ecv2-consult-band h2,.ecv2-final h2) {
    font-size: 32px !important;
    line-height: 36px !important;
    letter-spacing: -1.6px !important;
  }

  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv4-batch-related h2 {
    font-size: 38px !important;
    line-height: 40px !important;
    letter-spacing: -2.2px !important;
  }

  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) :where(.ecv4-guide-intro,.ecv4-section),
  body.page-id-127 .ec-b2-contract-anchor {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
    :where(.ec-b2-closing-about,.ec-b2-closing-help,.ec-b2-closing-final) {
    padding: 48px 24px;
  }

  body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
    :where(.ec-b2-closing-about,.ec-b2-closing-help,.ec-b2-closing-final) .ecv2-inner {
    grid-template-columns: minmax(0,1fr);
    gap: 28px;
  }

  body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
    .ec-b2-closing-final .ecv2-final-actions {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
}

@media (max-width: 420px) {
  body.page-id-111 .ecv2-page h1,
  body:is(.page-id-112,.page-id-113,.page-id-126,.page-id-127) .ec-v2-phase2 .ecv3-hero-copy h1 {
    font-size: 40px !important;
    line-height: 40px !important;
    letter-spacing: -2.6px !important;
  }
}

/* ========================================================================
   Phase 2 Batch 02 — final hero fill
   Move the source lede into the opening and expose restrained currentness
   metadata. The two previously empty openings use their existing approved,
   page-specific editorial assets; no article or global component changes.
   ======================================================================== */

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 .ec-b2-hero-lede {
  max-width: 58ch;
  margin: 24px 0 0;
  color: #314758 !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 .ec-b2-hero-meta {
  margin: 14px 0 0;
  color: #526977 !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: .015em !important;
}

body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
  .ec-v2-phase2 .ec-b2-hero-meta + .ecv3-hero-actions {
  margin-top: 24px !important;
}

body:is(.page-id-126,.page-id-127)
  .ec-v2-phase2 .ec-b2-hero-media-added {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: none !important;
}

body:is(.page-id-126,.page-id-127)
  .ec-v2-phase2 .ec-b2-hero-media-added img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: inherit !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
}

@media (max-width: 700px) {
  body.page-id-111 .ec-v2-phase2 .ecv4-editorial-hero {
    align-items: flex-start !important;
    padding-top: 96px !important;
  }

  body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
    .ec-v2-phase2 .ec-b2-hero-lede {
    margin-top: 18px;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  body:is(.page-id-111,.page-id-112,.page-id-113,.page-id-126,.page-id-127)
    .ec-v2-phase2 .ec-b2-hero-meta {
    margin-top: 12px;
    font-size: 12px !important;
  }
}

/* The approved sharing log has a header but no example rows. Production's
 * pre-existing responsive table rule hides all thead elements; this one table
 * has no data-label cells that could repeat its six source headings. */
@media (max-width: 48rem) {
  body.page-id-113 #create-a-secure-physical-and-digital-pack
    .ecv3-table-wrap .ecv3-copy-table thead {
    display: block !important;
  }

  body.page-id-113 #create-a-secure-physical-and-digital-pack
    .ecv3-table-wrap .ecv3-copy-table thead tr,
  body.page-id-113 #create-a-secure-physical-and-digital-pack
    .ecv3-table-wrap .ecv3-copy-table thead th {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}