/* RC26: manual, progressively enhanced phone rails. All navigation stays in HTML. */
/* Caption content participates in sizing, including translated and enlarged text. */
body .cf-market{display:flex;flex-direction:column;justify-content:flex-end;padding-top:180px;min-width:0}
body .cf-market>div{position:relative;inset:auto;margin:0;padding:28px 32px;overflow-wrap:anywhere;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px}
body .cf-market>div>.cf-kicker{grid-column:1/-1}
body .cf-market h3{margin:0}
body .cf-market>div>span:last-child{position:static;align-self:end}
body.cf-home .principal h2 span{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}
body .cf-path,body .cf-insight{min-width:0;overflow-wrap:anywhere}
.rc23-card-controls[hidden]{display:none!important}
.rc23-card-controls{display:none}
@media(max-width:760px){
  body.nf-demand.cf-home .hero{min-height:0;height:auto;max-height:none;padding-bottom:112px}
  body.nf-demand.cf-home .hero-copy{padding-top:120px}
  body.nf-demand.cf-home .hero-copy h1{font-size:clamp(2.5rem,11.5vw,3.3125rem)!important}
  body.nf-demand.cf-home .hero-deck{margin-block:22px}
  body.nf-demand.cf-home .xf-stage{bottom:-20px;height:300px;opacity:.23;pointer-events:none}
  body.cf-home .cf-people .principal{height:auto!important;min-height:0!important;display:block}
  body.cf-home .cf-people .principal img{height:clamp(260px,75vw,320px);object-position:center 25%}
  body.cf-home .cf-people .principal-ray img{object-position:center 28%}
  body.cf-home .cf-people .principal::after{display:none}
  body.cf-home .cf-people .principal>div{position:relative;inset:auto;padding:22px 24px;background:#0b1016}
  body.cf-home .cf-people .principal>div>span{display:block;margin:0 0 12px;color:#d3b782;line-height:1.5}
  body.cf-home .cf-people .principal h2{font-size:1.75rem;line-height:1.2;margin:0}
  body [data-card-rail]{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:6px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:6px 6px 16px;margin:-6px -6px 0;align-items:stretch;scrollbar-width:thin;scrollbar-color:#c8a469 #18212b}
  body [data-card-rail]>a{flex:0 0 88%;min-width:0;max-width:88%;scroll-snap-align:start;grid-column:auto;grid-row:auto;white-space:normal}
  body [data-card-rail]>a:last-child{scroll-snap-align:end}
  body [data-card-rail] h3{font-size:1.75rem;line-height:1.2;min-height:0;overflow-wrap:anywhere}
  body [data-card-rail] .cf-link{white-space:normal;max-width:100%;line-height:1.5}
  body .cf-market{min-height:300px;padding-top:150px}
  body .cf-market>div{padding:24px 20px}
  body.cf-home .cf-path{padding-bottom:18px}
  body.cf-home .cf-path-image{margin-bottom:20px}
  body.cf-home .cf-path-image img{aspect-ratio:1.5}
  body.cf-home .cf-path p{max-width:none;font-size:1rem}
  body.cf-home .cf-insight{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:12px}
  body.cf-home .cf-insight img{aspect-ratio:1.6;width:100%;margin-bottom:0}
  body.cf-home .cf-insight .cf-link{margin-top:auto}
  .rc23-card-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:12px;border-top:1px solid #657078;padding-top:14px;color:#efece5}
  .rc23-card-controls button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;max-width:100%;padding:8px 10px;border:1px solid #809097;background:#111b25;color:#efece5;font:inherit;font-size:.875rem;line-height:1.5;white-space:normal;cursor:pointer}
  .rc23-card-controls button:hover:not(:disabled){border-color:#c8a469;background:#26313c}
  .rc23-card-controls button:disabled{color:#b5babf;border-color:#56616a;cursor:default}
  .rc23-card-position{font-size:.875rem;line-height:1.5;text-align:center;flex:1 1 auto}
  body.cf-home.nf-demand .cf-noxy{display:block;margin-block:36px}
  body.cf-home.nf-demand .cf-noxy-art{float:right;display:block;width:80px;height:80px;padding:0;margin:22px 20px 8px 12px}
  body.cf-home.nf-demand .cf-noxy-art img{width:80px;height:80px;object-fit:contain}
  body.cf-home.nf-demand .cf-noxy-copy{padding:24px}
  body.cf-home.nf-demand .cf-noxy h2{font-size:1.875rem;line-height:1.2}
  body.cf-home.nf-demand .cf-noxy-links{clear:both;margin-top:18px;gap:4px}
  body.cf-home.nf-demand .cf-noxy-links a{min-height:44px;line-height:1.5;gap:12px}
  body.cf-home.nf-demand .cf-noxy-stickers-link{font-size:.875rem;color:#d1c4ad}
}
@media(prefers-reduced-motion:reduce){
  body [data-card-rail]{scroll-behavior:auto}
  body [data-card-rail] img{transition:none}
}

/* The rail is a shared component; the page family does not control its behavior. */
body [data-card-rail]>a:focus-visible{outline:3px solid #e8c88d;outline-offset:2px}
.rc23-card-controls button:focus-visible{outline:3px solid #e8c88d;outline-offset:3px}
html:lang(zh) body,html:lang(zh) body :is(h1,h2,h3,h4,h5,h6){font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
html:lang(zh-Hant) body,html:lang(zh-Hant) body :is(h1,h2,h3,h4,h5,h6){font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
body .cf-button,body .cf-link,body .nf-conversion-primary,body .nf-conversion-secondary{white-space:normal;height:auto;overflow-wrap:anywhere}
@media(max-width:760px){
 html:lang(zh) body [data-card-rail] h3,html:lang(zh-Hant) body [data-card-rail] h3{line-height:1.3;word-break:normal;overflow-wrap:normal}
 body [data-card-rail] .cf-insight{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:12px}
 body [data-card-rail] .cf-insight img{aspect-ratio:1.6;width:100%;margin-bottom:0;object-fit:cover}
 body [data-card-rail] .cf-insight .cf-link{margin-top:auto}
}
