.header .language-switch,.language-switch{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font:500 12px/1 var(--sans,Arial,sans-serif);letter-spacing:.06em}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:44px;padding:8px 5px;text-decoration:none;opacity:.65}
.language-switch a[aria-current=page]{opacity:1;text-decoration:underline;text-underline-offset:5px}
.language-switch a:hover{opacity:1}
.language-switch[aria-busy=true],.language-switch[aria-busy=true] a{cursor:progress}
.language-switch a[data-language-pending]{opacity:1}
/* Keep the current page on screen while the other language becomes ready. */
@view-transition{navigation:auto}
::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation-duration:180ms;animation-timing-function:ease-out}
@media(prefers-reduced-motion:reduce){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}}
.language-switch span{opacity:.45}
.header>.language-switch{flex-shrink:0}
.rail-top .language-switch{margin-left:auto;margin-right:20px}
@media(max-width:1100px){.header-caption{display:none}.header nav{gap:20px}}
@media(max-width:700px){.edition-three .header{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}.edition-three .header .brand{margin-right:auto}.edition-three .header>.language-switch{order:1}.edition-three .header>nav{order:2;flex-basis:100%;width:100%;justify-content:space-between;gap:14px}.rail-top .language-switch{margin-right:10px}.rail-top{flex-wrap:wrap}}
@media(max-width:380px){.language-switch a{min-width:34px}.rail-top .language-switch{gap:0}}
@media(max-width:700px){.edition-three .hero-title>p{line-height:1.6;min-height:3.2em}}
/* Direct collection pages have a language switch in addition to the close link. */
@media(max-width:700px){
  .rail-page .rail-scene{--rail-height:calc(100dvh - 298px);grid-template-rows:128px minmax(0,1fr) 170px}
  .rail-page .rail-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px;gap:0 12px;padding:20px 5%}
  .rail-page .rail-heading{grid-column:1;grid-row:1/3}
  .rail-page .rail-top .language-switch{grid-column:2;grid-row:1;margin:0;justify-self:end}
  .rail-page .rail-close{grid-column:2;grid-row:2;justify-self:end;padding:0}
}
