.language-picker{display:flex;align-items:center;gap:7px;flex-shrink:0;color:#315749;font-size:16px;background:#fffaf0;border:1px solid #cbd5bc;border-radius:10px;padding:0 9px;min-height:42px;margin-inline-start:16px}
.language-picker select{font:500 13px "Segoe UI","Microsoft YaHei",sans-serif;color:#315749;border:0;background:transparent;padding:10px 2px;cursor:pointer;max-width:140px;min-width:75px;min-height:40px}
.language-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.language-picker select:focus-visible{outline:3px solid #bd4930;outline-offset:3px}.exhibit-nav{margin-inline-start:auto}.site-header>.language-picker{margin-inline-start:10px}header{gap:12px}
html:not([lang="zh-CN"]) .hero-copy h1{font-size:clamp(34px,4vw,55px);letter-spacing:-1px;line-height:1.2}
html:not([lang="zh-CN"]) .hero-copy p{font-size:14px;max-width:470px}
html:not([lang="zh-CN"]) .discovery-card{min-height:340px}
html:not([lang="zh-CN"]) .card-meta{gap:10px;flex-wrap:wrap}
html:not([lang="zh-CN"]) .card-meta>span{max-width:100%}
html:not([lang="zh-CN"]) .featured .card-copy>strong{font-size:26px}
html:not([lang="zh-CN"]) .facts strong{white-space:normal;overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .element{padding-inline:6px}
.element .cn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element strong{flex-shrink:0}
html:not([lang="zh-CN"]) .hero-copy>small{display:block;margin:18px 0 0}
html:not([lang="zh-CN"]) .routes>button{padding-inline-end:32px}
html:not([lang="zh-CN"]) .invitation button{flex-direction:column;gap:5px}
html:not([lang="zh-CN"]) .related{flex-wrap:wrap}
html:not([lang="zh-CN"]) .related button{min-width:120px}
html:not([lang="zh-CN"]) .quiz-options button{overflow-wrap:anywhere}
html:not([lang="zh-CN"]) .photo-note{line-height:1.8}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .table-wrap,html[dir="rtl"] .cover-grid,html[dir="rtl"] .configuration,html[dir="rtl"] .hero-art,html[dir="rtl"] .circuit,html[dir="rtl"] .weights,html[dir="rtl"] .air-box,html[dir="rtl"] .steel-stage,html[dir="rtl"] .carbon-mini{direction:ltr}
html[dir="rtl"] .element .cn{direction:rtl}
html[dir="rtl"] .buddy,html[dir="rtl"] .stamp{direction:ltr}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .eyebrow,html[dir="rtl"] .reading-label,html[dir="rtl"] .detail-bar>span{letter-spacing:normal}
html[dir="rtl"] .discovery-card,html[dir="rtl"] .routes>button,html[dir="rtl"] .quiz-options button{text-align:right}
html[dir="rtl"] .facts strong,html[dir="rtl"] .passport-total b{direction:ltr;display:inline-block}
html[dir="rtl"] .photo-credit,html[dir="rtl"] .detail-top{gap:12px}
html[dir="rtl"] .related svg{margin-left:0;margin-right:auto;transform:scaleX(-1)}
@media(max-width:800px){header{height:auto!important;min-height:75px;flex-wrap:wrap;padding-block:12px!important}.language-picker{margin-inline-start:auto;min-height:40px}.exhibit-nav{gap:8px}.language-picker select{font-size:12px;max-width:110px}.brand{font-size:18px}.exhibit-nav>a{font-size:10px}html:not([lang="zh-CN"]) .play-hero{padding-top:25px}html:not([lang="zh-CN"]) .hero-copy h1{max-width:240px;font-size:34px}html:not([lang="zh-CN"]) .hero-art{width:110px;right:-16px;top:40px}html[dir="rtl"] .hero-art{right:auto;left:-16px}html:not([lang="zh-CN"]) .explore-toolbar{align-items:flex-start;flex-direction:column;gap:8px}html:not([lang="zh-CN"]) .view-switch{width:100%}html:not([lang="zh-CN"]) .view-switch button{flex:1;min-height:48px}html:not([lang="zh-CN"]) .passport-link{align-self:flex-end}html:not([lang="zh-CN"]) .discovery-card{min-height:355px}html:not([lang="zh-CN"]) .featured,html:not([lang="zh-CN"]) .discovery-card:last-child{min-height:260px}html:not([lang="zh-CN"]) .featured .card-copy>strong{font-size:22px}html:not([lang="zh-CN"]) .card-copy>strong{font-size:17px}html:not([lang="zh-CN"]) .card-copy>span{font-size:12px}html:not([lang="zh-CN"]) .routes{grid-template-columns:1fr}html:not([lang="zh-CN"]) .routes>div{grid-column:1}html:not([lang="zh-CN"]) .routes h2{max-width:none}html:not([lang="zh-CN"]) .lab-intro h3{font-size:23px}html:not([lang="zh-CN"]) .lab-stage{padding:14px 12px}html:not([lang="zh-CN"]) .lab-intro>span{letter-spacing:0}html:not([lang="zh-CN"]) .detail-bar>span{max-width:calc(100% - 55px);letter-spacing:0}html:not([lang="zh-CN"]) .detail-layout{padding:22px}html:not([lang="zh-CN"]) .atomic-details summary span{display:block;margin:8px 0 0}html:not([lang="zh-CN"]) .coin-face{font-size:18px}html:not([lang="zh-CN"]) .is-active .coin-face{font-size:12px}html:not([lang="zh-CN"]) .steel-stage{gap:8px;flex-wrap:wrap}html:not([lang="zh-CN"]) .steel-stage strong{font-size:16px}html:not([lang="zh-CN"]) #lead{position:static}html:not([lang="zh-CN"]) .revelation h2{font-size:28px}html:not([lang="zh-CN"]) .continue{max-width:100%}html:not([lang="zh-CN"]) .control-label{flex-wrap:wrap}html:not([lang="zh-CN"]) .invitation{padding:0 10px}}
@media(max-width:370px){.exhibit-nav{display:none}.language-picker{margin-inline-start:auto}.hero-art{display:none}html:not([lang="zh-CN"]) .hero-copy h1{max-width:100%}html:not([lang="zh-CN"]) #discovery-grid{grid-template-columns:1fr}html:not([lang="zh-CN"]) .featured,html:not([lang="zh-CN"]) .discovery-card:last-child{grid-column:1}html:not([lang="zh-CN"]) .discovery-card{min-height:275px}}

.detail-bar .language-picker{margin-inline-start:auto}.detail-bar>span{min-width:0;flex:1}.detail-bar #close{flex-shrink:0}html[lang="en"] .detail-top h2 em{display:none}
html[dir="rtl"] .routes i{right:auto;left:12px;transform:scaleX(-1)}html[lang="en"] #detail-title em{display:none}
