/* ============================================================
   INTERNATIONAL PAGES (2026-10-20)
   The hubs /international/ + /es/internacional/ (rules block, guide cards, country table)
   and the country guides (international/, es/internacional/, pt/internacional/).
   Loads after site.css + services.css + tools-pages.css; kit tokens only, no raw colors.
   2026-10-20 v3: the hub reimagined around the country tiles (flags, live rate, clock), five big
   numbers, the pill comparison, and the flag strip on every guide. Flags: img/flags/*.svg (flag-icons, MIT).
   v4: the guides reimagined: big flag + rate card + chips in the hero, no read-first callout, status badges,
   money steps with the detail behind "More", the estate scale, pre-construction big number, sources closed.
   ============================================================ */
.intl-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---------- country guides: tools (dark console) ---------- */
.intl-page .svc-input.intl-pre input { padding-left: 50px; }
.intl-page .svc-input.intl-suf input { padding-right: 58px; }
.intl-page .svc-input.intl-pre::before, .intl-page .svc-input.intl-suf::after { font-size: 13px; letter-spacing: .02em; }
.intl-row { align-items: end; }
.intl-hint { display: block; margin-top: 2px; font-size: 11.5px; font-weight: 600; color: var(--term-dim); }
.intl-lab { font-size: 12.5px; font-weight: 600; color: var(--term-dim); }
.intl-lines { margin-top: 0; }
.intl-lines dd small { display: block; margin: 2px 0 0; font-size: 11.5px; color: var(--amber); }
.intl-k2 { margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--term-line); }
.intl-big2 { font: 800 clamp(1.5rem, 2.6vw, 2rem)/1.1 'Sora', 'Sora Fallback', sans-serif; letter-spacing: -.03em; color: var(--paper); font-variant-numeric: tabular-nums; }
.intl-bars { display: grid; gap: 10px; margin: 4px 0; }
.intl-bar { display: grid; grid-template-columns: minmax(0, 9em) minmax(0, 1fr) auto; gap: 10px; align-items: center; font-size: 13px; color: var(--term-text); }
.intl-bar .t { height: 10px; border-radius: 6px; background: var(--term-line); overflow: hidden; }
.intl-bar .t i { display: block; height: 100%; width: var(--w, 0%); border-radius: 6px; background: var(--amber); transition: width .35s ease; }
.intl-bar.is-us .t i { background: var(--term-dim); }
.intl-bar b { font-variant-numeric: tabular-nums; color: var(--paper); }

/* ---------- status card ---------- */
.intl-asof { align-self: end; font-size: 12.5px; font-weight: 700; color: var(--k-dim); white-space: nowrap; }
.intl-status { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: clamp(16px, 2.4vw, 28px); align-items: start; }
.intl-st { border: 1px solid var(--k-line); border-radius: var(--radius); background: var(--k-surface); overflow: hidden; }
.intl-st-row { display: grid; grid-template-columns: minmax(0, 13em) minmax(0, 1fr); gap: 6px 18px; padding: 16px 20px; border-bottom: 1px solid var(--k-line); }
.intl-st-row:last-child { border-bottom: 0; }
.intl-st-row dt { font-size: 14px; font-weight: 700; color: var(--ink); }
.intl-st-row dd { display: grid; gap: 4px; font-size: 14px; line-height: 1.6; color: var(--ink-soft); }
.intl-st-row dd > b { justify-self: start; padding: 2px 10px; border-radius: 999px; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--k-bad); background: var(--k-bad-bg); }
.intl-st-row.is-yes dd > b { color: var(--k-good); background: var(--k-good-bg); }
.intl-st-side { display: grid; gap: 12px; }
.intl-st-card { padding: 16px 18px; border: 1px solid var(--k-line); border-radius: var(--radius); background: var(--k-surface); }
.intl-st-card h3 { font-size: 1rem; }
.intl-st-card p { margin-top: 6px; font-size: 13.5px; line-height: 1.6; color: var(--ink-soft); }
.intl-st-card.is-key { border-color: rgba(242,179,54,.55); background: rgba(242,179,54,.09); }
.intl-st-card.is-key svg { width: 22px; height: 22px; fill: none; stroke: var(--k-accent); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 6px; }
.intl-st-note { margin-top: 18px; max-width: 46em; font-size: 15px; line-height: 1.7; color: var(--ink); }
.intl-cite, .intl-page .svc-point .intl-cite { display: block; margin-top: 6px; font-size: 11.5px; line-height: 1.5; color: var(--k-dim); }
.intl-cite a { color: inherit; text-underline-offset: 2px; }

