/* One theme system for the editorial portal, product and download surfaces. */
:root { --editorial-heading:clamp(36px,4.3vw,62px); --editorial-radius:16px; }
.site-header,.community-header { height:80px; gap:36px; }
.site-header .brand,.community-header .community-brand { font-size:18px; letter-spacing:var(--zo-tracking-title); }
.site-header .brand-detail { display:none; }
.site-header > nav,.community-header > nav { gap:26px; font-size:15px; }
.site-header .download-link,.community-header .download-link { background:var(--zo-accent); color:var(--zo-on-accent); font-size:14px; min-height:42px; padding:10px 18px; box-sizing:border-box; border-radius:10px; }
.site-header .brand img,.community-header .community-brand img { filter:var(--site-logo-filter,none); }
.editorial-main { width:var(--site-width); margin-inline:auto; }
.editorial-main * { box-sizing:border-box; }
.editorial-main a { color:inherit; text-decoration:none; }
.editorial-main p { line-height:1.8; }
.editorial-main h1,.editorial-main h2,.editorial-main h3 { text-wrap:balance; }
.editorial-main .eyebrow,.download-page .eyebrow { color:var(--zo-accent); font-size:13px; font-weight:600; letter-spacing:.06em; }
.journal-hero { display:grid; grid-template-columns:1.08fr 1fr; align-items:center; gap:48px; padding:64px 0 40px; }
.journal-intro h1 { font-size:var(--editorial-heading); line-height:1.25; font-weight:650; letter-spacing:var(--zo-tracking-display); margin:22px 0; }
.journal-lead { font-size:18px; color:var(--zo-text-secondary); margin:0; }
.journal-actions { display:flex; gap:28px; align-items:center; flex-wrap:wrap; margin-top:32px; }
.editorial-main .journal-primary { background:var(--zo-accent); color:var(--zo-on-accent); display:inline-flex; justify-content:center; align-items:center; border:0; border-radius:10px; min-height:48px; padding:12px 24px; font-size:16px; font-weight:550; }
.editorial-main .quiet-link,.journal-story-links a,.journal-side-stories > article > a,.journal-community-questions > a { color:var(--zo-accent); font-size:15px; font-weight:550; }
.journal-platforms { display:flex; flex-wrap:wrap; gap:10px 16px; border-top:1px solid var(--zo-border-subtle); padding-top:20px; margin-top:38px; color:var(--zo-text-secondary); font-size:12px; }
.journal-platforms a { color:var(--zo-accent); }
.journal-keyboard { margin:0; }
.journal-keyboard img { display:block; width:100%; height:auto; border-radius:28px; }
.journal-keyboard figcaption { color:var(--zo-text-secondary); text-align:center; font-size:12px; margin-top:16px; }
.journal-section-head { display:flex; justify-content:space-between; gap:20px; align-items:center; border-bottom:1px solid var(--zo-border-subtle); padding-bottom:20px; }
.journal-section-head h2 { font-size:26px; font-weight:600; margin:0; }
.journal-section-head > a { color:var(--zo-accent); font-size:14px; }
.journal-latest { padding:24px 0 48px; }
.journal-news-grid { display:grid; grid-template-columns:1.35fr 1fr; gap:40px; padding-top:30px; }
.journal-feature { padding-right:40px; border-right:1px solid var(--zo-border-subtle); }
.journal-feature h3 { font-size:32px; line-height:1.4; letter-spacing:var(--zo-tracking-title); margin:22px 0; font-weight:650; }
.journal-feature p,.journal-side-stories p { font-size:16px; color:var(--zo-text-secondary); margin:14px 0 22px; }
.journal-feature .story-meta { gap:12px; flex-wrap:wrap; font-size:12px; }
.journal-story-links { display:flex; gap:24px; }
.journal-side-stories article + article { border-top:1px solid var(--zo-border-subtle); padding-top:24px; margin-top:24px; }
.journal-side-stories h3 { font-size:23px; line-height:1.5; margin:14px 0; font-weight:600; }
.journal-side-stories p { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.journal-product-story { position:relative; overflow:hidden; min-height:370px; border-top:1px solid var(--zo-border-subtle); border-bottom:1px solid var(--zo-border-subtle); }
.journal-desk { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.journal-product-story > div { position:relative; margin:36px 0 36px 36px; padding:24px; width:430px; background:color-mix(in srgb,var(--zo-bg-primary) 92%,transparent); border-radius:var(--zo-radius-control); }
.journal-product-story h2 { font-size:32px; line-height:1.35; letter-spacing:var(--zo-tracking-title); margin:12px 0; font-weight:650; }
.journal-product-story p { color:var(--zo-text-secondary); font-size:16px; }
.journal-product-story .journal-actions { margin:24px 0 18px; }
.journal-product-story small { color:var(--zo-text-secondary); font-size:12px; }
.journal-community { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:44px 0; border-bottom:1px solid var(--zo-border-subtle); }
.journal-community h2 { font-size:28px; line-height:1.5; letter-spacing:var(--zo-tracking-title); margin:10px 0; }
.journal-community p { font-size:16px; color:var(--zo-text-secondary); }
.journal-community-questions { border-left:1px solid var(--zo-border-subtle); padding-left:36px; }
.journal-community .community-question-link { font-size:15px; }
.journal-reading-nav { display:flex; gap:32px; flex-wrap:wrap; padding:24px 0 40px; font-size:14px; color:var(--zo-text-secondary); }
.mobile-break { display:none; }
.editorial-main a:hover,.download-page .text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.journal-primary:hover,.download-page .primary-button:hover { filter:brightness(.94); text-decoration:none!important; }
.editorial-main a:focus-visible,.download-page a:focus-visible,.download-page button:focus-visible { outline:2px solid var(--zo-accent); outline-offset:5px; }
.download-page { padding-top:52px; padding-bottom:64px; }
.download-page .download-intro { display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:center; padding-bottom:36px; }
.download-page .download-intro h1 { font-size:clamp(34px,4.1vw,56px); font-weight:650; letter-spacing:var(--zo-tracking-display); line-height:1.3; margin:18px 0; }
.download-intro .download-lead { font-size:17px; line-height:1.8; margin-top:16px; }
.download-visual { margin:0; max-width:430px; justify-self:end; }
.download-visual img { width:100%; height:auto; display:block; border-radius:var(--zo-radius-surface); }
.download-visual figcaption { font-size:12px; color:var(--zo-text-secondary); text-align:center; margin-top:10px; }
.download-picks { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin:28px 0 18px; }
.download-picks .download-action { display:contents; }
.download-picks .download-feedback { grid-column:1/-1; }
.download-pick { display:flex; align-items:center; gap:14px; min-height:64px; padding:12px 16px; border:1px solid var(--zo-border-subtle); border-radius:var(--zo-radius-panel); background:var(--zo-surface-primary); color:var(--zo-text-primary); text-decoration:none; transition:transform var(--zo-motion-interaction) var(--zo-ease), border-color var(--zo-motion-interaction) var(--zo-ease); }
.download-pick:hover { border-color:var(--zo-accent); transform:translateY(-2px); text-decoration:none; }
.download-pick-mark { display:grid; place-items:center; width:34px; height:34px; flex:none; border-radius:var(--zo-radius-key); background:var(--zo-bg-secondary); color:var(--zo-accent); font-size:15px; }
.download-pick-text { display:flex; flex-direction:column; gap:2px; min-width:0; }
.download-pick-text strong { font-size:15px; font-weight:600; }
.download-pick-text small { font-size:12px; line-height:1.5; color:var(--zo-text-secondary); }
.download-pick-arrow { margin-inline-start:auto; color:var(--zo-text-secondary); }
.download-pick.is-primary { border-color:var(--zo-accent); background:var(--zo-accent); color:var(--zo-on-accent); }
.download-pick.is-primary .download-pick-mark { background:color-mix(in srgb,var(--zo-on-accent) 20%,transparent); color:var(--zo-on-accent); }
.download-pick.is-primary .download-pick-text small,
.download-pick.is-primary .download-pick-arrow { color:color-mix(in srgb,var(--zo-on-accent) 72%,transparent); }
.download-platform-help { font-size:13px; line-height:1.8; color:var(--zo-text-secondary); }
.download-platform-help a { display:inline-flex; align-items:center; min-height:44px; color:var(--zo-accent); text-underline-offset:4px; }
.download-feedback { font-size:14px; line-height:1.8; color:var(--zo-text-secondary); margin:12px 0 0; }
.download-reassurance { font-size:13px !important; line-height:1.8 !important; }
.download-page .download-device-grid { grid-template-columns:1fr 1fr; gap:48px; }
.download-device-grid .download-block { padding-top:0; }
.download-device-grid .download-block h2 { font-size:27px; letter-spacing:var(--zo-tracking-title); font-weight:600; }
.download-device-grid .download-block > p:first-of-type { font-size:16px; min-height:60px; }
.download-device-grid .primary-button { border-radius:10px; background:var(--zo-accent); font-size:15px; padding:12px 22px; min-height:48px; display:inline-flex; align-items:center; justify-content:center; }
.download-page .download-current { margin:20px 0; min-height:36px; font-size:13px; }
.download-guidance { margin-top:24px; }
.download-help summary { padding:16px 0; font-size:14px; min-height:48px; }
.download-page .scheme-download { margin-top:28px; }
.download-page .guide-index { margin:36px 0 0; gap:18px 28px; font-size:14px; }
.download-page .download-more { margin-top:40px; }
.download-page .download-social { margin-top:40px; padding:32px 0; }
.download-page .download-social h2 { font-size:25px; }
@media(max-width:1100px){.site-header,.community-header{gap:20px}.site-header .brand,.community-header .community-brand{font-size:16px}.journal-intro h1{font-size:clamp(34px,5.7vw,58px)}.journal-platforms{margin-top:26px}.journal-feature h3{font-size:28px}.download-intro{gap:32px}.site-header > nav,.community-header > nav{top:79px}}
@media(max-width:720px){
 :root { --site-gutter:22px; }
 .site-header,.community-header { height:72px; gap:12px; }
 .site-header .brand,.community-header .community-brand { font-size:15px; }
 .site-header .brand img,.community-header .community-brand img { width:28px;height:28px; }
 .site-header .download-link,.community-header .download-link { font-size:12px; padding:8px 10px; min-height:38px; }
 .site-theme-select { max-width:84px; padding:7px 6px; }
 .site-header > nav,.community-header > nav { top:71px; }
 .journal-hero { grid-template-columns:1fr; gap:30px; padding:36px 0 24px; }
 .journal-intro h1 { font-size:36px; margin:18px 0; letter-spacing:var(--zo-tracking-display); }
 .journal-lead { font-size:16px; }
 .journal-actions { margin-top:24px; gap:24px; }
 .journal-platforms { margin-top:28px; padding-top:16px; }
 .journal-keyboard { max-width:480px; margin-inline:auto; }
 .journal-keyboard figcaption { margin-top:10px; }
 .journal-latest { padding:28px 0; }
 .journal-news-grid { grid-template-columns:1fr; gap:28px; padding-top:24px; }
 .journal-feature { border-right:0; padding-right:0; }
 .journal-feature h3 { font-size:26px; margin:16px 0; }
 .journal-side-stories { border-top:1px solid var(--zo-border-subtle); padding-top:24px; }
 .journal-side-stories h3 { font-size:21px; }
 .journal-product-story { min-height:350px; }
 .journal-product-story > div { margin:20px; width:auto; padding:24px; }
 .journal-product-story h2 { font-size:28px; }
 .journal-desk { object-position:right; }
 .journal-community { grid-template-columns:1fr; gap:24px; padding:32px 0; }
 .journal-community-questions { border-left:0; padding-left:0; border-top:1px solid var(--zo-border-subtle); padding-top:16px; }
 .journal-community h2 { font-size:25px; }
 .mobile-break { display:block; }
 .journal-reading-nav { gap:20px; padding:24px 0; }
 .download-page { padding-top:36px; }
 .download-page .download-intro { grid-template-columns:1fr; gap:24px; padding-bottom:28px; }
 .download-page .download-intro h1 { font-size:36px; line-height:1.3; }
 .download-visual { display:none; }
 .download-page .download-device-grid { grid-template-columns:1fr; gap:32px; }
 .download-device-grid .download-block > p:first-of-type { min-height:0; }
 .download-current { min-height:0!important; }
 .download-social-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:no-preference){.journal-primary,.primary-button,.download-link { transition:filter .18s ease; }}

@media(min-width:960px){.site-header .menu-toggle,.community-header .nav-toggle{display:none}.site-header > nav,.community-header > nav{display:flex;position:static;padding:0;background:none;border:0;flex-wrap:nowrap}.site-header,.community-header{gap:28px}.site-header .header-actions,.community-header .header-actions{margin-left:auto}}
@media(max-width:720px){.site-header,.community-header{gap:8px}.site-header .brand,.community-header .community-brand{font-size:13px;min-width:0;flex:1;gap:6px}.site-header .brand>span,.community-header .community-brand>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header .brand img,.community-header .community-brand img{width:26px;height:26px;flex-shrink:0}.site-header .menu-toggle,.community-header .nav-toggle{white-space:nowrap;min-height:44px;min-width:32px;flex-shrink:0;padding:0;font-size:12px}.site-theme-select{width:60px;max-width:60px}.site-header .header-actions,.community-header .header-actions{flex-shrink:0}}

.download-appearance {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-top:48px;padding:40px 0 0;border-top:1px solid var(--zo-border-subtle);}
.download-appearance figure{margin:0;max-width:460px;}
.download-appearance img{display:block;width:100%;height:auto;border-radius:var(--zo-radius-large);}
.download-appearance figcaption{color:var(--zo-text-secondary);font-size:12px;text-align:center;margin-top:14px;}
.download-appearance h2{font-size:34px;line-height:1.4;letter-spacing:var(--zo-tracking-title);font-weight:600;margin:18px 0;}
.download-appearance p{font-size:17px;line-height:1.8;color:var(--zo-text-secondary);}
.download-appearance .text-link{display:inline-block;margin:16px 24px 0 0;font-size:14px;}
@media(max-width:720px){.download-appearance{grid-template-columns:1fr;gap:24px;margin-top:32px;padding:28px 0;}.download-appearance h2{font-size:28px;}.download-appearance>div{order:-1;}.download-appearance figure{max-width:430px;margin-inline:auto;}}

.journal-feature article > p {display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.journal-side-stories p {-webkit-line-clamp:2;}

.site-header nav a,.community-header nav a { white-space:nowrap; flex-shrink:0; }
@media (min-width:960px) and (max-width:1100px) { .site-header,.community-header { gap:20px; } .site-header > nav,.community-header > nav { gap:18px; } .site-header .brand,.community-header .community-brand { font-size:16px; white-space:nowrap; } }

/* Editorial sections share a single typographic and spatial rhythm. */
.editorial-page{width:var(--site-width);margin-inline:auto;padding-bottom:64px}
.editorial-page-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;padding:64px 0 48px;border-bottom:1px solid var(--zo-border-subtle)}
.editorial-page-hero h1{font-size:var(--editorial-heading);line-height:1.25;letter-spacing:var(--zo-tracking-display);font-weight:650;margin:20px 0}
.editorial-lead{font-size:18px;line-height:1.9;color:var(--zo-text-secondary);max-width:560px}
.editorial-page-hero figure{margin:0;min-width:0}.editorial-page-hero img{width:100%;height:auto;display:block;border-radius:var(--zo-radius-large)}
.editorial-page-hero figcaption{font-size:12px;color:var(--zo-text-secondary);text-align:center;margin-top:14px}
.editorial-platforms{font-size:13px;color:var(--zo-text-secondary);margin-top:32px}
.product-introduction{padding:48px 0 32px;max-width:820px}.product-introduction h2,.product-questions h2,.product-themes h2{font-size:32px;line-height:1.45;margin:16px 0}.product-introduction>p{line-height:1.9;color:var(--zo-text-secondary);font-size:16px}
.product-section-nav{display:flex;flex-wrap:wrap;gap:28px;margin-top:28px;font-size:14px;color:var(--zo-accent)}
.editorial-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.editorial-feature-grid article{padding:28px 0;border-top:1px solid var(--zo-border-subtle)}.editorial-feature-grid h3{font-size:21px;margin:0 0 14px}.editorial-feature-grid p,.product-questions p{font-size:16px;line-height:1.9;color:var(--zo-text-secondary)}
.product-themes{padding:48px 0;border-top:1px solid var(--zo-border-subtle)}.product-themes .theme-section{width:100%;padding:24px 0;margin:0}.product-themes .theme-section>.section-heading{display:none}
.product-questions{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;padding:48px 0;border-top:1px solid var(--zo-border-subtle)}.product-questions details{border-bottom:1px solid var(--zo-border-subtle);padding:20px 0}.product-questions summary{font-size:17px;cursor:pointer;line-height:1.65}.product-questions details p{margin:18px 0 0}
.editorial-content-page .newsroom-layout{grid-template-columns:minmax(0,1fr) 260px;gap:56px;padding-top:40px}.editorial-content-page .newsroom-nav{grid-column:1/-1;border-right:0;padding:0;border-bottom:1px solid var(--zo-border-subtle);position:static;max-height:none}.editorial-content-page .newsroom-nav>p,.editorial-content-page .rail-section,.editorial-content-page .rail-product{display:none}.editorial-content-page .newsroom-nav>nav{display:flex;flex-wrap:wrap;gap:24px;padding-bottom:16px}.editorial-content-page .newsroom-nav>nav a{padding:8px 0;font-size:14px;min-height:44px;background:none;border-radius:0}.editorial-content-page .newsroom-content{min-width:0}.editorial-content-page .newsroom-heading{padding:0 0 32px}.editorial-content-page .newsroom-heading h1{font-size:44px}.editorial-content-page .newsroom-heading p{font-size:17px;line-height:1.9}.editorial-content-page .newsroom-aside{padding:0;border-left:1px solid var(--zo-border-subtle);padding-left:28px}.editorial-content-page .news-search{max-width:none}.editorial-content-page .news-search input{font-size:16px;min-height:48px}.editorial-content-page .topic-filters a{font-size:13px;padding:8px 12px}.editorial-content-page .news-card{border:0;border-radius:0;background:none;box-shadow:none;padding:20px 0}.editorial-content-page .news-card h3{font-size:23px;line-height:1.5}.editorial-content-page .news-card>p{font-size:16px;line-height:1.9}.editorial-content-page .story-meta{font-size:12px}.editorial-content-page .timeline-day{padding-top:24px}.editorial-content-page .timeline-slot{border-bottom:1px solid var(--zo-border-subtle)}.editorial-content-page .news-timeline{margin-top:24px}.editorial-content-page .reading-article{padding-top:0}.editorial-content-page .reading-article h1{font-size:36px}.editorial-content-page .aside-module h2{font-size:20px}.editorial-content-page .aside-module p{font-size:14px}.editorial-content-page .guide-card,.editorial-content-page .topic-card{border:0;border-radius:0;background:none;border-top:1px solid var(--zo-border-subtle);padding:28px 0}.editorial-content-page .guide-card p,.editorial-content-page .topic-card p{font-size:16px}.editorial-content-page .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.editorial-content-page .topic-icon{display:none}
.page-shuangpin .newsroom-aside{display:none}.page-shuangpin .newsroom-layout{grid-template-columns:minmax(0,1fr)}.page-shuangpin .editorial-page-hero{padding-top:16px}.page-shuangpin .learning-path{margin:32px 0;gap:48px}.page-shuangpin .learning-path p{font-size:16px}.page-shuangpin .practice-panel{background:var(--zo-surface-secondary);border-radius:var(--zo-radius-panel);padding:36px;gap:48px}.page-shuangpin .practice-panel p{font-size:16px}.page-shuangpin .practice-widget{background:var(--zo-bg-primary)}.page-shuangpin .practice-options button{min-height:48px;font-size:18px}
@media(max-width:1100px){.editorial-content-page .newsroom-layout{grid-template-columns:minmax(0,1fr);gap:32px}.editorial-content-page .newsroom-aside{grid-column:auto;border-left:0;border-top:1px solid var(--zo-border-subtle);padding:28px 0 0}.editorial-page-hero{gap:32px}.editorial-page-hero h1{font-size:clamp(36px,5vw,56px)}}
@media(max-width:720px){.editorial-page-hero{grid-template-columns:1fr;padding:32px 0;gap:28px}.editorial-page-hero h1{font-size:36px}.editorial-lead{font-size:16px}.editorial-page-hero figure{max-width:440px;margin-inline:auto}.editorial-feature-grid,.product-questions{grid-template-columns:1fr;gap:24px}.product-questions{padding:32px 0}.product-introduction h2,.product-themes h2,.product-questions h2{font-size:27px}.editorial-content-page .newsroom-layout{padding-top:24px;gap:24px}.editorial-content-page .newsroom-nav{display:block}.editorial-content-page .newsroom-nav>nav{gap:18px}.editorial-content-page .newsroom-heading h1{font-size:32px}.editorial-content-page .news-card h3{font-size:21px}.editorial-content-page .reading-article h1{font-size:28px}.editorial-content-page .news-controls{flex-wrap:wrap;gap:12px}.editorial-content-page .news-controls>span{margin-left:0}.page-shuangpin .learning-path{grid-template-columns:1fr;gap:0}.page-shuangpin .practice-panel{grid-template-columns:1fr;padding:24px;gap:24px}.editorial-content-page .guide-grid,.editorial-content-page .topic-grid{grid-template-columns:1fr}.editorial-content-page .share-row{flex-wrap:wrap}}

.editorial-content-page .newsroom-nav>nav{flex-direction:row}.editorial-content-page .aside-module{background:none;border:0;border-radius:0;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--zo-border-subtle)}

/* Supporting pages keep the same reading width and type scale. */
.content-page>h1,.page-intro>h1,.play-page h1{font-size:var(--site-heading);line-height:var(--zo-leading-display);letter-spacing:var(--zo-tracking-display)}.content-page>p,.page-intro>p{max-width:760px;font-size:17px;line-height:1.9}.content-page .timeline{max-width:900px}.content-page .timeline h2{font-size:27px;line-height:1.5}.content-page .timeline p{font-size:16px;line-height:1.95}.content-page .timeline article,.content-page .timeline section{padding-block:32px}.content-page .content-filters{display:flex;gap:10px;flex-wrap:wrap}.content-page .content-filters button{min-height:44px}.content-page .product-facts{max-width:850px}.content-page .product-facts p{font-size:16px;line-height:1.95}
@media(max-width:720px){.content-page .timeline h2{font-size:23px}.content-page>h1,.page-intro>h1{font-size:32px}}

.journal-community{border-bottom:0}.editorial-content-page .newsroom-nav>nav{flex-direction:row}

.primary-button{background:var(--zo-accent);color:var(--zo-on-accent)}.editorial-page .eyebrow{font-size:13px;letter-spacing:.06em;color:var(--zo-accent)}

/* One theme control, with a readable panel instead of native select chrome. */
.site-theme-picker{position:relative;flex-shrink:0}
.site-header .theme-picker-trigger,.community-header .theme-picker-trigger{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;min-width:118px;max-width:180px;padding:0 14px;border:1px solid var(--zo-border-subtle);border-radius:10px;background:var(--zo-surface-primary);color:var(--zo-text-primary);font:inherit;font-size:13px;line-height:1.3;cursor:pointer;white-space:nowrap}
.theme-trigger-label{font-size:12px;color:var(--zo-text-secondary)}.theme-trigger-value{overflow:hidden;text-overflow:ellipsis;max-width:110px}
.theme-picker-trigger:hover{border-color:var(--zo-accent)}.theme-picker-trigger[aria-expanded=true]{border-color:var(--zo-accent);background:var(--zo-surface-secondary)}
.theme-picker-panel{position:absolute;z-index:1100;right:0;top:calc(100% + 12px);width:360px;padding:22px;border:1px solid var(--zo-border-subtle);border-radius:var(--zo-radius-panel);background:var(--zo-bg-primary);color:var(--zo-text-primary);box-shadow:0 16px 48px color-mix(in srgb,var(--zo-text-primary) 12%,transparent);max-height:min(600px,70dvh);overflow:auto;text-align:left}
.theme-picker-panel[hidden]{display:none!important}.theme-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px}.theme-picker-heading button{border:0;background:none;color:var(--zo-text-secondary);font:inherit;font-size:13px;min-height:36px;padding:4px 0;cursor:pointer}.theme-picker-panel>p{font-size:13px;color:var(--zo-text-secondary);line-height:1.7;margin:8px 0 18px}.theme-picker-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-picker-options button{font:inherit;font-size:13px;line-height:1.5;min-height:44px;padding:8px 4px;cursor:pointer;border:1px solid var(--zo-border-subtle);border-radius:var(--zo-radius-key);background:var(--zo-surface-primary);color:var(--zo-text-primary);overflow-wrap:anywhere}.theme-picker-options button:hover{border-color:var(--zo-accent)}.theme-picker-options button[aria-pressed=true]{background:var(--zo-accent);color:var(--zo-on-accent);border-color:var(--zo-accent)}
.theme-picker-trigger:focus-visible,.theme-picker-options button:focus-visible,.theme-picker-heading button:focus-visible{outline:2px solid var(--zo-accent);outline-offset:3px}
.site-header .download-link,.community-header .download-link{height:44px;min-height:44px}
@media(max-width:1100px) and (min-width:960px){.site-header .theme-picker-trigger,.community-header .theme-picker-trigger{min-width:96px;padding:0 10px}.theme-trigger-label{display:none}.theme-trigger-value{max-width:96px}}
@media(max-width:720px){.site-header,.community-header{height:76px}.site-header > nav,.community-header > nav{top:75px}.site-header .theme-picker-trigger,.community-header .theme-picker-trigger{height:40px;min-width:62px;max-width:72px;padding:0 7px;font-size:12px;border-radius:var(--zo-radius-key)}.theme-trigger-label{display:none}.theme-trigger-value{max-width:56px}.site-header .download-link,.community-header .download-link{height:40px;min-height:40px;font-size:11px;padding:0 9px}.theme-picker-panel{position:fixed;top:86px;right:16px;left:16px;width:auto;max-height:calc(100dvh - 110px);padding:20px}.theme-picker-options{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-picker-options button{font-size:13px;min-height:46px}.product-questions{gap:28px}}

/* Keep learning journeys direct; newsroom navigation belongs to news routes. */
.page-shuangpin .newsroom-nav,.page-guides .newsroom-nav,.page-guide .newsroom-nav{display:none}
.page-shuangpin .editorial-page-hero{padding-top:24px}
.primary-button,.button{border-radius:10px;min-height:44px;padding:12px 20px;font-size:14px;line-height:1.4}
.editorial-content-page .news-card .quiet-link,.editorial-content-page .news-card .save-story{font-size:13px;min-height:36px;padding-block:8px}
.editorial-page,.editorial-main,.community-main{scroll-margin-top:24px}
@media(max-width:720px){.theme-picker-heading button{min-height:44px}.page-shuangpin .editorial-page-hero{padding-top:8px}.editorial-content-page .news-card h3{line-height:1.55}}

@media(min-width:960px){.site-header > nav,.community-header > nav{box-shadow:none;border-radius:0;max-height:none;overflow:visible}.site-menu-account{display:none}.site-desktop-account{display:flex}.site-header > nav .site-menu-content{display:none}}

/* Download actions use the theme ink/surface pair for readable contrast in every palette. */
.download-page a.primary-button { background:var(--zo-text-primary); color:var(--zo-surface-primary); }
.product-image-link { display:block; cursor:zoom-in; border-radius:var(--zo-radius-surface); }
.product-image-link:focus-visible { outline:3px solid var(--zo-accent); outline-offset:4px; }
.product-image-hint { white-space:nowrap; }
.product-image-dialog { width:min(760px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); padding:20px; border:1px solid var(--zo-border-subtle); border-radius:var(--zo-radius-panel); background:var(--zo-surface-primary); color:var(--zo-text-primary); overflow:auto; overscroll-behavior:contain; }
.product-image-dialog::backdrop { background:rgba(0,0,0,.65); }
.product-image-dialog-heading { display:flex; gap:16px; justify-content:space-between; align-items:center; margin-bottom:12px; }
.product-image-dialog-heading p { margin:0; font-size:14px; }
.product-image-dialog-heading button { flex-shrink:0; min-height:44px; padding:8px 12px; border:1px solid var(--zo-border-subtle); border-radius:var(--zo-radius-key); background:var(--zo-surface-primary); color:var(--zo-text-primary); cursor:pointer; }
.product-image-dialog img { display:block; width:100%; height:auto; border-radius:var(--zo-radius-key); }
.product-image-dialog > a { display:inline-flex; align-items:center; min-height:44px; color:var(--zo-accent); }

/* Curated instructions keep real steps and comparisons readable on narrow screens. */
.guide-section{margin:2.5rem 0}.guide-section h2{font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.4;margin-bottom:1rem}.article-body .guide-section ol{padding-left:1.6em}.article-body .guide-section li{padding-left:.3em;margin:.75em 0;line-height:1.85}.guide-table-scroll{overflow-x:auto;max-width:100%;margin:1.5rem 0}.guide-table-scroll table{width:100%;border-collapse:collapse;font-size:.92em}.guide-table-scroll th,.guide-table-scroll td{padding:.8rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--zo-border-subtle,#8884);min-width:7em}.guide-table-scroll:focus-visible{outline:2px solid currentColor;outline-offset:3px}