@import url('./site-language-font.rv-187809878222d1d81000.css');
/* The language preference does not alter canvas size, rendering or page routing. */
.site-language-switch{display:inline-flex;flex-shrink:0;align-items:center;gap:3px;padding:4px;border:1px solid #bec5cb75;border-radius:999px;background:#ffffff36;box-shadow:inset 0 1px 0 #fff9,0 5px 20px #17243508;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.site-language-switch button{appearance:none;border:0;background:transparent;color:#727b88;border-radius:999px;padding:8px 11px;min-height:36px;font:11px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.site-language-switch button[aria-pressed="true"]{background:#ffffffe0;color:#24282d;box-shadow:0 1px 5px #1112}
.site-language-divider{font-size:11px;color:#a0a6ad;user-select:none}
.site-language-switch button:focus-visible{outline:2px solid #147ec3;outline-offset:2px}
#load-status[hidden]{display:none}
html[lang="zh-CN"] .featured-title-wrap{max-width:100%}
html[lang="zh-CN"] #featured-title{line-height:1.08;padding-bottom:.05em}
/* The mask and all four animation-copy slots must have the same pitch.
   A taller mask over 1em rows exposed the next glyph as an apparent underline. */
html[lang="zh-CN"] .project-title{--project-title-slot:1.2em;height:var(--project-title-slot);line-height:1.2}
html[lang="zh-CN"] .project-title-inner{bottom:0}
html[lang="zh-CN"] .project-letter{line-height:1.2}
html[lang="zh-CN"] .project-letter>span{height:var(--project-title-slot);flex:0 0 var(--project-title-slot)}
@media(max-width:540px){.site-language-switch{gap:1px;padding:3px}.site-language-switch button{font-size:10px;padding:7px 8px;min-height:34px}.site-language-divider{font-size:10px}}
@media(max-width:380px){.site-language-switch button{padding-inline:6px}.masthead:has(.site-language-switch){gap:10px}}
@media(prefers-reduced-motion:reduce){.site-language-switch button{transition:none}}
/* At very narrow widths keep both controls reachable without shrinking the brand. */
@media(max-width:480px){.masthead>.site-language-switch{position:absolute;right:var(--work-padding);top:calc(var(--header-padding-y) + var(--brand-size) + 8px)}}
.masthead .edition>.edition-copy{padding:0}
html[lang="zh-CN"] .edition-copy-en,html[lang="en"] .edition-copy-zh{display:none}