/*
 * Justin Chan Chambers route-scoped Expat corrections.
 * Generated by scripts/transforms/expat.mjs. Do not edit by hand.
 *
 * The scope key is repeated to raise specificity above the existing
 * Expat-scoped !important rules in the shared generated stylesheet.
 */

/* 1. /expat-divorce-singapore/ opening band, governed left edge.
      The opening band was the one section on the route whose inner
      measure was 1180px while the other ten used the governed 960px
      reading column, and its content carried an extra left padding. */
html body.jcc-expat-engagement .jcc-expat-opening .jcc-support-band__inner{
  width:min(960px,100%)!important;
}
html body.jcc-expat-engagement .jcc-expat-opening .jcc-support-band__content{
  padding-left:0!important;
}

/* 2. FAQ accordion returns to a single column.
      Brand Book v1.11 section 18A: "Use a single-column editorial
      accordion by default." /expat-employment-singapore/ was the only
      route on the site rendering a two-column FAQ grid, 440px + 440px.
      The Adoption canonical reference and the other four Expat routes
      already render one 900px column. */
html body[data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"] main .faq-list,
html body[data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"] main [data-jcc-adoption-section="faq"] .readiness-list,
html body[data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"] main details:first-of-type{
  grid-template-columns:minmax(0,1fr)!important;
}
html body[data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"] main details{
  grid-column:1 / -1!important;
  max-width:min(100%,900px)!important;
}

/* 3. One responsive heading measure across the Expat family.
      The previous 506px cap forced ordinary section questions into as
      many as four lines on desktop even though the governed 960px rail
      had ample room. Keep the left edge and open the measure to 900px;
      component-specific FAQ and Related Guidance limits remain below. */
html body[data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"] main section h2{
  max-width:min(100%,900px)!important;
  text-wrap:balance;
}

/* 4. Separation between the hero and the first full-width visual band.
      Brand Book v1.11 section 18A: do not place a decorative image
      immediately after the hero. /expat-divorce-singapore/ left 101px at
      desktop and 58px at mobile with no intervening copy. */
html body.jcc-expat-engagement.jcc-expat-engagement main .jcc-expat-visual-break--jurisdiction{
  margin-top:clamp(48px,6vw,88px)!important;
}

/* 5. Section headings return to one governed left edge.
      Brand Book v1.11 section 19: "Do not create a third or arbitrary
      horizontal grid for a section heading. Normal-interior headings
      follow the 960px reading-column edge."
      The two-column section on the hub, wills and cross-border routes
      placed its second h2 at x=699, a second heading axis, and set two
      46px questions side by side against the section 6 rule on
      competing large headings. The Adoption canonical reference keeps a
      single left edge. Collapsing the pair restores one axis and
      resolves both breaches without changing any wording. */
html body[data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"] main .jcc-rw-columns:has(h2){
  grid-template-columns:minmax(0,1fr)!important;
  gap:clamp(40px,4vw,56px)!important;
}
html body[data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"] main .jcc-rw-columns:has(h2) > *{
  padding-left:0!important;
  border-left:0!important;
  border-top:0!important;
}

/* 6. Related-guidance heading stops floating over the page and the
      navigation menu.
      The related-guidance block is marked up as a real <header> element,
      so the sitewide rule intended for the site header,
      body header { position:sticky; top:0; z-index:100 !important },
      captures it too. The section heading therefore sticks to the top of
      the viewport while the page scrolls, and paints over the open
      Practice Areas panel, which is fixed at the same z-index of 100 but
      sits earlier in the document. The site header itself is unaffected. */
html body[data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"][data-jcc-expat-brand-book="v1"] main header.jcc-related-guidance__header{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
}

/* 7. Align the remaining values to the governed Expat presentation.
      Ordinary section h2 uses one fixed responsive token at each
      governed viewport: 42px desktop, 36px tablet and 30px mobile,
      on the 900px editorial measure above. FAQ and Related Guidance
      retain their own component roles below.
      body copy 18px with no 16px prose; section padding 56px;
      consultation label 12.5px at 1.625px tracking.
      The repeated-id form matches the specificity technique the shared
      stylesheet already uses, so these land rather than lose. */
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,section:not([data-jcc-adoption-section="faq"]):not([data-jcc-related-guidance]):not(.jcc-expat-visual-break--faq)) h2{
  max-width:min(100%,900px)!important;
  font-size:42px!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  text-wrap:balance;
}
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,section) p:not([class*="label"]):not([class*="credit"]):not([class*="caption"]):not([class*="eyebrow"]),
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,section) li{
  font-size:18px!important;
  line-height:1.65!important;
}
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,section) :is(.jcc-rw-card,.readiness-card,[class*="__card"]) :is(p,li){
  font-size:16px!important;
}
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,section){
  padding-top:56px!important;
}
html body.jcc-expat-engagement :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,a,button)[data-jcc-consultation-primary] > span:not([aria-hidden]){
  font-size:12.5px!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
}

