.language-switch{display:flex!important;align-items:center;gap:3px;flex-wrap:wrap;flex-shrink:0;font-family:Arial,sans-serif;font-size:12px;letter-spacing:.02em;line-height:1.25;border:1px solid #bcc4b7;border-radius:3px;padding:2px}.language-switch a{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:7px 10px!important;color:#263329!important;white-space:nowrap}.language-switch a[aria-current=page]{background:#d9f58b;color:#171a18!important}.site-header>.language-switch{margin-left:12px}.site-header:has(>.language-switch){flex-wrap:wrap;row-gap:10px}.language-note{border-left:3px solid #a6bd7e;padding:12px 16px;background:#eff2e9;font-size:14px;line-height:1.8}.translation-badge{display:inline-block;border:1px solid #bec8b4;border-radius:3px;padding:3px 7px;font-size:12px;line-height:1.5;margin:5px 0}.english-page{overflow-wrap:anywhere}.english-page .site-header{flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}.english-page .site-header>nav:not(.language-switch){display:flex;flex-wrap:wrap;gap:10px 18px;margin-left:auto}.english-page .site-header nav a{font-size:12px;letter-spacing:0}.english-page .hero h1{font-size:clamp(44px,5.6vw,80px);line-height:1.08;letter-spacing:-.035em}.english-page .hero-intro{font-size:17px}.english-page .hero-copy{min-width:0}.english-page .hero-search{max-width:100%}.english-page .section-description{max-width:420px}.english-page .category-card h3{font-size:clamp(17px,1.8vw,24px);line-height:1.35}.english-page .reading-title h1{font-size:clamp(30px,4vw,52px);line-height:1.2;letter-spacing:-.02em}.english-page .archive-row{grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto}.english-page .archive-entry{min-width:0}.english-page .reading-article,.english-page .workspace-card,.english-page .reading-body{min-width:0}.english-page .about-content h1{font-size:40px;line-height:1.5;letter-spacing:1px;font-weight:500;margin:0 0 30px}.english-page .about-content{min-width:0}.english-page .article-topics nav{flex-wrap:wrap}.english-page .english-search{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0}.english-page .english-search label{display:flex;flex-direction:column;gap:7px;font-size:14px}.english-page .english-search input,.english-page .english-search select{width:100%;min-width:0;min-height:44px;border:1px solid #b9c1b2;padding:9px;background:#fff;font:inherit}.english-page .english-search .query-field{grid-column:1/-1}.english-page .english-search button{min-height:44px}.english-page [hidden]{display:none!important}.english-page .menu-toggle{display:none}.english-page .archive-actions{max-width:180px}.english-page .archive-actions a,.english-page .archive-actions button{white-space:normal}.english-page .reading-controls{flex-wrap:wrap}.english-page .site-footer .footer-bottom{flex-wrap:wrap;gap:12px}.english-page .topic-controls{flex-wrap:wrap}.english-page .hero-actions{flex-wrap:wrap}.english-page .hero-signature{flex-wrap:wrap;gap:12px}.english-page .hero-bottom{gap:16px}.english-page .reading-meta{flex-wrap:wrap}
@media(max-width:800px){.english-page .about-content h1{font-size:31px}.english-page .site-header>nav:not(.language-switch){width:100%;order:3;margin:0}.english-page .language-switch{margin-left:auto}.english-page .archive-row{grid-template-columns:1fr}.english-page .archive-actions{max-width:none}.english-page .english-search{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-header>.language-switch{margin-left:auto}.language-switch a{min-height:44px;padding:7px 9px!important}.english-page .site-header{padding:14px 20px}.english-page .brand-sub{font-size:10px}.english-page .hero h1{font-size:47px}.english-page .about-content h1{font-size:33px;margin-bottom:23px}.english-page .reading-title h1{font-size:32px}.english-page .english-search{grid-template-columns:1fr}.english-page .archive-row{display:block}.english-page .archive-entry{margin:18px 0}.english-page .reading-categories{flex-wrap:wrap}.english-page .category-card{min-width:0}.english-page .hero-bottom{flex-wrap:wrap}.english-page .perspective-layout h2{font-size:32px}.english-page .work-toolbar{flex-wrap:wrap}.english-page .work-toolbar label{min-width:0}.english-page .work-preview-panel{min-width:0}.english-page .reading-contents{flex-wrap:wrap}}
/* Keep the language control in document flow, including the Chinese mobile header. */
.site-header:has(>.language-switch){height:auto;min-height:98px;padding-block:16px}.site-header>.language-switch{position:static!important;width:auto!important;box-shadow:none!important;background:transparent!important;margin-block:0}.english-page .site-header>nav:not(.language-switch){position:static;box-shadow:none;background:transparent;padding:0;border:0}.english-page .about-content h1{font-family:var(--serif)}
@media(max-width:600px){.site-header:has(>.language-switch){min-height:77px}.site-header:not(.reading-header)>.language-switch{order:2}.site-header:not(.reading-header)>.menu-toggle{order:1}}
@media print{.language-switch{display:none!important}}
.english-page:has(#hero-title) .reading-main{padding-top:0}
.site-header>.language-switch{padding:2px!important;gap:3px!important;border:1px solid #bcc4b7!important;flex-basis:auto!important;min-width:0}.site-header>.language-switch a{font-size:12px!important}
/* Article titles inherit heading typography and may wrap; action-button
   nowrap rules must not turn long English headings into a single line. */
.english-page .archive-entry h3>a{display:inline;white-space:normal;font:inherit;line-height:inherit;max-width:100%;padding:0;border:0;overflow-wrap:anywhere}