/* Keep CJK metrics isolated from the approved Vietnamese and Malaysian layouts. */
.microostep-cn { --cn-font: "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif; }
.microostep-cn .ms-home,.microostep-cn .mcs-story {font-family:var(--cn-font)}
.microostep-cn .mcs-story :is(li,dt,dd,p,small,strong,span,b){text-transform:none;}
.microostep-cn :is(.ms-home,.mcs-story) :is(h1,h2,h3,p,li,dt,small,a,button,label,select,span,em,b,strong,i) {font-family:inherit;letter-spacing:normal;}
.microostep-cn .ms-home :is(h1,h2),.microostep-cn .mcs-story :is(h1,h2) {font-family:var(--cn-font);font-weight:850;line-height:1.18;letter-spacing:-.025em;word-break:normal;overflow-wrap:anywhere;}
.microostep-cn .ms-hero h1{font-size:clamp(48px,6vw,94px)}
.microostep-cn .ms-section-head h2,.microostep-cn .ms-system__copy h2{font-size:clamp(36px,4.6vw,68px)}
.microostep-cn .mcs-hero h1{font-size:clamp(48px,6vw,92px)}
/* Model lettering matches the approved home cards; CJK copy keeps its own font. */
.microostep-cn .mcs-story .mcs-hero .mcs-model-name{font-family:Impact,"Arial Black",sans-serif;font-weight:400;letter-spacing:0;white-space:nowrap;}
.microostep-cn .mcs-step h2{font-size:clamp(36px,4.5vw,70px)}
.microostep-cn :is(.mcs-specs,.mcs-fitment,.mcs-buy-bridge) h2{font-size:clamp(40px,5vw,76px)}
.microostep-cn .mcs-substep h3{line-height:1.35;font-size:clamp(26px,3vw,42px)}
.microostep-cn :is(.mcs-step,.mcs-substep,.mcs-fitment__heading,.ms-home) p{line-height:1.85}
.microostep-cn .mcs-machine-canvas text{font-family:var(--cn-font);letter-spacing:0;}
.microostep-cn .mcs-machine-canvas :is(.v-new-stat,.v-fan-temp,.v-curve-value){font-family:Arial,Helvetica,sans-serif;}
.microostep-cn .mcs-stage__label,.microostep-cn .mcs-kicker,.microostep-cn .mcs-stage__frame>p{letter-spacing:.035em;line-height:1.4}
.microostep-cn .ms-brand-grid{grid-template-columns:minmax(140px,1fr)}
.microostep-cn [hidden]{display:none!important}
.microostep-cn .ms-recommendation h3{font-size:clamp(36px,5vw,76px);line-height:1.1}
.microostep-cn .ms-dot-title{font-family:var(--cn-font);font-size:clamp(64px,7vw,104px);line-height:1.15}
.microostep-cn .ms-home .ms-card__visual>strong{font-family:Impact,"Arial Black",sans-serif;font-weight:400;letter-spacing:0;}
.microostep-cn .ms-home .ms-card__meta h3{font-family:Impact,"Arial Black",sans-serif;font-weight:400;letter-spacing:0;}
.microostep-cn .ms-cn-reveal{isolation:isolate;}
.microostep-cn .ms-cn-model{position:relative;z-index:1;transition:opacity .09s ease;}
.microostep-cn .ms-cn-product-art{position:absolute;inset:22% 7%;z-index:1;display:grid;place-items:center;pointer-events:none;}
.microostep-cn .ms-cn-product-art>svg{width:100%;height:auto;overflow:visible;}
.microostep-cn .ms-cn-outline,.microostep-cn .ms-cn-photo{opacity:0;}
.microostep-cn .ms-cn-card-current{position:absolute;right:5%;top:5%;display:flex;gap:24px;color:#655335;z-index:3;}
.microostep-cn .ms-cn-card-current>div,.microostep-cn .ms-cn-card-features>div{display:grid;gap:6px;}
.microostep-cn .ms-cn-reveal small{font-size:10px;font-weight:500;line-height:1.3;}
.microostep-cn .ms-cn-reveal b{font-size:24px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;}
.microostep-cn .ms-cn-reveal b span{font-size:13px;font-weight:500;}
.microostep-cn .ms-cn-card-features{position:absolute;left:5%;right:5%;bottom:5%;display:flex;justify-content:space-between;align-items:end;gap:20px;color:#655335;z-index:3;}
.microostep-cn .ms-cn-card-features p{margin:0;font-size:12px;font-weight:500;line-height:1.8;text-align:right;}
.microostep-cn .ms-cn-feature .ms-card__specs{display:none;}
.microostep-cn .ms-cn-feature .ms-card__meta{grid-template-columns:1fr 28px;}
.microostep-cn .ms-cn-feature.is-revealed .ms-cn-model{opacity:0;}
/* Keep the 05.4 smoothstep dissolve and registered crops on the light card palette. */
.microostep-cn .ms-cn-feature.is-revealed .ms-cn-outline{animation:msCnOutline 1s cubic-bezier(.333333,0,.666667,1) both;}
.microostep-cn .ms-cn-feature.is-revealed .ms-cn-photo{animation:msCnPhoto 1s cubic-bezier(.333333,0,.666667,1) both;}
.microostep-cn .ms-cn-feature:focus-visible{outline:2px solid #8a6b2b;outline-offset:5px;}
/* Clear the model first, then develop the complete image uniformly in place. */
@keyframes msCnOutline{0%,12%{opacity:0}24%,38%{opacity:1}100%{opacity:0}}
@keyframes msCnPhoto{0%,38%{opacity:0}100%{opacity:1}}
@media(max-width:480px){.microostep-cn .ms-cn-card-current{top:14%;gap:18px}.microostep-cn .ms-cn-reveal b{font-size:21px}.microostep-cn .ms-cn-reveal small{font-size:9px}.microostep-cn .ms-cn-product-art{inset:28% 6% 22%}.microostep-cn .ms-cn-card-features p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.microostep-cn .ms-cn-model{transition:none}.microostep-cn .ms-cn-feature.is-revealed .ms-cn-outline{animation:none;opacity:0}.microostep-cn .ms-cn-feature.is-revealed .ms-cn-photo{animation:none;opacity:1;clip-path:none}}
.microostep-cn .mcs-brand-panel[data-market="CN"]{grid-template-columns:1fr}
.microostep-cn .mcs-spec-grid dd{font-family:var(--cn-font);font-size:clamp(23px,2.15vw,34px);font-weight:600;line-height:1.35;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums;text-transform:none;}
.microostep-cn .mcs-spec-grid .mcs-spec-unit{font-size:.64em;font-weight:500;white-space:nowrap;text-transform:none;}
.microostep-cn .mcs-spec-grid .mcs-spec-range{font-size:clamp(20px,1.85vw,30px);white-space:nowrap;}
.microostep-cn .mcs-machine-canvas .v-cn-numeric{font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:500;letter-spacing:0;stroke:none;}
.microostep-cn .mcs-machine-canvas .v-cn-unit{font-size:.7em;font-weight:400;}
.microostep-cn .mcs-machine-canvas .v-fan-temp{font-size:34px;font-weight:500;}
.microostep-cn .mcs-machine-canvas .v-cooling-label .v-cn-unit{font-size:.85em;font-weight:500;}
.microostep-cn .mcs-hero__stats strong{text-transform:none;font-variant-numeric:lining-nums tabular-nums;}
.microostep-cn .mcs-spec-grid .mcs-battery-detail{display:block;margin-top:10px;font-size:clamp(16px,1.3vw,20px);font-weight:600;line-height:1.6;}
.microostep-cn .mcs-spec-grid .mcs-battery-detail>span{display:block;white-space:nowrap;}
/* Match the home-page linework treatment without constraining one image axis. */
.microostep-cn .mcs-hero__visual--waves>img{width:min(94%,720px);height:auto;max-height:none;max-width:100%;aspect-ratio:1;object-fit:contain;opacity:.55;filter:saturate(.65) brightness(1);mix-blend-mode:screen;transform:rotate(90deg);transform-origin:center;}
.microostep-cn .mcs-story .mcs-cn-footnote{font-size:12px!important;line-height:1.7!important;color:#939087!important;font-weight:400!important;letter-spacing:0!important;margin:16px 0 0!important;max-width:630px;}
.microostep-cn .mcs-story li.mcs-cn-footnote{list-style:none;border:0;padding:0;}
.microostep-cn .mcs-story li.mcs-cn-footnote:before{content:none;}
.microostep-cn .mcs-hero__index{writing-mode:horizontal-tb;top:5%;font-size:12px}
.microostep-cn .mcs-story [data-vn-install]{display:block}
.microostep-cn .mcs-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.microostep-cn .mcs-hero__stats div{border-bottom:1px solid var(--line)}
.microostep-cn .mcs-hero__stats div:nth-child(3n){border-right:0}
.microostep-cn .mcs-hero__stats div:nth-last-child(-n+3){border-bottom:0}
.microostep-cn .mcs-fitment__visual p{left:24px;right:24px;text-align:center;line-height:1.6}
.microostep-cn .mcs-spec-grid dd small{display:block;margin-top:10px;font-size:13px;line-height:1.55}
.microostep-cn :is(.ms-button,.ms-category-rail a,.ms-brand-categories a,.mcs-button){font-size:13px;line-height:1.4}
.microostep-cn :is(.mcs-brand-panel button,.mcs-button,select):focus-visible{outline:2px solid var(--paper);outline-offset:3px}
@media(max-width:900px){
 .microostep-cn .mcs-hero__visual--waves{min-height:clamp(300px,92vw,470px);}
 .microostep-cn .mcs-hero__visual--waves>img{width:min(96%,470px);height:auto;max-height:none;}
 .microostep-cn .mcs-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .microostep-cn .mcs-hero__stats div:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
 .microostep-cn .mcs-hero__stats div:nth-child(2n){border-right:0}
 .microostep-cn .mcs-hero__stats div:nth-last-child(-n+2){border-bottom:0}
 .microostep-cn .ms-hero h1{font-size:clamp(40px,11vw,72px)}
 .microostep-cn .mcs-hero h1{font-size:clamp(40px,10vw,70px)}
 .microostep-cn .mcs-step h2{font-size:clamp(30px,8vw,54px)}
 .microostep-cn :is(.mcs-specs,.mcs-fitment,.mcs-buy-bridge) h2{font-size:clamp(32px,8.5vw,58px)}
 .microostep-cn .mcs-substep h3{font-size:clamp(24px,6.3vw,36px)}
 .microostep-cn .mcs-stage__label{font-size:10px}
 .microostep-cn .ms-category-rail a{min-width:0}
 .microostep-cn .mcs-step,.microostep-cn .mcs-substep{padding-bottom:48px}
}