/* 8. Bullet lists stop splitting into two ragged columns.
      The split is CSS multi-column (column-count:2), not a grid.
      /expat-divorce-singapore/ is the only route on the site with it:
      11 lists affected. A two-item list was dealt left and right with a
      gap between; a five-item list became 3 + 2 with a hole at the
      bottom right. Reading order broke, since the reader goes down the
      left column and then back up to the right. The Adoption canonical
      reference has no multi-column lists. */
html body.jcc-expat-engagement.jcc-expat-engagement main .readiness-list{
  column-count:1!important;
  columns:auto!important;
}

/* 9. Long-form question pairs stop sitting side by side.
      .jcc-expat-topic-grid on /expat-divorce-singapore/ dealt question
      cards into two columns of very different lengths, placed two
      headings on separate left edges, and made the reader go down the
      left column and back up to the right. Five such grids on the route.
      Stacked, each question reads in order on the governed left edge. */
html body.jcc-expat-engagement.jcc-expat-engagement main .jcc-expat-topic-grid{
  display:block!important;
}
html body.jcc-expat-engagement.jcc-expat-engagement main .jcc-expat-topic-grid > .jcc-expat-topic-card{
  width:100%!important;
  max-width:none!important;
  margin:0 0 clamp(40px,4vw,56px)!important;
}
html body.jcc-expat-engagement.jcc-expat-engagement main .jcc-expat-topic-card > :is(p,ul,ol){
  max-width:72ch!important;
}

/* 10. Surface rhythm on /expat-divorce-singapore/.
       The route ran greige into ivory the whole way down with no white
       surface anywhere, so it read as one flat tone. Measured surfaces
       before: charcoal hero, greige, ivory. The Adoption canonical
       reference alternates white against ivory below a charcoal hero and
       carries no mid-page dark band. Turning the greige sections white
       restores the same alternation without adding or moving anything. */
html body.jcc-expat-engagement.jcc-expat-engagement main section.readiness-section--paper{
  background:#ffffff!important;
}

/* 11. Prose returns to the one governed left edge, /expat-divorce-singapore/.
       Measured at 1440x1000 before this correction: 350 text elements on the
       route sat on 13 distinct left edges. 23 sat on the governed 240px
       reading-column edge; 82 sat at 296px and 193 at 318px.
       Cause: jcc-type-and-measure.css applies
       html body main :is(#jcc-measure(x4),section,article):not(.jcc-cband)
       { padding: var(--jcc-gutter) !important }, and .jcc-expat-topic-card is
       an <article>, so it takes a 56px inline gutter inside the 960px column.
       The card has no surface of its own on this route: the shared generated
       stylesheet already sets its background to transparent, its border to 0
       and its shadow to none, so the padding insets text without enclosing it.
       Brand Book v1.11 section 19: "Do not create a third or arbitrary
       horizontal grid for a section heading" and "Keep all nested measures
       left aligned to their parent reading column."
       The repeated-id form raises specificity above that rule, which is
       (4,0,3) with !important. */
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.jcc-expat-topic-card){
  padding-left:0!important;
  padding-right:0!important;
}
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.jcc-expat-topic-card) :is(h2,h3,h4){
  max-width:820px!important;
}

