/* User-supplied shared baseline 0.2.0; scoped overlay on ABS structure. */
body{font-family:Poppins,'Segoe UI',Arial,'Microsoft YaHei','PingFang SC','Noto Sans CJK SC',sans-serif}
.hero .button{background:#004BFF;color:#FFFFFF}.hero .button:hover{background:#003BCC}
.hero figcaption,.material-photo figcaption,.finish-copy .image-note,.image-note{font-size:13px;line-height:21px}
.review button,.header-quote,nav a{min-height:44px;display:inline-flex;align-items:center}
.hero a:focus-visible,.dfm summary:focus-visible{outline-color:#A8C5FF}
.reveal-ready{transition-duration:160ms}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Responsive review fixes: retain bilingual order and stable scroll layout. */
html{scrollbar-gutter:stable}
body[data-mode=both] nav a,body[data-mode=both] .header-quote{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
body[data-mode=both] nav a .en,body[data-mode=both] .header-quote .en{margin-top:4px}
@media(min-width:640px) and (max-width:979px){.finish-panel{grid-template-columns:1fr}.finish-copy{padding:24px}}

body[data-mode=both] .button,body[data-mode=both] .header-quote{display:inline-grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:center}
body[data-mode=both] .button>.zh,body[data-mode=both] .header-quote>.zh{grid-column:1;grid-row:1}
body[data-mode=both] .button>.en,body[data-mode=both] .header-quote>.en{grid-column:1;grid-row:2;margin-top:0}
body[data-mode=both] .button>[aria-hidden]{grid-column:2;grid-row:1 / span 2}
body[data-mode=both] .button{max-width:100%;text-align:left}