/* Language controls are always visible in the top-right corner. */
.top .wrap{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:20px;row-gap:3px;min-height:84px;padding-top:8px;padding-bottom:8px}
.top .brand{grid-column:1;grid-row:1 / span 2;margin-right:0;min-width:0}
.top .nav{grid-column:2;grid-row:2;justify-self:end;max-width:100%}
.top .nav ul{flex-wrap:wrap;justify-content:flex-end}
.language-switch{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface,var(--bg));line-height:1}
.language-switch a{display:flex;align-items:center;justify-content:center;min-height:32px;padding:4px 10px;border-radius:999px;text-decoration:none;color:var(--ink2);font:600 12px/1.2 var(--font-sans);letter-spacing:0;white-space:nowrap}
.language-switch a:hover{background:var(--surface2,var(--bg));color:var(--ink)}
.language-switch a[aria-current="true"]{background:var(--acc);color:var(--acc-ink,#fff)}
.language-switch a:focus-visible{outline:2px solid var(--acc-d);outline-offset:3px}
html[lang="en"] .top .nav a{font-size:.86rem;padding-left:8px;padding-right:8px}
html[lang="en"] .bt small{letter-spacing:.03em;line-height:1.4;max-width:230px}
html[lang="en"] .more{white-space:normal}
html[lang="en"] .stats b small{display:inline-block;line-height:1.3}
html[lang="en"] .chip{max-width:92%;white-space:normal}
html[lang="en"] .kicker{letter-spacing:.12em}
html[lang="en"] .btn{letter-spacing:.015em}
html[lang="en"] .stops li>b::after{content:attr(data-stop-label);display:block;font-size:.65rem;line-height:1.2;margin:2px 0 0}
html[lang="en"] .hero-g>*{min-width:0}
@media (max-width:1080px){
  .top .wrap{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:5px;min-height:90px}
  .top .menu-btn{display:block;grid-column:2;grid-row:2;justify-self:end;min-height:34px;padding:5px 14px}
  .top .nav{grid-column:auto;grid-row:auto;justify-self:stretch;max-width:none}
  .top .nav ul{flex-wrap:nowrap;align-items:stretch;justify-content:flex-start}
  html[lang="en"] .top .nav a{padding:12px 6px}
  .top .nav.open{max-height:calc(100dvh - 150px);overflow-y:auto}
}
@media (max-width:600px){
  .top .wrap{column-gap:9px}
  html[lang="en"][data-site-key="onecentric-2"] .hero h1{font-size:clamp(2rem,7vw,3.5rem)}
  html[lang="en"] .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[lang="en"] .tile{min-width:0;padding:14px}
  html[lang="en"] .tile b,html[lang="en"] .tile small{max-width:100%;overflow-wrap:anywhere}
  html[lang="en"] .tile b{font-size:1rem}
  .top .brand{gap:7px}
  .top .brand svg{width:26px;height:26px}
  .top .brand .bt{min-width:0}
  .top .brand .bt b,.top .brand .bt i{font-size:1.05rem;line-height:1.15}
  .top .brand .bt small{font-size:.61rem;letter-spacing:.03em;line-height:1.4;max-width:155px}
  .language-switch{padding:2px;gap:1px}
  .language-switch a{min-height:34px;padding:4px 8px;font-size:11.5px}
  html[lang="en"] .hero .h1-logo .zh{font-size:clamp(1.1rem,5vw,1.5rem)}
}
@media (max-width:380px){
  .top .wrap{width:calc(100% - 28px)}
  .top .brand svg{width:22px;height:22px}
  .top .brand .bt b,.top .brand .bt i{font-size:.95rem}
  .language-switch a{padding-left:7px;padding-right:7px}
}