/* ─────────────────────────────────────────────
   Homepage Why China — three evidence modules
   ───────────────────────────────────────────── */
.why-china-modules { display: grid; gap: 0; }
.why-china-module {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(18rem, .95fr);
  gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
  padding: 3.5rem 0;
  border-bottom: 1px solid var(--rule);
}
.why-china-module:first-child { padding-top: 0; }
.why-china-module:last-child { border-bottom: 0; }
.why-china-module-reverse > .why-china-module-copy { order: 2; }
.why-china-module-reverse > .why-china-module-visual { order: 1; }
.why-china-module-copy > .heading-lg { margin-top: .65rem; }
.why-china-module-copy > .body-lg { margin-top: .875rem; max-width: 42rem; }
.why-china-module-visual {
  min-height: 19rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid var(--rule);
  box-shadow: var(--shadow-md);
  background: var(--ink);
}
.why-china-module-visual picture,
.why-china-module-visual img { display: block; width: 100%; height: 100%; }
.why-china-module-visual img { min-height: 19rem; object-fit: cover; }
.why-china-comparison { display: grid; gap: 1rem; margin-top: 1.5rem; }
.why-china-metric { padding: 1rem; border: 1px solid var(--rule); border-radius: .625rem; background: rgba(255,255,255,.72); }
.why-china-metric-name { margin-bottom: .7rem; font-size: .875rem; font-weight: 700; color: var(--ink); }
.why-china-bar-row { display: grid; grid-template-columns: 4rem minmax(0,1fr) auto; gap: .625rem; align-items: center; margin-top: .5rem; font-size: .75rem; color: var(--ink-60); }
.why-china-bar-row strong { min-width: 4.25rem; text-align: right; color: var(--ink); font-size: .8125rem; }
.why-china-bar-track { height: .55rem; overflow: hidden; border-radius: 9999px; background: var(--rule-lt); }
.why-china-bar { display: block; height: 100%; border-radius: inherit; }
.why-china-bar-west { background: var(--ink-30); }
.why-china-bar-china { width: 25%; background: var(--blue-600); }
.why-china-bars-wait .why-china-bar-china { width: 4.5%; min-width: .5rem; }
.why-china-note { margin-top: .75rem; font-size: .75rem; line-height: 1.6; color: var(--ink-60); }
.why-china-experience-stat { display: inline-flex; flex-direction: column; margin-top: 1.5rem; padding: 1.25rem 1.5rem; border-left: 4px solid var(--blue-600); background: var(--blue-50); }
.why-china-experience-stat strong { font-family: var(--ff-serif); font-size: clamp(2.25rem, 5vw, 4rem); line-height: 1; color: var(--blue-700); }
.why-china-experience-stat span { margin-top: .5rem; font-size: .875rem; font-weight: 700; color: var(--ink-60); }
.why-china-process { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; margin-top: 1.5rem; }
.why-china-process-step { position: relative; padding: 1rem .75rem; text-align: center; border: 1px solid var(--rule); border-radius: .625rem; background: rgba(255,255,255,.75); }
.why-china-process-step:not(:last-child)::after { content: '→'; position: absolute; right: -.7rem; top: 50%; z-index: 1; color: var(--blue-600); transform: translateY(-50%); }
.why-china-process-step strong { display: block; color: var(--blue-700); font-size: .9rem; }
.why-china-process-step span { display: block; margin-top: .3rem; color: var(--ink-60); font-size: .75rem; }
.why-china-visa { display: grid; grid-template-columns: auto 1fr 1fr; gap: .75rem 1.25rem; align-items: center; margin-top: 2rem; padding: 1rem 1.25rem; border: 1px solid var(--rule); border-radius: .625rem; background: var(--warm); font-size: .8125rem; }
.why-china-visa strong { color: var(--ink); }
.why-china-visa span { color: var(--ink-60); }
.why-china-visa small { grid-column: 1 / -1; color: var(--ink-60); }
@media (max-width: 767px) {
  .why-china-module { grid-template-columns: 1fr; gap: 1.5rem; padding: 2.5rem 0; }
  .why-china-module-reverse > .why-china-module-copy,
  .why-china-module-reverse > .why-china-module-visual { order: initial; }
  .why-china-module-visual,
  .why-china-module-visual img { min-height: 14rem; }
  .why-china-process { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  .why-china-process-step:not(:last-child)::after { display: none; }
  .why-china-visa { grid-template-columns: 1fr; }
  .why-china-visa small { grid-column: auto; }
}
[dir="rtl"] .why-china-module-reverse > .why-china-module-copy { order: 1; }
[dir="rtl"] .why-china-module-reverse > .why-china-module-visual { order: 2; }
[dir="rtl"] .why-china-experience-stat { border-left: 0; border-right: 4px solid var(--blue-600); }
[dir="rtl"] .why-china-bar-row strong { text-align: left; }