/* Shared language navigation and English typography for the approved B3 design. */
.language-switch{display:flex;align-items:center;gap:10px;flex-shrink:0;font:12px/1.5 var(--sans);color:var(--brand)}
.language-switch a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.language-switch a[aria-current]{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--gold)}
.language-switch a+a{position:relative;padding-left:11px}
.language-switch a+a::before{content:"";position:absolute;left:0;top:50%;height:1em;border-left:1px solid var(--line);transform:translateY(-50%);pointer-events:none}
.site-header{gap:24px}.desktop-nav{margin-left:auto;gap:27px}.wordmark{flex-shrink:0}
.legacy-video>a{display:block;position:relative}.legacy-video>a>img{width:100%;height:auto}.legacy-video-label{display:block;font:13px/1.8 var(--sans);text-align:left;margin-top:10px;color:var(--brand)}
.legacy-video .play-mark{top:calc(50% - 14px)}
.legacy-policy-note{padding:18px 22px;background:var(--chapter-gradient-warm);font:14px/1.9 var(--sans);border-left:2px solid var(--gold);margin-bottom:28px}
.migration-program-link{padding:35px 0;text-align:center;font:14px/1.8 var(--sans);color:var(--brand)}
.migration-program-link a:not(.quiet-link){text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:6px;display:inline-block;padding:10px}
html[lang=en]{--display:Georgia,"Times New Roman",serif;--serif:Georgia,"Times New Roman",serif}
html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{letter-spacing:0;text-wrap:balance}
html[lang=en] .section-caption,html[lang=en] .topic-label{letter-spacing:.1em}
html[lang=en] .desktop-nav{letter-spacing:.035em}
html[lang=en] .wordmark small{letter-spacing:.18em}
html[lang=en] .hero-title{left:57%;width:36%;top:15%;text-align:left}
html[lang=en] .hero h1{display:block;font:400 clamp(29px,3.3vw,55px)/1.22 var(--display);letter-spacing:-.015em;max-width:560px}
html[lang=en] .hero h1 span{display:block;writing-mode:horizontal-tb}
html[lang=en] .hero h1 span+span{margin-top:.32em}
html[lang=en] .title-prelude{letter-spacing:.16em;font-size:11px;margin-bottom:23px}
html[lang=en] .hero-description{font-size:17px;line-height:1.8;margin-top:23px;letter-spacing:0}
html[lang=en] .introduction h2{font-size:36px;line-height:1.35;max-width:760px;margin:24px auto}
html[lang=en] .introduction>p{font-size:17px;line-height:1.95;max-width:820px;margin-inline:auto;letter-spacing:0}
html[lang=en] .desktop-break{display:none}
html[lang=en] .chapter-header h2,html[lang=en] .stories-intro h2{font-size:36px;line-height:1.35}
html[lang=en] .gathering-heading h2{line-height:1.35;font-size:37px}
html[lang=en] .gathering-copy>p,html[lang=en] .about-section .about-summary>p{line-height:1.9;font-size:17px}
html[lang=en] .about-section h2{line-height:1.4;font-size:32px}
html[lang=en] .about-cover h1{line-height:1.35;font-size:42px}
html[lang=en] .about-cover-copy>p:first-child{font-size:25px;line-height:1.6}
html[lang=en] .about-story p,html[lang=en] .work-list p{line-height:1.9;font-size:17px}
html[lang=en] .footer-wordmark{font-family:Georgia,serif}
html[lang=en] .site-footer div>p{letter-spacing:.02em;line-height:1.8}
html[lang=en] .migration-masthead h1{font-size:clamp(30px,3.7vw,47px);line-height:1.25;letter-spacing:-.015em;max-width:760px}
html[lang=en] .migration-lead{font-size:17px;line-height:1.85}
html[lang=en] .migration-entry h3{font-size:22px;line-height:1.35;text-wrap:pretty}
html[lang=en] .migration-entry-copy>p{font-size:15px;line-height:1.8}
html[lang=en] .activity-theme h3{font-size:25px;line-height:1.4}
html[lang=en] .story-reading{line-height:1.9;font-size:18px}
@media(max-width:1050px){.site-header{gap:17px}.desktop-nav{gap:17px;font-size:13px}.wordmark>span{font-size:21px}.wordmark small{font-size:10px}.language-switch{gap:6px;font-size:11px}.language-switch a+a{padding-left:7px}}
@media(max-width:850px){.desktop-nav{display:none}.mobile-menu{display:block;position:relative;z-index:10;margin-left:auto;font-size:12px}.mobile-menu summary{list-style:none;cursor:pointer;padding:14px 0;color:var(--brand)}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:100%;width:180px;padding:15px 20px;background:var(--paper);border:1px solid var(--line)}.mobile-menu nav a{display:block;padding:12px 0}.language-switch{gap:8px}}
@media(max-width:700px){
 .site-header{gap:12px;padding-inline:20px;height:88px}.wordmark>span{font-size:17px}.wordmark small{font-size:9px;letter-spacing:.1em!important}.mobile-menu summary span{margin-left:4px}.language-switch{font-size:11px;gap:6px}.language-switch a+a{padding-left:6px}
 html[lang=en] .hero-title{position:relative;inset:auto;width:auto;padding:32px 25px 40px;text-align:center;background:var(--paper)}
 html[lang=en] .hero-image{aspect-ratio:1.5/1;object-fit:cover;object-position:left center}
 html[lang=en] .hero h1{font-size:34px;line-height:1.2;margin-inline:auto;max-width:400px}
 html[lang=en] .hero-description{font-size:16px;line-height:1.8;margin-top:20px}
 html[lang=en] .title-prelude{font-size:10px;margin-bottom:20px}
 html[lang=en] .introduction h2{font-size:29px;line-height:1.4}
 html[lang=en] .introduction>p{font-size:16px;line-height:1.9}
 html[lang=en] .chapter-header h2,html[lang=en] .stories-intro h2{font-size:30px;line-height:1.4}
 html[lang=en] .gathering-heading h2,html[lang=en] .about-section h2{font-size:29px}
 html[lang=en] .about-cover h1{font-size:35px}.migration-masthead h1{word-break:normal}
 html[lang=en] .migration-masthead h1{font-size:32px;line-height:1.3}
 html[lang=en] .migration-entry h3{font-size:22px}
}
@media(max-width:360px){.site-header{padding-inline:14px;gap:8px}.wordmark>span{font-size:15px}.wordmark small{font-size:8px}.language-switch{gap:5px;font-size:10px}.mobile-menu summary{font-size:11px}}
.legacy-content[lang=zh-Hans] sup{vertical-align:baseline;font-size:inherit}
.legacy-content .legacy-attachment-caption{max-width:680px;margin-inline:auto;text-align:left}