/* 12. Bullet indent matches the Adoption canonical reference.
       Adoption sets ul padding-left 24px, so its list text lands at 264px
       against a 240px column. The Expat routes used 22px, which produced a
       262px edge. Two pixels is not visible alone; it is a separate edge in
       the census and it is avoidable. */
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.readiness-list){
  padding-left:24px!important;
}
/* The visual-band follow-up ordered list used a 40px indent, a 280px edge
   on the hub, wills and cross-border routes. Same 24px indent as above. */
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.jcc-cband-followup__inner) > ol{
  padding-left:24px!important;
}

/* 13. The urgent module returns to the governed reading column.
       /expat-employment-singapore/ and
       /cross-border-asset-disputes-singapore/ carry an inline
       max-width:1040px with 32px inline padding on the module's inner
       wrapper. Measured left edge 232px against the route's 240px column,
       and 1040px is neither the 1180px structural shell nor the 960px
       reading column.
       Brand Book v1.11 section 19 names only those two width roles.
       !important is required because the declaration is inline. */
html body[data-jcc-expat-brand-book="v1"] main .jcc-urgent-module > [data-jcc-urgent-inner]{
  max-width:960px!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* 14. Card internal padding returns to the brand-book range.
       Brand Book v1.11 section 14, Geometry: desktop internal padding
       24-32px. Measured before this correction: .readiness-card 22px,
       .jcc-rw-card 34px, .jcc-rw-step 56px (the sitewide gutter rule
       winning on an <article>). Three different insets inside one route
       family. 28px is the mid-range value and applies to all three. */
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.jcc-rw-card,.jcc-rw-step,.readiness-card){
  padding:28px!important;
}

/* 15. /expat-divorce-singapore/ returns to a single-column reading order.
       Measured at 1440x1000: the Adoption canonical reference has zero
       multi-column text panels. /expat-legal-services/ has zero. Its three
       multi-column blocks are card grids, which are a different component.
       /expat-divorce-singapore/ carried eleven two-column text panels, and
       was the only route on the site doing it:
         3 x .jcc-expat-opening__* at 358.2px + 515.4px
         3 x .jcc-expat-assets-card__lead at 355.2px + 532.8px
         3 x .jcc-expat-assets-card__columns at 480px + 480px
         2 x header.jcc-expat-copy-band__head at 560.5px + 320.3px
       Each one put a lead or a heading in the left track and its explanation
       in the right track, so a short lead left a tall empty area beneath it,
       and each panel added a second text axis on the right of the page.
       Brand Book v1.11 section 19: "Do not create a third or arbitrary
       horizontal grid for a section heading."
       Brand Book v1.11 section 18A: "Preserve a clear order: route h1;
       major question-led h2; supporting h3; body copy."
       Collapsing every panel to one track puts each heading and lead above
       its own explanation, which is the Adoption reading order. Card grids
       and related-guidance grids are unaffected. */
html body.jcc-expat-engagement.jcc-expat-engagement main :is(.jcc-expat-opening__answer,.jcc-expat-opening__decisions,.jcc-expat-opening__application,.jcc-expat-assets-card__lead,.jcc-expat-assets-card__columns,.jcc-expat-copy-band__head){
  display:block!important;
  grid-template-columns:none!important;
  column-gap:0!important;
}
html body.jcc-expat-engagement main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.jcc-expat-opening__answer,.jcc-expat-opening__decisions,.jcc-expat-opening__application,.jcc-expat-assets-card__lead,.jcc-expat-assets-card__columns,.jcc-expat-copy-band__head) > *{
  max-width:820px!important;
  padding-left:0!important;
  padding-right:0!important;
  border-left:0!important;
}
html body.jcc-expat-engagement main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.jcc-expat-opening__answer,.jcc-expat-opening__decisions,.jcc-expat-opening__application,.jcc-expat-assets-card__lead,.jcc-expat-assets-card__columns,.jcc-expat-copy-band__head) > * + *{
  margin-top:clamp(20px,2vw,28px)!important;
}

