/* English interface typography only. Long-form copy keeps its existing sans-serif. */
@font-face{
 font-family:"Paper Mono";
 src:url("assets/fonts/paper-mono/PaperMono-Variable.woff2") format("woff2");
 font-style:normal;
 font-weight:100 800;
 font-display:swap;
}
html[lang="en"],html[lang="en"] body{
 --font-paper:"Paper Mono",Arial,"Microsoft YaHei","PingFang SC",monospace;
 --font-mono:var(--font-paper);
 --mono:var(--font-paper);
}
/* Explicit font families in the legacy page styles are overridden only in English. */
html[lang="en"] :is(h1,h2,h3,h4,h5,h6){
 font-family:var(--font-paper)!important;
 font-weight:500;
 letter-spacing:-.025em;
 overflow-wrap:anywhere;
 text-wrap:balance;
}
html[lang="en"] :is(
 button,.site-navigation,.footer-links,.text-link,.action,.community-action,
 .community-text-link,.skip-link,.case-breadcrumb,.eyebrow,.label,.role,
 .index-note,.card-meta,.section-label>span,.footer-label,.footer-name,.footer-legal,
 .about-footer,.page-rail,.screen-foot,.step-index,.chapter-number,.chapter-navigation,
 .chapter-navigation a>span:first-child,.small-label,.hero-foot,.flow-step>span,
 .media-caption,.content-gallery figcaption,.object-caption,.practice-rhythm,
 .agent-sidebar-foot,.agent-toolbar,.agent-speaker,.agent-tool code,.agent-count,
 .agent-demo-label,.agent-titlebar,.agent-task,.agent-model,.agent-mode,
 .protocol-label,.protocol-number,.trade-flow-divider,.trade-step-number,
 .trade-step-output,.trade-example-badge,.trade-input strong,.trade-input span,
 .trade-review strong,.trade-workflow figcaption,.row-tags,.member-name,
 .member-role,.member-pending,.member-more,.dialog-note,dialog dt,
 .clock-label,.clock-digits,.clock-zone,.clock-hint,.photo-status,
 .contact-label,.contact-information dt,.contact-socials a,.wechat-id,
 .case-metrics strong,.case-metrics span,.company-metric strong,.company-metric span,
 #case-count
){font-family:var(--font-paper)!important}
html[lang="en"] :is(.member-name,.trade-input strong,.trade-review strong,.case-metrics strong,.company-metric strong){font-weight:500}
html[lang="en"] :is(.site-navigation a,.site-controls button,.text-link,.action,.community-action,.community-text-link){font-weight:500}
html[lang="en"] :is(.member-name,.member-role,.member-pending,.card-meta,.trade-step-output,.trade-input span){overflow-wrap:anywhere}
html[lang="en"] :is(.clock-digits,.case-metrics strong,.company-metric strong){font-variant-numeric:tabular-nums}
/* Allow long English case names to wrap rather than shrinking them to a tiny line. */
html[lang="en"] .case-title h1{white-space:normal;font-size:clamp(30px,3.6vw,54px);line-height:1.25;max-width:1100px}
html[lang="en"] .section-label h2{white-space:normal;line-height:1.45}
html[lang="en"] .case-grid .card-heading h3{font-size:clamp(18px,1.35vw,21px);line-height:1.5;letter-spacing:-.02em;text-wrap:pretty}
html[lang="en"] .featured-copy h2{line-height:1.35}
html[lang="en"] .trade-step h3{letter-spacing:-.02em}
html[lang="en"] .member-name{line-height:1.35;letter-spacing:-.025em}
html[lang="en"] .company-hero h1{font-size:clamp(48px,5.5vw,88px);line-height:1.12;letter-spacing:-.04em}
html[lang="en"] :is(.section-text,.chapter-body,dialog dd,.case-summary,.hero-intro,.hero-side,.collective-intro){min-width:0}
@media(max-width:1100px){
 html[lang="en"] .case-grid .card-heading h3{font-size:21px}
}
@media(max-width:768px){
 html[lang="en"] .case-title h1{font-size:clamp(28px,6.5vw,40px);line-height:1.3}
 html[lang="en"] .case-grid .card-heading h3{font-size:22px}
 html[lang="en"] .company-hero h1{font-size:clamp(40px,9vw,64px)}
 html[lang="en"] .section-label h2{font-size:22px}
 html[lang="en"] .trade-workflow>h2{font-size:clamp(23px,5.6vw,29px)}
 html[lang="en"] .member-name{font-size:25px}
}