/* Video 02: topic imagery, geographic route, and clear responsibilities. */
.page-china #topics,.page-china #route{scroll-margin-top:112px}
.page-china .legacy-topic-grid{gap:14px}
.page-china .legacy-topic{min-height:510px;padding:24px 24px 27px;overflow:hidden;isolation:isolate;background:linear-gradient(155deg,#f8fcff,#e9f5ff);box-shadow:0 20px 45px rgba(30,73,111,.09)}
.page-china .legacy-topic:nth-child(2){background:linear-gradient(155deg,#ecf7ff,#d8edff)}
.page-china .legacy-topic:nth-child(3){background:linear-gradient(155deg,#d7edff,#a8d2f2)}
.page-china .legacy-topic:nth-child(4){background:linear-gradient(155deg,#386f9b,#123a5c);color:#f5fbff}
.page-china .legacy-topic-num{position:relative;z-index:1;flex:none;width:39px;height:39px;color:#447fae}
.page-china .legacy-topic:nth-child(4) .legacy-topic-num{color:#d5ebff}
.page-china .legacy-topic-art{display:grid;place-items:center;width:100%;height:205px;margin:13px auto 10px;overflow:visible}
.page-china .legacy-topic-art img{display:block;width:100%;height:205px;max-height:205px;object-fit:contain;filter:drop-shadow(0 18px 15px rgba(31,69,100,.13))}
.page-china .legacy-topic h3{margin:auto 0 14px;font-size:22px;line-height:1.25;overflow-wrap:normal;word-break:normal;hyphens:none}
.page-china .legacy-topic p{font-size:16px;line-height:1.5}
.page-china .legacy-topic:nth-child(4) p{color:#deeffc}
.page-china .legacy-hero--china .hero-photo img{object-position:center 46%}
@media(min-width:1081px){
  .page-china .legacy-hero--china .inner-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(9px,1.1vw,18px)}
  .page-china .legacy-hero--china .inner-hero-copy{grid-column:span 6;max-width:none}
  .page-china .legacy-hero--china h1{max-width:none;font-size:clamp(56px,4.3vw,67px);line-height:1.1}
  .page-china .legacy-hero--china .hero-lead{max-width:100%;font-size:clamp(20px,1.7vw,24px)}
}
.page-china .china-hero-first-line{display:block;white-space:nowrap}
.page-china .legacy-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,5vw,76px)}
.page-china .legacy-visual--map{min-height:0;aspect-ratio:1;background:#dfedfa}
.page-china .legacy-visual--map img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;filter:none;mask-image:none}
.page-china .legacy-section--route::before{content:"";position:absolute;inset:0;background:url('media/feedback-2026-09-25-china-flight-photo-v2.webp') center / cover no-repeat;opacity:.74;pointer-events:none}
.page-china .legacy-section--route::after{content:"";position:absolute;inset:0;width:auto;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(13,35,55,.77),rgba(13,35,55,.38) 52%,rgba(13,35,55,.58));pointer-events:none}
.page-china .legacy-route-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(34px,4vw,60px);align-items:stretch}
.page-china .legacy-route-copy h2{font-size:clamp(42px,3.6vw,54px)}
.china-route-visual{display:flex;min-width:0;padding-top:66px}
.china-route-map{position:relative;flex:1;min-height:430px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.china-route-map::before{display:none}
.china-route-map canvas{display:block;width:100%;height:100%}
.page-china .legacy-responsibility-grid{gap:16px}
.page-china .legacy-responsibility-grid article{display:grid;grid-template-columns:175px minmax(0,1fr);align-items:center;gap:clamp(16px,2vw,32px);min-height:315px;padding:30px;background:linear-gradient(150deg,#eaf5fe,#d8eafa)}
.page-china .legacy-responsibility-grid article:last-child{background:linear-gradient(150deg,#d6eafb,#bddbf2)}
.page-china .legacy-responsibility-grid article:first-child{padding-left:38px;column-gap:30px}
.page-china .china-role-art{display:grid;place-items:center;align-self:center;width:100%;margin:0}
.page-china .china-role-art img{display:block;width:235px;max-width:none;height:220px;object-fit:contain;filter:drop-shadow(0 15px 15px rgba(37,82,119,.13))}
.page-china .legacy-responsibility-grid article:first-child .china-role-art img{width:220px}
@media(min-width:761px){.page-china .legacy-responsibility-grid article:first-child .china-role-art img{transform:translateX(-26px)}}
.page-china .legacy-responsibility-grid article:last-child .china-role-art img{width:180px}
.page-china .china-role-copy{min-width:0}
.page-china .legacy-responsibility-grid article>span{font:600 12px/1.3 Golos,sans-serif;letter-spacing:.04em;color:#457fae}
.page-china .china-role-copy>span{font:600 12px/1.3 Golos,sans-serif;letter-spacing:.04em;color:#457fae}
.page-china .legacy-responsibility-grid h3{margin:13px 0 12px;font:500 clamp(28px,3vw,43px)/1.12 Unbounded,sans-serif;letter-spacing:-.055em;color:#21364c}
.page-china .legacy-responsibility-grid p{margin:0;max-width:570px;font-size:17px;line-height:1.55}
.page-china .china-faq-heading{position:sticky;top:96px;align-self:start}
@media(max-width:1080px){
  .page-china .china-hero-first-line{white-space:normal}
  .page-china .legacy-topic{min-height:420px}
  .page-china .legacy-topic-art{height:190px}
  .page-china .legacy-route-layout{grid-template-columns:1fr}
  .china-route-map{min-height:390px}
}
@media(max-width:760px){
  .page-china .china-hero-first-line{display:inline}
  .page-china .legacy-route-copy h2{font-size:clamp(30px,8vw,39px);overflow-wrap:break-word}
  .page-china .legacy-topic-grid{gap:12px}
  .page-china .legacy-topic{min-height:430px;padding:22px 24px 26px}
  .page-china .legacy-topic-art{height:210px;margin:2px auto 13px}
  .page-china .legacy-topic-art img{height:210px;max-height:210px}
  .page-china .legacy-topic h3{font-size:22px}
  .page-china .legacy-visual--map{min-height:0;aspect-ratio:1}
  .page-china .legacy-visual--map img{max-height:none}
  .china-route-visual{margin:28px 0 0;padding-top:0}
  .china-route-map{height:max(272px,64vw);min-height:0}
  .page-china .legacy-responsibility-grid article{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-height:0;padding:24px}
  .page-china .legacy-responsibility-grid article:first-child{padding-left:24px}
  .page-china .legacy-responsibility-grid article+article{margin-top:12px}
  .page-china .china-role-copy{order:1}
  .page-china .china-role-art{order:2;height:150px;margin-top:10px}
  .page-china .china-role-art img{width:190px;height:150px;max-height:150px}
  .page-china .legacy-responsibility-grid article:last-child .china-role-art img{width:155px}
  .page-china .legacy-responsibility-grid h3{margin:10px 0 10px;font-size:31px}
  .page-china .legacy-responsibility-grid p{font-size:16px}
  .page-china .china-faq-heading{position:static}
}
@media(prefers-reduced-motion:no-preference){
  .page-china .legacy-topic-art img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .page-china .legacy-topic:hover .legacy-topic-art img{transform:translateY(-6px) scale(1.035)}
}
