/* Locale controls use the existing paper, ink and accent palette. */
.language-switch{display:flex;align-items:center;justify-content:center;gap:5px;flex:none;white-space:nowrap;font:12px/1.2 var(--display,Inter,Arial,sans-serif);letter-spacing:0;color:var(--muted,#6b6663)}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:34px;padding:6px 8px;border-radius:999px;text-decoration:none}
.language-switch a[aria-current=true]{color:var(--ink,#141414);font-weight:650;background:var(--surface,#ffffff)}
.language-switch a:focus-visible{outline:2px solid var(--accent,#ff5b2e);outline-offset:2px}
#masthead>.language-switch{margin-left:0}
.portal-support{display:flex;justify-content:flex-end;align-items:flex-start;gap:16px;flex-wrap:wrap}
.portal-support .language-switch{order:2}
.portal-support #portalStatus{order:3;flex-basis:100%;text-align:right}
.viewer-bar .language-switch{margin-right:12px}
.course-original{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin:2px 0 3px}

html[lang=en] .section-intro h1{line-height:1.08;max-width:22ch}
html[lang=en] .section-intro p{max-width:68ch}
html[lang=en] .work-caption>a{line-height:1.5}
html[lang=en] .use-button{line-height:1.45;text-align:left}
html[lang=en] .board-title{line-height:1.4}
html[lang=en] .board-bottom{gap:8px}
html[lang=en] .board-kicker{flex:none}
@media(min-width:781px) and (max-width:1150px){#masthead{gap:15px}#masthead .search{min-width:100px}}
@media(max-width:780px){
 :root{--header:140px}
 #masthead{height:140px;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:36px 36px 40px;gap:6px 12px;padding-block:8px}
 #masthead>.brand{grid-column:1;grid-row:1;justify-self:start}
 #masthead>.saved-link{grid-column:2;grid-row:1;justify-self:end}
 #masthead>.language-switch{grid-column:3;grid-row:1;justify-self:end}
 #masthead>.nav{grid-column:1/-1;grid-row:2;justify-self:stretch;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
 #masthead>.nav a{flex:none;white-space:nowrap;padding-inline:9px}
 #masthead>.search{grid-column:1/-1;grid-row:3}
}

@media(max-width:480px){
 .viewer-bar{height:auto;min-height:82px;flex-wrap:wrap;gap:7px;padding-block:8px}
 .viewer-bar>div{margin-left:auto}
 .viewer-bar .language-switch{margin-right:3px;gap:2px}
 .viewer-bar .language-switch a{min-width:31px}
 html[lang=en] .mobile-purpose select{max-width:135px}
 html[lang=en] .style-select select{max-width:113px}
 html[lang=en] .view-tools{flex-wrap:wrap}
}
/* English headings run longer: let the view tools drop to a second row instead of overlapping the count. */
@media(max-width:900px){html[lang=en] .collection-toolbar{flex-wrap:wrap}html[lang=en] .view-tools{margin-left:auto}}
html[lang=en][data-page=privacy] .zh,html[lang=zh-CN][data-page=privacy] .en{display:none}
html[data-page=privacy] .en{margin-top:0}
html[data-page=privacy] .masthead{height:auto}
html[data-page=privacy] .notice-section h2 .en{color:var(--ink)}
html[data-page=privacy] .top-link{margin-left:auto}
@media(max-width:780px){.seo-head{flex-wrap:wrap;height:auto;min-height:90px;padding-block:12px}.seo-head .language-switch{margin-left:auto}.seo-head .seo-nav{order:3;flex-basis:100%}.seo-head .seo-brand{margin-right:auto}html[data-page=privacy] .masthead{display:flex;flex-wrap:wrap;gap:12px}html[data-page=privacy] .top-link{order:3;flex-basis:100%}}
html[data-page=privacy] .notice-section,html[data-page=privacy] .code{overflow-wrap:anywhere}