/* 16. Every list on /expat-divorce-singapore/ reads top to bottom.
       Correction 8 removed the CSS multi-column lists. The remaining split
       lists are two-column CSS grids, a different property, so they were
       unaffected. Measured before this correction: a 7-item list dealt
       4 + 3 with a hole at the lower right, a 17-item list dealt 9 + 8,
       and the 5-item ordered list dealt 3 + 2. In each case the reader goes
       down the left column and back up to the right.
       The Adoption canonical reference has no split lists: all 14 of its
       lists are single column. */
html body.jcc-expat-engagement.jcc-expat-engagement main :is(.readiness-list,.jcc-expat-numbered){
  grid-template-columns:minmax(0,1fr)!important;
  column-count:1!important;
  columns:auto!important;
}

/* 17. The last two-column text panel in the family, /expat-employment-singapore/.
       Measured at 1440x1000: .readiness-wrap.readiness-grid ran 470px + 470px,
       with the reading column in the left track and a supporting card in the
       right. The Adoption canonical reference has no two-column text panels at
       all, and correction 15 removed the eleven on /expat-divorce-singapore/.
       This was the one remaining instance across the five routes.
       Collapsed to one track, the reading column takes the 820px prose measure
       and the supporting card follows beneath it, which is the Adoption order.
       .readiness-grid--single is already one track and is unaffected. */
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.readiness-grid:not(.readiness-grid--single)){
  display:block!important;
  grid-template-columns:none!important;
}
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.readiness-grid:not(.readiness-grid--single)) > *{
  max-width:820px!important;
}
html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.readiness-grid:not(.readiness-grid--single)) > * + *{
  margin-top:clamp(28px,3vw,40px)!important;
}

/* 18. Content sections are content surfaces, not visual bands.
       The earlier cadence experiment painted two long legal-copy sections
       charcoal (2440px on Divorce and more than 1000px on Employment). That
       exceeded the Brand Book's bounded support-band role and made ordinary
       body copy read as a prolonged banner. Restore those sections to the
       approved light surfaces and keep the existing image bands as the visual
       breaks. No markup, copy, link or image changes. */
html body[data-jcc-expat-route="expat-divorce-singapore"] main > :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,section#status){
  background:#F6F2EA!important;
  background-color:#F6F2EA!important;
  border-color:transparent!important;
}
html body[data-jcc-expat-route="expat-employment-singapore"] main > :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,section[data-jcc-expat-band="practical-routes"]){
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  border-color:transparent!important;
}
html body[data-jcc-expat-route="expat-divorce-singapore"] main > section#status :is(h2,h3,h4,p,li,strong,em,dd,dt,a),
html body[data-jcc-expat-route="expat-employment-singapore"] main > section[data-jcc-expat-band="practical-routes"] :is(h2,h3,h4,p,li,strong,em,dd,dt,a){
  color:#202020!important;
  -webkit-text-fill-color:#202020!important;
}
html body[data-jcc-expat-route="expat-divorce-singapore"] main > section#status hr,
html body[data-jcc-expat-route="expat-employment-singapore"] main > section[data-jcc-expat-band="practical-routes"] hr{
  border-color:#C9C4BA!important;
}
html body[data-jcc-expat-route="expat-employment-singapore"] main > section[data-jcc-expat-band="practical-routes"] :is(#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align#jcc-expat-align,.readiness-card){
  border-top-color:#DDA646!important;
}

/* 19. Every real visual band uses the same full-width image treatment and
       the governed 960px / 20px content rail. The FAQ picture is excluded:
       FAQ is an editorial accordion, handled as a neutral section below. */