/* ---------- remote ---------- */
.intl-remote { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: clamp(18px, 3vw, 36px); align-items: start; }
.intl-clocks { display: grid; gap: 10px; padding: 18px; border-radius: var(--radius); background: var(--ink); color: var(--paper); }
.intl-clock { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 12px 14px; border-radius: 10px; background: rgba(255,255,255,.06); }
.intl-clock .k { font-size: 13px; font-weight: 700; }
.intl-clock .t { grid-row: span 2; align-self: center; font: 800 1.5rem/1 'Sora', 'Sora Fallback', sans-serif; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.intl-clock .d, .intl-clock .f { font-size: 12px; color: var(--term-text); }
.intl-clock .f { grid-column: 1 / -1; color: var(--term-text); opacity: .85; }
.intl-clock.is-home { background: rgba(242,179,54,.16); }
.intl-next { margin: 2px 2px 0; font-size: 12px; line-height: 1.5; color: var(--term-text); }
.intl-next:empty { display: none; }
.intl-steps { --n: 4; }
.intl-ctas { margin-top: clamp(18px, 2.5vw, 26px); }

/* ---------- data, pre-construction, sources ---------- */
.intl-kpis { margin-top: 4px; }
.intl-kv { border-top: 1px solid var(--k-line); }
.intl-kv div { padding: 12px 0; border-bottom: 1px solid var(--k-line); }
.intl-prose { margin-top: 14px; font-size: 15px; line-height: 1.7; color: var(--ink-soft); max-width: 40em; }
.intl-reviewed { margin: 0 0 14px; font-size: 14px; color: var(--ink); }
.intl-srclist { display: grid; gap: 8px; padding-left: 1.3em; font-size: 13.5px; line-height: 1.55; color: var(--ink-soft); max-width: 62em; }
.intl-srclist a { color: var(--ink); text-underline-offset: 2px; }
.intl-acc { color: var(--k-dim); }
.intl-conf { display: inline-block; margin-left: 4px; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; color: var(--k-accent); background: rgba(242,179,54,.14); }

@media (max-width: 980px) {
  .intl-status, .intl-remote { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .intl-row { grid-template-columns: minmax(0, 1fr); }
  .intl-st-row { grid-template-columns: minmax(0, 1fr); padding: 14px 16px; }
  .intl-bar { grid-template-columns: minmax(0, 1fr) auto; }
  .intl-bar .t { grid-column: 1 / -1; order: 3; }
  .intl-asof { white-space: normal; }
}
.k-card-foot .intl-cite { margin: 0; }
.k-card-foot .intl-cite a { font-size: 12px; font-weight: 600; color: var(--k-dim); }

/* ============================================================
   HUBS v3 (/international/, /es/internacional/)
   ============================================================ */
.intl-hl { background-image: linear-gradient(transparent 66%, var(--amber) 66%, var(--amber) 96%, transparent 96%); padding-inline: 2px; }
.intl-flag { display: block; flex: none; border-radius: 4px; outline: 1px solid rgba(16,17,20,.14); outline-offset: -1px; }
.k-hero-data .intl-flag, .intl-tile .intl-flag { outline-color: rgba(255,255,255,.22); }

/* ---------- hero: "where are you buying from?" tiles ---------- */
.intl-hero-hub.k-hero-data .k-hero-in { display: block; min-height: 0; }
.intl-hero-hub .k-hero-copy { max-width: 48em; }
.intl-hero-hub .k-lede { max-width: 44em; }
.intl-hero:not(.intl-hero-hub) .k-hero-side { align-self: center; }
.intl-pick-k { margin: clamp(22px, 3vw, 34px) 0 12px; font-size: 12.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.82); }
.intl-tiles { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.intl-tile { position: relative; display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 14px 14px 12px; border-radius: 14px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: var(--k-text); text-decoration: none; transition: border-color .15s ease, background .15s ease, transform .15s ease; }
a.intl-tile:hover { border-color: var(--amber); background: rgba(255,255,255,.13); transform: translateY(-2px); }
a.intl-tile:focus-visible { outline: 3px solid var(--amber); outline-offset: 2px; }
.intl-tile .intl-flag { width: 44px; height: 33px; margin-bottom: 8px; }
.intl-tile-n { font: 800 1.12rem/1.15 'Sora', 'Sora Fallback', sans-serif; letter-spacing: -.02em; color: var(--k-text); }
.intl-tile-n small { display: block; font-size: 11px; font-weight: 600; letter-spacing: 0; color: rgba(255,255,255,.7); }
.intl-tile-rate, .intl-tile-time, .intl-tile-fly, .intl-tile-sub { font-size: 12px; line-height: 1.4; color: rgba(255,255,255,.76); font-variant-numeric: tabular-nums; }
.intl-tile-rate { margin-top: 6px; min-height: 1.4em; }
.intl-tile-rate b, .intl-tile-time b { color: var(--k-text); font-weight: 700; }
.intl-tile-time { display: grid; grid-template-columns: auto 1fr; gap: 0 5px; align-items: baseline; min-height: 2.8em; }
.intl-tile-time b { min-height: 1.4em; }
.intl-tile-time small { grid-column: 1 / -1; font-size: 11px; color: rgba(255,255,255,.66); min-height: 1.4em; }
.intl-tile-fly { min-height: 1.4em; }
.intl-tile-go { margin-top: auto; padding-top: 10px; font-size: 12.5px; font-weight: 700; color: var(--amber); }
.intl-tile-go .arr { display: inline-block; transition: transform .15s ease; }
a.intl-tile:hover .intl-tile-go .arr { transform: translateX(4px); }
.intl-tile.is-other { border-style: dashed; }
.intl-flags { display: flex; gap: 4px; margin-bottom: 8px; min-height: 33px; align-items: center; }
.intl-flags .intl-flag { width: 24px; height: 18px; }
.intl-tile-sub { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.intl-hero-asof { display: block; margin-top: 16px; max-width: 70em; }
.intl-hero-asof b { font-weight: 700; }

/* ---------- how you buy: the payment cards under the steps ---------- */
.intl-pay { margin-top: clamp(28px, 4vw, 44px); }

/* ---------- five big numbers, then every rule in one expandable ---------- */
.intl-bigs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.intl-big { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 20px 20px 16px; border: 1px solid var(--k-line); border-radius: var(--radius); background: var(--k-surface); }
.intl-big .v { display: inline-block; max-width: 100%; font: 800 clamp(2rem, 3vw, 2.75rem)/1.05 'Sora', 'Sora Fallback', sans-serif; letter-spacing: -.04em; color: var(--ink); font-variant-numeric: tabular-nums; background-image: linear-gradient(transparent 68%, var(--amber) 68%, var(--amber) 95%, transparent 95%); padding-inline: 3px; margin-left: -3px; }
.intl-big .v small { font-size: .55em; font-weight: 700; letter-spacing: -.02em; }
.intl-big .k { margin-top: 12px; font-size: 14px; font-weight: 700; line-height: 1.3; color: var(--ink); }
.intl-big .m { margin-top: 6px; font-size: 13px; line-height: 1.55; color: var(--ink-soft); }
.intl-big .intl-cite { margin-top: auto; padding-top: 10px; }
.intl-allrules { margin-top: clamp(16px, 2.4vw, 24px); border: 1px solid var(--k-line); border-radius: var(--radius); background: var(--k-surface); }
.intl-allrules > summary { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 10px 20px; cursor: pointer; list-style: none; font-size: 1rem; font-weight: 800; color: var(--ink); }
.intl-allrules > summary::-webkit-details-marker { display: none; }
.intl-allrules > summary::before { content: '+'; display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--amber); color: var(--ink); font-size: 18px; line-height: 1; }
.intl-allrules[open] > summary::before { content: '–'; }
.intl-allrules > summary small { margin-left: auto; font-size: 12px; font-weight: 600; color: var(--k-dim); white-space: nowrap; }
.intl-allrules > summary:hover { color: var(--k-accent); }
.intl-allrules > summary:focus-visible { outline: 3px solid var(--k-focus); outline-offset: -3px; border-radius: var(--radius); }
.intl-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; padding: 0 20px 16px; border-top: 1px solid var(--k-line); }
.intl-rule { padding: 14px 0; border-bottom: 1px solid var(--k-line); min-width: 0; }
.intl-rule h3 { font-size: 1rem; }
.intl-rule p { margin-top: 6px; font-size: 13.5px; line-height: 1.62; color: var(--ink-soft); }
.intl-rule p a { color: var(--ink); text-underline-offset: 2px; }
.intl-rules-note { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; max-width: none; margin-top: 16px; font-size: 13px; }
.intl-rules-note a { font-weight: 700; color: var(--ink); text-decoration: none; padding-block: 8px; margin-block: -8px; }
.intl-rules-note a .arr { display: inline-block; color: var(--k-accent); transition: transform .15s ease; }
.intl-rules-note a:hover .arr { transform: translateX(4px); }

/* ---------- the comparison: flags, pills, quiet expandable ---------- */
.intl-ctable .k-table { font-size: 13.5px; line-height: 1.45; }
.intl-ctable .k-table th { white-space: normal; vertical-align: bottom; }
.intl-cmp th:nth-child(1) { width: 15%; }
.intl-cmp th:nth-child(2), .intl-cmp th:nth-child(3), .intl-cmp th:nth-child(4), .intl-cmp th:nth-child(5) { width: 10.5%; }
.intl-cmp th:nth-child(6) { width: 13%; }
.intl-cmp-c { font-weight: 700; }
.intl-cmp-c > span { display: inline-block; vertical-align: middle; }
.intl-cmp-c .intl-flag { display: inline-block; vertical-align: middle; width: 28px; height: 21px; margin-right: 10px; }
.intl-cmp-c a { text-decoration: underline; text-decoration-color: var(--amber); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.intl-cmp-c small { display: block; font-size: 11.5px; font-weight: 600; color: var(--k-dim); }
.intl-pill { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px 3px 7px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; line-height: 1.3; }
.intl-pill::before { font-size: 11px; line-height: 1; }
.intl-pill.is-yes { color: var(--k-good); background: var(--k-good-bg); }
.intl-pill.is-yes::before { content: '✓'; }
.intl-pill.is-no { color: var(--k-bad); background: var(--k-bad-bg); }
.intl-pill.is-no::before { content: '✕'; }
.intl-pill.is-none { color: var(--k-dim); background: var(--k-flat-bg); }
.intl-pill.is-none::before { content: '–'; }
.intl-pill.is-warn { color: var(--k-accent); background: rgba(242,179,54,.2); }
.intl-pill.is-warn::before { content: '!'; }
.intl-cmp td .intl-pill + small { display: block; margin-top: 5px; font-size: 12px; line-height: 1.45; color: var(--k-dim); }
.intl-more { font-size: 13px; line-height: 1.5; color: var(--ink-soft); }
.intl-more summary { position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-right: 22px; cursor: pointer; list-style: none; }
.intl-more summary::-webkit-details-marker { display: none; }
.intl-more summary::after { content: ''; position: absolute; right: 6px; top: .35em; width: 7px; height: 7px; border-right: 2px solid var(--k-accent); border-bottom: 2px solid var(--k-accent); transform: rotate(45deg); }
.intl-more[open] summary { display: block; -webkit-line-clamp: none; }
.intl-more[open] summary::after { transform: rotate(-135deg); top: .6em; }
.intl-more summary:hover { color: var(--ink); }
.intl-more summary:focus-visible { outline: 2px solid var(--k-focus); outline-offset: 2px; border-radius: 4px; }
.intl-tnote { max-width: 62em; }

/* ---------- guides: flag in the eyebrow, flag strip under the in-page nav ---------- */
.intl-eyebrow { display: inline-flex; align-items: center; gap: 10px; }
.intl-flag-eyebrow { width: 28px; height: 21px; }
.intl-strip { background: var(--paper-deep); border-bottom: 1px solid var(--hairline); }
.intl-strip-in { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding-block: 8px; }
.intl-strip-k { flex: none; font-size: 11.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-soft); }
.intl-strip-links { display: flex; gap: 6px; flex: 1 1 auto; min-width: 0; overflow-x: auto; scrollbar-width: none; overscroll-behavior-x: contain; padding-block: 2px; }
.intl-strip-links::-webkit-scrollbar { display: none; }
.intl-strip-links a, .intl-strip-links > span { flex: none; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 14px 4px 8px; border-radius: 999px; border: 1px solid var(--hairline); background: var(--paper); font-size: 13px; font-weight: 700; color: var(--ink); text-decoration: none; transition: border-color .15s ease, background .15s ease; }
.intl-strip-links a:hover { border-color: var(--amber); }
.intl-strip-links a[aria-current] { background: var(--ink); border-color: var(--ink); color: var(--paper); }
.intl-strip-links .intl-flag { width: 24px; height: 18px; }
.intl-strip-all { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-left: auto; font-size: 13px; font-weight: 700; color: var(--ink); text-decoration: none; }
.intl-strip-all .arr { display: inline-block; color: var(--k-accent); transition: transform .15s ease; }
.intl-strip-all:hover .arr { transform: translateX(4px); }

@media (max-width: 1080px) {
  .intl-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .intl-bigs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .intl-rules { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .intl-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .intl-tile { padding: 12px 12px 10px; }
  .intl-tile .intl-flag { width: 36px; height: 27px; margin-bottom: 6px; }
  .intl-tile-n { font-size: 1rem; }
  .intl-bigs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .intl-big { padding: 14px 14px 12px; }
  .intl-big:first-child { grid-column: 1 / -1; }
  .intl-big .v { font-size: 1.9rem; }
  .intl-allrules > summary { padding-inline: 16px; }
  .intl-rules { padding-inline: 16px; }
  .intl-cmp td.intl-cmp-entry, .intl-cmp td.intl-cmp-money { grid-column: 1 / -1; }
  .intl-cmp-c { display: flex; align-items: center; }
  .intl-strip-k { display: none; }
  .intl-strip-all { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .intl-tile, .intl-tile-go .arr, .intl-strip-all .arr, .intl-rules-note a .arr { transition: none; }
  a.intl-tile:hover { transform: none; }
}

/* ============================================================
   GUIDES v4 (international/<x>/, es/internacional/<x>/, pt/internacional/brasil/)
   ============================================================ */
.intl-flag-hero { width: 84px; height: 63px; margin-bottom: 16px; border-radius: 8px; }
.intl-answer { font-weight: 600; color: var(--k-text); }
.intl-more-p { margin-top: 8px; font-size: 14px; line-height: 1.62; color: var(--ink-soft); }
.intl-more-p > summary { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; cursor: pointer; list-style: none; font-size: 13px; font-weight: 700; color: var(--k-accent); }
.intl-more-p > summary::-webkit-details-marker { display: none; }
.intl-more-p > summary::after { content: ''; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .15s ease; }
.intl-more-p[open] > summary::after { transform: translateY(1px) rotate(-135deg); }
.intl-more-p > summary:focus-visible { outline: 2px solid var(--k-focus); outline-offset: 2px; border-radius: 4px; }
.intl-more-p > p { margin-top: 8px; }
.intl-more-p.is-hero { margin-top: 10px; max-width: 40em; }
.intl-more-p.is-hero > summary { color: var(--amber); }
.intl-more-p.is-hero > p { color: rgba(255,255,255,.86); }
.intl-more-p.is-block { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--k-line); }
.intl-more-p.is-block > summary { font-size: 14px; }
.intl-more-p.is-block .intl-prose { margin-top: 10px; }

/* hero: the live rate, then chips */
.intl-rate-card { display: flex; flex-direction: column; padding: 18px 20px 16px; border-radius: 14px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.intl-rate-card .k { font-size: 12.5px; font-weight: 600; color: rgba(255,255,255,.76); }
.intl-rate-card .v { margin-top: 6px; font: 800 clamp(2rem, 3.4vw, 2.9rem)/1.05 'Sora', 'Sora Fallback', sans-serif; letter-spacing: -.035em; color: var(--k-text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.intl-rate-card .v small { font-size: .42em; font-weight: 700; letter-spacing: 0; color: var(--amber); margin-left: 2px; }
.intl-rate-card .m { margin-top: 6px; font-size: 12px; color: rgba(255,255,255,.72); }
.intl-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.intl-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 12px 6px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); font-size: 12.5px; line-height: 1.3; color: rgba(255,255,255,.84); font-variant-numeric: tabular-nums; }
.intl-chip svg { width: 16px; height: 16px; flex: none; fill: none; stroke: var(--amber); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.intl-chip b { color: var(--k-text); font-weight: 700; }
.intl-chip small { display: block; font-size: 11px; color: rgba(255,255,255,.66); }
.intl-chip small:empty { display: none; }
.intl-chip.is-yes svg { stroke: var(--k-good); }
.intl-chip.is-no svg { stroke: var(--k-bad); }

/* status badges */
.intl-badges { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.intl-badge { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0; padding: 14px 16px; border: 1px solid var(--k-line); border-radius: var(--radius); background: var(--k-surface); }
.intl-badge .k { font-size: 12.5px; font-weight: 700; line-height: 1.3; color: var(--ink); }
.intl-badge .intl-pill { font-size: 12px; padding: 4px 11px 4px 8px; }
.intl-badge small { font-size: 12px; color: var(--k-dim); }
.intl-allrules .intl-status { padding: 18px 20px 4px; border-top: 1px solid var(--k-line); }
.intl-allrules .intl-st-note { padding: 0 20px 18px; margin-top: 14px; }

/* money: numbered step cards */
.intl-money { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.intl-mcard { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 18px 20px 16px; border: 1px solid var(--k-line); border-radius: var(--radius); background: var(--k-surface); }
.intl-mcard .n { display: inline-grid; place-items: center; width: 34px; height: 34px; margin-bottom: 12px; border-radius: 50%; background: var(--amber); color: var(--ink); font: 800 12px/1 'Sora', 'Sora Fallback', sans-serif; letter-spacing: .04em; }
.intl-mcard h3 { font-size: 1.05rem; line-height: 1.3; }
.intl-mcard > p { margin-top: 8px; font-size: 14px; line-height: 1.62; color: var(--ink-soft); }
.intl-mcard p a { color: var(--ink); text-underline-offset: 2px; }
.intl-mcard .intl-cite { margin-top: auto; padding-top: 10px; }
.intl-note { margin-top: 16px; max-width: 62em; font-size: 13px; line-height: 1.6; color: var(--ink-soft); }
.intl-note b { color: var(--ink); }

/* tools: the estate scale ($60,000 against $15 million) */
.intl-scale { margin-bottom: 6px; }
.intl-bar .t i { min-width: 6px; }
.intl-scale .intl-bar .t i { background: var(--k-bad); }
.intl-scale .intl-bar.is-us .t i { background: var(--term-dim); }

/* pre-construction: the big number */
.intl-precon-stat .m { max-width: 32em; }

/* sources closed by default */
.intl-srcbox { margin-top: 0; }
.intl-srcbox .intl-srclist { padding: 4px 20px 18px 40px; border-top: 1px solid var(--k-line); }

@media (max-width: 1080px) {
  .intl-badges { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .intl-money { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .intl-flag-hero { width: 64px; height: 48px; margin-bottom: 12px; }
  .intl-badges { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .intl-badge { padding: 12px 14px; }
  .intl-badge:first-child { grid-column: 1 / -1; }
  .intl-money { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .intl-chip { min-height: 44px; }
  .intl-allrules .intl-status { padding-inline: 16px; }
  .intl-allrules .intl-st-note { padding-inline: 16px; }
  .intl-srcbox .intl-srclist { padding: 4px 16px 16px 32px; }
}