/* The selector stays in the header on desktop and mobile. */
.language-picker { display:flex; align-items:center; flex:0 0 auto; gap:2px; }
.language-picker a { display:grid; place-items:center; min-width:32px; min-height:44px; font-size:11px; line-height:1; letter-spacing:.025em; color:#7b8077; position:relative; }
.language-picker a[aria-current="page"] { color:#27352c; }
.language-picker a[aria-current="page"]::after { content:""; position:absolute; bottom:7px; height:2px; width:12px; background:#a85d48; }
.language-picker a:hover { color:#a85d48; }
.nav-shell { gap:20px; }
html:not(:lang(zh)) .brand-wordmark { font-size:14px; letter-spacing:0; }
html:not(:lang(zh)) .brand-wordmark small { font-size:8px; }
html:not(:lang(zh)) .hero-copy h1 { white-space:normal; max-width:10ch; line-height:1.13; font-size:clamp(46px,5.2vw,76px); letter-spacing:-.045em; text-wrap:balance; }
html:not(:lang(zh)) .hero-description { max-width:32ch; line-height:1.7; }
html:not(:lang(zh)) .power-copy h2 { font-size:clamp(36px,4.1vw,58px); line-height:1.3; }
html:not(:lang(zh)) #passage-title { font-size:clamp(32px,4.3vw,62px); line-height:1.3; }
html:not(:lang(zh)) #overview .chair-chapter { grid-template-columns:1fr; max-width:220px; gap:24px; }
html:not(:lang(zh)) #overview .chair-chapter h2 { writing-mode:horizontal-tb; font-family:inherit; letter-spacing:-.03em; }
html:not(:lang(zh)) #overview .chair-chapter>.chair-memory { grid-column:1; grid-row:2; writing-mode:horizontal-tb; width:auto; max-width:23ch; line-height:1.75; letter-spacing:0; }
html:not(:lang(zh)) #overview .chair-memory>span { white-space:normal; }
html:not(:lang(zh)) .material-copy p { text-align:left; text-wrap:pretty; hyphens:auto; line-height:1.85; }
html:not(:lang(zh)) .material-visual h2 { font-size:clamp(22px,2.6vw,36px); padding-inline:8%; }
html:not(:lang(zh)) .editor-story-heading h2 { max-width:21ch; font-size:clamp(28px,2.8vw,40px); }
html:not(:lang(zh)) .editor-story-heading>p { max-width:36ch; }
html:not(:lang(zh)) .hardware-tabs { gap:clamp(15px,2.4vw,34px); }
html:not(:lang(zh)) .hardware-tabs button { white-space:normal; line-height:1.45; }
html:not(:lang(zh)) .hardware-copy h3 { font-size:clamp(26px,2.8vw,40px); line-height:1.3; }
html:not(:lang(zh)) .release-card h3 { line-height:1.35; overflow-wrap:anywhere; }
html:not(:lang(zh)) .order h2 { max-width:20ch; margin-inline:auto; line-height:1.2; }
@media(max-width:1190px) {
  .site-header nav { display:none; }
  #menu-toggle { display:block; }
}
@media(max-width:760px) {
  .nav-shell { gap:8px; padding-inline:16px; }
  .header-actions { gap:5px; }
  .brand { gap:8px; min-width:0; flex-shrink:1; }
  html:not(:lang(zh)) .brand-wordmark { font-size:12px; max-width:14ch; line-height:1.25; }
  .language-picker { gap:0; }
  .language-picker a { min-width:30px; font-size:10px; }
  #menu-toggle { width:33px; padding-inline:5px; }
  html:not(:lang(zh)) .hero-copy h1 { font-size:clamp(42px,10vw,68px); max-width:11ch; }
  html:not(:lang(zh)) .power-copy h2 { font-size:clamp(25px,6.2vw,38px); }
  html:not(:lang(zh)) #passage-title { font-size:clamp(28px,6.6vw,42px); }
  html:not(:lang(zh)) #possibilities .screen-style-switches button { flex-direction:column; justify-content:center; gap:5px; font-size:11px; padding:12px 5px; line-height:1.4; overflow-wrap:anywhere; min-height:72px; text-align:center; }
  html:not(:lang(zh)) .material-visual h2 { font-size:clamp(18px,4.4vw,28px); line-height:1.35; }
  html:not(:lang(zh)) .material-copy p { font-size:12px; }
  html:not(:lang(zh)) .hardware-tabs { flex-wrap:wrap; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 12px; }
  html:not(:lang(zh)) .hardware-tabs button { font-size:11px; overflow-wrap:anywhere; min-width:0; }
  html:not(:lang(zh)) .contact-label { min-width:0; }
  html:not(:lang(zh)) .site-footer { gap:20px; flex-wrap:wrap; }
}
@media(orientation:portrait) {
  html:not(:lang(zh)) #overview.ordinary-chapter { grid-template-columns:minmax(0,1fr); width:min(510px,calc(100% - 40px)); padding-top:30px; }
  html:not(:lang(zh)) #overview>.chair-eyebrow { grid-column:1; grid-row:1; }
  html:not(:lang(zh)) #overview .chair-chapter h2 { grid-column:1; grid-row:2; margin:0 0 20px; font-size:28px; }
  html:not(:lang(zh)) #overview .depth-capture-stage { grid-column:1; grid-row:3; width:min(100%,calc((100svh - 290px)*.75)); justify-self:center; }
  html:not(:lang(zh)) #overview .chair-chapter>.chair-memory { grid-column:1; grid-row:4; max-width:none; font-size:13px; margin-top:16px; }
  html:not(:lang(zh)) #overview .depth-capture-caption { grid-column:1; grid-row:5; }
}
@media(max-width:360px) {
  .brand-mark { width:28px; }
  .brand-wordmark { font-size:11px; }
  html:not(:lang(zh)) .brand-wordmark { font-size:11px; }
}