html body[data-jcc-expat-brand-book="v1"] main :is(.jcc-cband,.jcc-expat-visual-break:not(.jcc-expat-visual-break--faq)){
  min-height:460px!important;
  height:460px!important;
  overflow:hidden!important;
}
html body[data-jcc-expat-brand-book="v1"] main :is(.jcc-cband__content,.jcc-expat-visual-break:not(.jcc-expat-visual-break--faq) .jcc-expat-visual-break__content){
  width:min(960px,calc(100% - 64px))!important;
  max-width:960px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
html body[data-jcc-expat-brand-book="v1"] main :is(.jcc-cband__content,.jcc-expat-visual-break:not(.jcc-expat-visual-break--faq) .jcc-expat-visual-break__content) :is(h2,h3){
  max-width:820px!important;
  color:#F6F2EA!important;
  -webkit-text-fill-color:#F6F2EA!important;
  letter-spacing:0!important;
}

/* 20. One FAQ component across all five Expat routes.
       FAQ remains a quiet, single-column editorial accordion: white section,
       monochrome borders, no decorative image band, no coloured accents. */
html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"]{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  border:0!important;
  box-shadow:none!important;
  padding-block:56px!important;
}
html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] > :is(.jcc-rw-wrap,.readiness-wrap,.jcc-expat-faq__layout),
html body[data-jcc-expat-route="expat-divorce-singapore"] main .jcc-expat-visual-break--faq{
  width:min(960px,calc(100% - 64px))!important;
  max-width:960px!important;
  margin-inline:auto!important;
  padding:0!important;
}
html body[data-jcc-expat-route="expat-divorce-singapore"] main .jcc-expat-visual-break--faq{
  position:static!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body[data-jcc-expat-route="expat-divorce-singapore"] main .jcc-expat-visual-break--faq picture{
  display:none!important;
}
html body[data-jcc-expat-route="expat-divorce-singapore"] main .jcc-expat-visual-break--faq .jcc-expat-visual-break__content{
  position:static!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:transparent!important;
}
html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] h2,
html body[data-jcc-expat-route="expat-divorce-singapore"] main .jcc-expat-visual-break--faq :is(h2,h3){
  max-width:506px!important;
  margin:0 0 32px!important;
  color:#202020!important;
  -webkit-text-fill-color:#202020!important;
  font-size:46px!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] h2::before,
html body[data-jcc-expat-route="expat-divorce-singapore"] main .jcc-expat-visual-break--faq :is(h2,h3)::before{
  content:none!important;
  display:none!important;
}
html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] :is(.faq-list,.readiness-list,.jcc-expat-faq__layout){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:900px!important;
  margin:0!important;
  padding:0!important;
  gap:14px!important;
}
html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] details.jcc-rw-faq{
  width:100%!important;
  max-width:900px!important;
  margin:0!important;
  padding:0!important;
  background:#FFFFFF!important;
  border:1px solid #C9C4BA!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] details.jcc-rw-faq[open]{
  background:#FFFDF8!important;
  border-color:#9A958B!important;
}
html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] details.jcc-rw-faq > summary{
  min-height:64px!important;
  padding:18px 56px 18px 22px!important;
  color:#202020!important;
  -webkit-text-fill-color:#202020!important;
  font-family:"Hanken Grotesk",Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:600!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] details.jcc-rw-faq > :not(summary){
  color:#4B4B4B!important;
  -webkit-text-fill-color:#4B4B4B!important;
}

/* 21. Related Guidance is the shared Continue Reading component.
       It uses a quiet ivory field and neutral whole-card links. The heading
       is subordinate to page sections, and all five routes use the same rail,
       typography, focus treatment and mobile geometry. */
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance]{
  background:#F6F2EA!important;
  background-color:#F6F2EA!important;
  border:0!important;
  box-shadow:none!important;
  padding-block:56px!important;
}
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] .jcc-related-guidance__inner{
  width:min(960px,calc(100% - 64px))!important;
  max-width:960px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] .jcc-related-guidance__header{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  margin:0 0 28px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] .jcc-related-guidance__eyebrow{
  margin:0 0 10px!important;
  color:#4B4B4B!important;
  -webkit-text-fill-color:#4B4B4B!important;
  font-family:"Hanken Grotesk",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.35!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
}
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] .jcc-related-guidance__header h2{
  max-width:720px!important;
  margin:0!important;
  color:#202020!important;
  -webkit-text-fill-color:#202020!important;
  font-size:38px!important;
  line-height:1.1!important;
  letter-spacing:0!important;
}
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] .jcc-related-guidance__grid{
  gap:16px!important;
}
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] a.jcc-related-guidance__card{
  min-height:128px!important;
  padding:24px 56px 24px 24px!important;
  background:#FFFDF8!important;
  border:1px solid #C9C4BA!important;
  border-radius:8px!important;
  box-shadow:none!important;
  transform:none!important;
  transition:border-color .15s ease!important;
}
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] a.jcc-related-guidance__card:hover{
  background:#FFFDF8!important;
  border-color:#355B4A!important;
  transform:none!important;
}
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] a.jcc-related-guidance__card:focus-visible{
  outline:3px solid #355B4A!important;
  outline-offset:3px!important;
  border-color:#355B4A!important;
}
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] .jcc-related-guidance__title{
  color:#202020!important;
  -webkit-text-fill-color:#202020!important;
  font-size:22px!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}

@media (max-width:600px){
  html body[data-jcc-expat-brand-book="v1"] main :is(.jcc-cband,.jcc-expat-visual-break:not(.jcc-expat-visual-break--faq)){
    min-height:360px!important;
    height:360px!important;
  }
  html body[data-jcc-expat-brand-book="v1"] main :is(.jcc-cband__content,.jcc-expat-visual-break:not(.jcc-expat-visual-break--faq) .jcc-expat-visual-break__content),
  html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] > :is(.jcc-rw-wrap,.readiness-wrap,.jcc-expat-faq__layout),
  html body[data-jcc-expat-route="expat-divorce-singapore"] main .jcc-expat-visual-break--faq,
  html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] .jcc-related-guidance__inner{
    width:calc(100% - 40px)!important;
    max-width:none!important;
  }
  html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"],
  html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance]{
    padding-block:40px!important;
  }
  html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] h2,
  html body[data-jcc-expat-route="expat-divorce-singapore"] main .jcc-expat-visual-break--faq :is(h2,h3){
    margin-bottom:24px!important;
    font-size:31px!important;
  }
  html body[data-jcc-expat-brand-book="v1"] main section[data-jcc-adoption-section="faq"] details.jcc-rw-faq > summary{
    min-height:60px!important;
    padding:16px 48px 16px 18px!important;
    font-size:19px!important;
  }
  html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] .jcc-related-guidance__header h2{
    font-size:31px!important;
  }
  html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] a.jcc-related-guidance__card{
    min-height:118px!important;
    padding:22px 48px 22px 20px!important;
  }
  html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance] .jcc-related-guidance__title{
    font-size:19px!important;
  }
}

/* 22. Specificity bridge for generated Expat rules.
       The shared generated stylesheet intentionally uses repeated-id selector
       arms to protect route typography and full-bleed positioning. These
       component corrections need the same contract so the Divorce FAQ and
       Related Guidance heading do not inherit the old image-band values. */
html body[data-jcc-expat-route="expat-divorce-singapore"] main
  :is(#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail,.jcc-expat-visual-break--faq){
  position:static!important;
  left:auto!important;
  right:auto!important;
  width:min(960px,calc(100% - 64px))!important;
  max-width:960px!important;
  min-height:0!important;
  height:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body[data-jcc-expat-route="expat-divorce-singapore"] main
  :is(#jcc-expat-faq-section#jcc-expat-faq-section#jcc-expat-faq-section#jcc-expat-faq-section#jcc-expat-faq-section#jcc-expat-faq-section#jcc-expat-faq-section#jcc-expat-faq-section,section[data-jcc-adoption-section="faq"]){
  padding-left:0!important;
  padding-right:0!important;
}
html body[data-jcc-expat-route="expat-divorce-singapore"] main
  :is(#jcc-expat-faq-content#jcc-expat-faq-content#jcc-expat-faq-content#jcc-expat-faq-content#jcc-expat-faq-content#jcc-expat-faq-content#jcc-expat-faq-content#jcc-expat-faq-content,.jcc-expat-visual-break--faq .jcc-expat-visual-break__content){
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:transparent!important;
}
html body[data-jcc-expat-route="expat-divorce-singapore"] main
  :is(#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading,.jcc-expat-visual-break--faq .jcc-expat-visual-break__content > h2){
  max-width:506px!important;
  margin:0 0 32px!important;
  color:#202020!important;
  -webkit-text-fill-color:#202020!important;
  font-size:clamp(31px,3.7vw,46px)!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-align:left!important;
}
html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance]
  :is(#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading,.jcc-related-guidance__header h2){
  max-width:720px!important;
  margin:0!important;
  color:#202020!important;
  -webkit-text-fill-color:#202020!important;
  font-size:38px!important;
  line-height:1.1!important;
  letter-spacing:0!important;
}
html body[data-jcc-expat-brand-book="v1"] main
  :is(#jcc-expat-band-content#jcc-expat-band-content#jcc-expat-band-content#jcc-expat-band-content#jcc-expat-band-content#jcc-expat-band-content#jcc-expat-band-content,.jcc-expat-visual-break:not(.jcc-expat-visual-break--faq) .jcc-expat-visual-break__content){
  left:max(32px,calc((100% - 960px) / 2))!important;
  right:auto!important;
  width:min(960px,calc(100% - 64px))!important;
  max-width:960px!important;
  margin:0!important;
  padding-inline:0!important;
}

@media (min-width:601px) and (max-width:1100px){
  html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-tablet-heading#jcc-expat-tablet-heading#jcc-expat-tablet-heading#jcc-expat-tablet-heading#jcc-expat-tablet-heading#jcc-expat-tablet-heading#jcc-expat-tablet-heading,section:not([data-jcc-adoption-section="faq"]):not([data-jcc-related-guidance]):not(.jcc-expat-visual-break--faq)) h2{
    max-width:min(100%,900px)!important;
    font-size:36px!important;
    line-height:1.1!important;
    letter-spacing:0!important;
    text-wrap:balance;
  }
}

@media (max-width:600px){
  html body[data-jcc-expat-route="expat-divorce-singapore"] main
    :is(#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail#jcc-expat-faq-rail,.jcc-expat-visual-break--faq){
    left:auto!important;
    right:auto!important;
    width:calc(100% - 40px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html body[data-jcc-expat-brand-book="v1"] main
    :is(#jcc-expat-band-content#jcc-expat-band-content#jcc-expat-band-content#jcc-expat-band-content#jcc-expat-band-content#jcc-expat-band-content#jcc-expat-band-content,.jcc-expat-visual-break:not(.jcc-expat-visual-break--faq) .jcc-expat-visual-break__content){
    left:20px!important;
    right:20px!important;
    width:auto!important;
    max-width:none!important;
  }
  html body[data-jcc-expat-route="expat-divorce-singapore"] main
    :is(#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading,.jcc-expat-visual-break--faq .jcc-expat-visual-break__content > h2),
  html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance]
    :is(#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading,.jcc-related-guidance__header h2){
    font-size:clamp(31px,8.5vw,34px)!important;
  }
  html body[data-jcc-expat-route="expat-divorce-singapore"] main
    :is(#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading#jcc-expat-faq-heading,.jcc-expat-visual-break--faq .jcc-expat-visual-break__content > h2){
    margin-bottom:24px!important;
  }
  html body[data-jcc-expat-brand-book="v1"] main [data-jcc-related-guidance]
    :is(#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading#jcc-expat-related-heading,.jcc-related-guidance__header h2){
    font-size:31px!important;
  }
  html body[data-jcc-expat-brand-book="v1"] main :is(#jcc-expat-mobile-heading#jcc-expat-mobile-heading#jcc-expat-mobile-heading#jcc-expat-mobile-heading#jcc-expat-mobile-heading#jcc-expat-mobile-heading#jcc-expat-mobile-heading,section:not([data-jcc-adoption-section="faq"]):not([data-jcc-related-guidance]):not(.jcc-expat-visual-break--faq)) h2{
    max-width:100%!important;
    font-size:30px!important;
    line-height:1.12!important;
    letter-spacing:0!important;
    text-wrap:balance;
  }
}