/* Public website: cool paper, navy and restrained blue. */
body.public-surface {
  background:var(--paper); color:var(--ink);
}
.public-surface .nav { background:var(--paper); border:0; }
.public-surface .nav .right,.public-surface .sec-head,
.public-surface .archive-heading,.public-surface .collab-archive { border:0; }
.public-surface .btn-primary { background:var(--coral); color:var(--white); }
.public-surface .btn-primary:hover { background:var(--button-hover); }
.public-surface .btn-ghost { border-color:transparent; background:var(--leaf); }
.public-surface .btn-ghost:hover { background:#cbd6e2; }
.public-surface .card,.public-surface .empty,.public-surface .event-mobile-card {
  border:0; box-shadow:none; background:transparent;
}
.public-surface .sec-head .eyebrow { display:none; }
.public-surface .home-stage .archive-heading { padding-bottom:0; gap:16px; }
.public-surface .home-stage .archive-heading h2 { font-size:clamp(28px,3.2vw,44px); }
.public-surface .home-stage .archive-feature { background:var(--leaf); }
.public-surface .home-gradient,.public-surface .home-water,
.public-surface .archive-map-motif,.public-surface .home-film-orbit { display:none; }
.public-surface .home-film { --film-accent:var(--gold); }
.public-surface .home-stage .archive-map { background:var(--leaf); }
.public-surface .archive-place-list article { border:0; background:transparent; }
.public-surface .archive-collections { border:0; gap:28px; }
.public-surface .archive-collections>a { border:0; padding:24px 0; min-height:0; }
.public-surface .home-friend-chip { border:0; background:transparent; }
.public-surface .home-stage .archive-live {
  background:var(--ink); color:var(--white); padding:32px; gap:32px;
}
.public-surface .home-stage .archive-live-note { padding:8px; }
.public-surface .archive-live-detail { border:0; padding:8px; }
.public-surface .archive-live .muted,.public-surface .archive-live .eyebrow {
  color:var(--on-ink-muted);
}
.public-surface .archive-live .btn-ghost { color:var(--ink); }
.public-surface .archive-live .empty { color:var(--white); }
.public-surface .collab-track { border:0; }
.public-surface .collab-track+.collab-track { margin-top:8px; }
.public-surface .footer { background:var(--ink); color:var(--white); border:0; }
.public-surface .footer h4 { color:var(--white); }
.public-surface .footer .muted,.public-surface .footer .copy { color:var(--on-ink-muted); }
.public-surface .footer .copy { border:0; }
.public-surface .mobile-site-menu { background:var(--paper); box-shadow:none; }
.public-surface .mobile-site-menu a { border:0; }
.public-surface .nav-toggle { border:0; }
.public-surface input,.public-surface textarea { caret-color:var(--coral); }
.public-surface ::selection { background:var(--gold); color:var(--ink); }
@media(max-width:640px) {
  .public-surface .home-stage .archive-live { padding:24px; }
}
.public-surface .archive-section,
.public-surface .archive-feature-copy .streams { border:0; }
.public-surface .opening-actions a { background:var(--ink); color:var(--white); }

/* Owner-supplied press photograph; keep the original image and its backdrop. */
.public-surface .press-hero { position:relative; min-height:680px; height: min(850px,100svh); overflow:hidden; background:var(--paper); }
.press-hero-photo { position:absolute; right:0; top:0; width:52%; height:100%; object-fit:cover; object-position:center 42%; }
.press-hero-copy { position:absolute; z-index:1; left:clamp(28px,4vw,72px); bottom:15%; }
.press-hero-copy h1 { margin:0 0 30px; font-size:clamp(96px,12.6vw,184px); font-weight:700; line-height:1; letter-spacing:-.04em; color:#101111; }
.press-hero-copy h1 span { display:block; font-size:.36em; letter-spacing:-.04em; margin-top:6px; }
.press-hero-copy>a { display:inline-flex; align-items:center; min-height:44px; font-size:13px; color:var(--ink); }
@media(max-width:900px) {
  .public-surface .press-hero { height:calc(100svh - 70px); min-height:620px; max-height:850px; }
  .press-hero-photo { width:100%; object-fit:cover; object-position:64% center; }
  .press-hero-copy { left:24px; bottom:32px; }
  .press-hero-copy h1 { font-size:clamp(76px,12.6vw,114px); }
}
@media(max-width:500px) {
  .press-hero-photo { height:77%; object-position:center 25%; }
  .press-hero-copy { bottom:18px; }
  .press-hero-copy h1 { margin-bottom:12px; font-size:clamp(68px,18vw,90px); }
}
.public-surface:has(.press-hero) { padding-left:0; padding-top:70px; }
.public-surface:has(.press-hero)>.nav {
  inset:0 0 auto; width:100%; height:70px; opacity:1; visibility:visible; pointer-events:auto;
}
.public-surface:has(.press-hero)>.nav>.wrap {
  flex-direction:row; align-items:center; height:70px; padding:0 36px; gap:32px;
}
.public-surface:has(.press-hero) .nav .brand { font-size:19px; }
.public-surface:has(.press-hero) .nav .brand small { margin-top:3px; font-size:9px; }
.public-surface:has(.press-hero) .nav .links { flex-direction:row; margin:0 0 0 auto; flex:0 1 auto; gap:24px; }
.public-surface:has(.press-hero) .nav .right { margin:0; padding:0; }
.public-surface:has(.press-hero) .rail-socials,
.press-hero~.opening-actions { display:none; }
@media(max-width:900px) {
  .public-surface:has(.press-hero)>.nav>.wrap { padding:0 22px; gap:15px; }
  .public-surface:has(.press-hero) .nav .links { display:none; }
  .public-surface:has(.press-hero) .nav .right { margin-left:auto; }
}

/* Match the reference hierarchy: dominant artist name, smaller English signature,
   medium section titles and quiet supporting information. */
.public-surface .home-stage .archive-heading h2 { font-size:clamp(32px,4.2vw,60px); }
.public-surface .home-stage .archive-album h3 { font-size:clamp(21px,2vw,28px); }
.public-surface .home-stage .archive-heading>a { font-size:12px; }
/* Tour: one continuous navy surface, geography and events share the same source. */
.tour-section { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,9vw,140px); background:var(--ink); color:var(--white); padding:clamp(52px,7vw,100px) clamp(28px,4vw,72px); }
.tour-intro h2 { font-size:clamp(60px,7.5vw,108px); font-weight:300; line-height:1.25; margin:0 0 90px; }
.tour-intro h2>span { display:block; margin-left:.85em; }
.tour-next>p,.tour-stops p { color:var(--on-ink-muted); font-size:16px; margin:8px 0 22px; }
.tour-date { font-size:clamp(88px,11.2vw,164px); line-height:1.1; letter-spacing:-.04em; font-variant-numeric:tabular-nums; margin-bottom:20px; }
.tour-next h3 { font-size:26px; font-weight:500; }
.tour-next .btn { margin-top:12px; background:var(--coral); color:var(--white); }
.tour-next .btn:hover { background:var(--button-hover); }
.tour-map { display:block; width:min(100%,300px); height:340px; margin:0 0 50px auto; overflow:visible; }
.tour-coast { fill:none; stroke:var(--on-ink-muted); stroke-width:.7; }
.tour-map-halo { fill:var(--coral); opacity:.6; }
.tour-map-dot { fill:var(--gold); }
.tour-map text { fill:#aab2bf; font-size:10px; }
.tour-map a:focus-visible { outline:2px solid var(--gold); }
.tour-stops { list-style:none; padding:0; margin:0; }
.tour-stops li+li { border-top:1px solid rgba(193,206,221,.14); }
.tour-stops li>a { display:grid; grid-template-columns:90px 1fr auto; align-items:start; gap:18px; padding:20px 0; color:var(--white); }
.tour-stops time { font-size:22px; font-variant-numeric:tabular-nums; }
.tour-stops h3 { font-size:18px; font-weight:500; margin:0; }
.tour-stops p { font-size:14px; margin:5px 0 0; }
.tour-status { color:var(--gold); font-size:14px; white-space:nowrap; }
@media(max-width:700px) {
 .tour-section { grid-template-columns:1fr; gap:40px; padding:48px 24px; }
 .tour-intro h2 { margin-bottom:48px; font-size:64px; }
 .tour-map { margin:0 auto 28px; height:280px; }
 .tour-stops li>a { grid-template-columns:72px 1fr; gap:12px; }
 .tour-status { grid-column:2; }
 .tour-stops time { font-size:17px; }
}

@media(max-width:700px) { .tour-date { font-size:88px; } .tour-next h3 { font-size:22px; } .tour-stops h3 { font-size:17px; } }
/* Blend the supplied photograph into the page without altering the original asset. */
.press-hero-photo {
  mask-image:linear-gradient(to right,transparent,#000 24%),linear-gradient(to bottom,transparent,#000 12%);
  mask-composite:intersect;
}
@media(min-width:901px) {
  body.public-surface { padding-left:184px; padding-top:0; }
  .public-surface:has(.press-hero) { padding-left:184px; padding-top:0; }
  body.public-surface>.nav,
  .public-surface:has(.press-hero)>.nav {
    inset:50% auto auto 16px; transform:translateY(-50%); width:152px; height:auto;
    max-height:calc(100dvh - 32px); overflow-y:auto; border:0; border-radius:16px;
    background:var(--leaf); opacity:1; visibility:visible; pointer-events:auto;
  }
  body.public-surface>.nav>.wrap,
  .public-surface:has(.press-hero)>.nav>.wrap {
    height:auto; padding:24px 18px; display:flex; flex-direction:column; align-items:stretch; gap:24px;
  }
  .public-surface .nav .brand { font-size:20px; }
  .public-surface .nav .brand small { margin-top:6px; }
  .public-surface .nav .links,
  .public-surface:has(.press-hero) .nav .links {
    margin:0; flex:0 1 auto; display:flex; flex-direction:column; gap:0;
  }
  .public-surface .nav .links a { padding:10px 0; font-size:13px; }
  .public-surface .nav .right,
  .public-surface:has(.press-hero) .nav .right { margin:0; padding:0; border:0; }
  .public-surface .rail-socials { display:none; }
  .public-surface .press-hero-copy { left:clamp(28px,3vw,56px); }
  .public-surface .press-hero-copy h1 { font-size:clamp(96px,11vw,164px); }
}
@media(max-width:900px) {
  .press-hero-photo { mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 85%,transparent); mask-composite:add; }
}
/* Original handwritten artwork, rendered as six independent accessible links. */
.handwritten-label { display:block; width:100%; height:auto; overflow:hidden; }
.public-surface .nav .handwritten-links a { display:block; min-height:44px; padding:3px 0; transition:opacity .18s; }
.public-surface .nav .handwritten-links a:hover { opacity:.62; }
.public-surface .nav .handwritten-links a:focus-visible { outline:2px solid var(--coral); outline-offset:4px; }
@media(min-width:901px) {
  body.public-surface>.nav,.public-surface:has(.press-hero)>.nav {
    inset:24px auto auto 22px; transform:none; width:150px; max-height:calc(100dvh - 48px);
    border-radius:0; background:transparent;
  }
  body.public-surface>.nav>.wrap,.public-surface:has(.press-hero)>.nav>.wrap { padding:10px 10px; gap:20px; }
  .public-surface .nav .handwritten-links,.public-surface:has(.press-hero) .nav .handwritten-links { gap:12px; }
  .public-surface:has(.press-hero) { padding-left:0; }
  .public-surface:has(.press-hero) .press-hero-copy { left:22vw; }
  .public-surface:has(.press-hero) .press-hero-copy h1 { font-size:clamp(96px,10vw,152px); }
  .public-surface:has(.press-hero) .tour-section { padding-left:22vw; gap:clamp(36px,5vw,80px); grid-template-columns:1.1fr 1fr; }
  .public-surface:has(.press-hero) .home-stage .archive-section { padding-left:22vw; }
  .public-surface:has(.press-hero) .footer .wrap { padding-left:22vw; }
}
#home-video,#home-tour { scroll-margin-top:90px; }
.site-wordmark { position:absolute; left:32px; right:auto; top:28px; z-index:62; color:#101111; font:800 15px/24px 'Inter Tight','Noto Sans TC',sans-serif; letter-spacing:.3em; text-decoration:none; }
@media(min-width:901px) {
  .public-surface .nav .brand { display:none; }
  .public-surface>.nav .handwritten-links { margin-top:35px; }
}
@media(max-width:900px) {
  .site-wordmark { display:none; }
}
/* Reference C proportions: shared 22vw gutter and room for the handwritten title. */
.tour-handwriting svg { display:block; width:100%; height:auto; filter:invert(1); }
.public-surface .tour-intro .tour-handwriting { width:min(100%,508px); margin:0 0 90px; line-height:1; }
@media(min-width:901px) {
  .public-surface .press-hero { height:62.5vw; min-height:680px; max-height:1040px; }
  .public-surface .press-hero-photo { width:48%; object-fit:contain; object-position:right bottom; }
  .public-surface:has(.press-hero) .press-hero-copy { bottom:10%; }
  .public-surface:has(.press-hero) .press-hero-copy h1 { font-size:clamp(96px,10.5vw,160px); }
  .public-surface:has(.press-hero) .tour-section {
    min-height:81vw; box-sizing:border-box; padding:11vw 3.2vw 8vw 22vw;
    grid-template-columns:minmax(0,1.7fr) minmax(0,1fr); gap:4vw;
  }
  .public-surface .tour-intro .tour-handwriting { width:34vw; max-width:508px; margin-bottom:8vw; }
  .public-surface .tour-map { width:20vw; max-width:300px; height:28vw; max-height:400px; margin:1.5vw 0 6vw auto; }
  .public-surface .tour-date { font-size:clamp(100px,11.7vw,174px); }
  .public-surface .tour-stops li>a { grid-template-columns:72px minmax(0,1fr) auto; gap:12px; padding:22px 0; }
  .public-surface .tour-stops time { font-size:19px; }
  .public-surface .tour-stops h3 { font-size:16px; }
  .public-surface .tour-stops p { font-size:13px; }
  .public-surface .tour-status { font-size:12px; }
  .public-surface .tour-map text { display:none; }
}
@media(max-width:900px) {
  .public-surface .tour-intro .tour-handwriting { width:min(100%,360px); margin-bottom:48px; }
}
@media(min-width:901px) {
  .public-surface>.nav { mix-blend-mode:difference; }
  .public-surface>.nav .handwritten-label { filter:invert(1); }
  .public-surface>.nav .right .btn { color:#fff; }
}
@media(min-width:901px) {
  .public-surface .tour-intro .tour-handwriting { width:42vw; max-width:640px; }
  .public-surface>.nav .right .btn { background:transparent; }
}
@media(min-width:901px) {
  .public-surface .tour-intro .tour-handwriting { width:50vw; max-width:760px; margin-left:-3vw; margin-bottom:5vw; }
}

@media(min-width:901px) { .public-surface>.nav .handwritten-links { margin-top:48px; } }
@media(min-width:901px) {
  body.public-surface>.nav,.public-surface:has(.press-hero)>.nav { width:190px; }
  .public-surface>.nav .handwritten-links,
  .public-surface:has(.press-hero)>.nav .handwritten-links { margin-top:84px; }
}
/* Reference footer: one wordmark and one compact row of working links. */
.public-surface .reference-footer { margin-top:0; padding:48px 0 28px; }
.reference-footer-brand { display:inline-block; font:800 clamp(56px,9.4vw,144px)/1 'Inter Tight','Noto Sans TC',sans-serif; letter-spacing:-.04em; color:var(--white); text-decoration:none; white-space:nowrap; }
.reference-footer-bar { display:flex; align-items:center; flex-wrap:wrap; gap:20px 30px; margin-top:36px; padding-top:24px; border-top:1px solid rgba(233,235,239,.13); }
.footer-subscribe { color:var(--white); font-size:12px; white-space:nowrap; }
.footer-small-links { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; }
.footer-small-links a { color:#aab2bf; font-size:11px; }
.reference-footer-copyright { margin-left:auto; color:var(--on-ink-muted); font-size:11px; white-space:nowrap; }
@media(max-width:900px) {
 .public-surface .reference-footer { padding:40px 0 26px; }
 .reference-footer-bar { margin-top:26px; padding-top:20px; gap:20px; }
 .footer-small-links { flex-basis:100%; }
 .reference-footer-copyright { margin-left:0; }
}
.public-surface .reference-footer-inner { width:100%; max-width:none; box-sizing:border-box; margin:0; }
.public-surface .reference-footer .reference-footer-brand { display:inline-block; font:800 clamp(56px,9.4vw,144px)/1 'Inter Tight','Noto Sans TC',sans-serif; letter-spacing:-.04em; color:var(--white); }
.public-surface .reference-footer a { opacity:1; margin:0; }
/* Current page/section uses the existing blue accent, including handwritten image assets. */
.public-surface .nav a[data-nav][aria-current] { color:#425e87; font-weight:600; background:rgba(66,94,135,.08); }
.public-surface .nav .handwritten-links a[aria-current] { opacity:1; }
.public-surface>.nav .handwritten-links a[aria-current] .handwritten-label { filter:brightness(0) saturate(100%) invert(35%) sepia(22%) saturate(920%) hue-rotate(177deg) brightness(92%) contrast(86%); }
.public-surface .nav .handwritten-links .nav-friends-label { display:flex; align-items:center; min-height:44px; font-size:20px; letter-spacing:.08em; color:var(--ink); }
.public-surface .nav .handwritten-links .nav-friends-label[aria-current] { color:#425e87; }
/* Keep navigation colors literal: difference blending otherwise turns blue into gold. */
.public-surface>.nav { mix-blend-mode:normal; background:var(--paper); }
.public-surface>.nav .handwritten-label { filter:none; }
.public-surface>.nav .handwritten-links a[aria-current] .handwritten-label { filter:brightness(0) saturate(100%) invert(35%) sepia(22%) saturate(920%) hue-rotate(177deg) brightness(92%) contrast(86%); }
/* Seven consistent menu rows; pending handwriting uses the same typography and annotation. */
.public-surface>.nav .handwritten-links { gap:6px; }
.public-surface>.nav .handwritten-links a { box-sizing:border-box; height:64px; min-height:64px; width:100%; display:flex; align-items:center; justify-content:flex-start; padding:4px 8px; }
.public-surface>.nav .handwritten-label { width:100%; height:56px; }
.public-surface>.nav .handwritten-links .nav-friends-label { gap:0; font-size:20px; letter-spacing:0; white-space:nowrap; }
.public-surface .nav [data-nav] small { font-size:12px; font-weight:400; letter-spacing:0; color:inherit; }
.public-surface .mobile-site-menu [data-nav] { display:flex; align-items:center; }
@media(max-height:780px) and (min-width:901px) {
 .public-surface>.nav .handwritten-links a { height:52px; min-height:52px; }
 .public-surface>.nav .handwritten-label { height:44px; }
}
/* Restore the reference's adaptive inverted ink; current location has a quiet short underline. */
@media(min-width:901px) {
 .public-surface>.nav { mix-blend-mode:difference; background:transparent; }
 .public-surface>.nav .handwritten-label,
 .public-surface>.nav .handwritten-links a[aria-current] .handwritten-label { filter:invert(1); }
 .public-surface>.nav .handwritten-links .nav-friends-label,
 .public-surface>.nav .handwritten-links .nav-friends-label[aria-current] { color:#fff; font-weight:400; }
 .public-surface>.nav .handwritten-links a[aria-current] { color:#fff; background:transparent; position:relative; }
 .public-surface>.nav .handwritten-links a[aria-current]::after { content:''; position:absolute; left:8px; bottom:1px; width:24px; height:2px; background:#fff; }
}
/* Location is communicated by ink strength, without a detached decorative stroke. */
@media(min-width:901px) {
 .public-surface>.nav .handwritten-links a { opacity:.65; }
 .public-surface>.nav .handwritten-links a:hover { opacity:.88; }
 .public-surface>.nav .handwritten-links a[aria-current] { opacity:1; }
 .public-surface>.nav .handwritten-links a[aria-current]::after { content:none; display:none; }
}

/* Short pages fill the viewport; long content pushes the footer down. */
body.public-surface { min-height:100svh; box-sizing:border-box; display:flex; flex-direction:column; }
body.public-surface>main { flex:1 0 auto; min-width:0; }
body.public-surface>.reference-footer { flex-shrink:0; }
.official-platforms { display:flex; align-items:center; width:100%; }
.public-surface .official-platforms a { display:flex; align-items:center; justify-content:center; min-width:24px; min-height:44px; flex:1; padding:0; border:0; color:inherit; opacity:.75; }
.official-platforms svg { width:18px; height:18px; flex:none; }
.public-surface .official-platforms a:hover { opacity:1; }
.official-platforms a:focus-visible { outline:2px solid currentColor; outline-offset:-2px; }
@media(min-width:901px) {
 .public-surface>.nav .rail-socials { display:flex; flex-direction:column; gap:8px; margin:0; color:#fff; }
 .public-surface>.nav .language-switch { font-size:11px; line-height:1.5; padding:0; }
 .public-surface>.nav .language-switch a { padding:4px 2px; color:inherit; }
}
@media(max-width:900px) {
 .public-surface .mobile-site-menu>.official-platforms { grid-column:1/-1; width:220px; max-width:100%; margin-top:12px; }
}
@media(min-width:901px) {
 .public-surface>.nav .rail-socials { max-width:130px; min-width:0; }
}

/* English uses typeset labels in place of the Chinese handwriting assets. */
.public-surface>.nav .nav-english-label { font:500 21px/1.25 var(--sans); letter-spacing:-.02em; color:#fff; }
.public-surface .home-stage h2.english-section-title { font-family:var(--sans); font-size:clamp(32px,4.2vw,60px); font-weight:500; line-height:1.15; letter-spacing:-.025em; max-width:10ch; margin:0; }
.tour-intro h2.english-section-title { margin-bottom:clamp(48px,8vw,100px); }
html[lang="en"] .tour-status { white-space:normal; max-width:9ch; line-height:1.5; }

/* Mobile navigation: compact rows, quiet current location, separate account action. */
@media(max-width:900px) {
 .public-surface .nav .mobile-site-menu {
  grid-template-columns:minmax(0,1fr); gap:0;
  padding:16px 24px 20px;
 }
 .public-surface .nav .mobile-site-menu a[data-nav] {
  position:relative; box-sizing:border-box; min-height:52px;
  padding:12px; font-size:15px; line-height:1.6;
  color:var(--ink); background:transparent; text-decoration:none;
  font-weight:400; -webkit-tap-highlight-color:transparent;
 }
 .public-surface .nav .mobile-site-menu a[data-nav][aria-current] {
  color:#425e87; background:transparent; font-weight:600;
 }
 .public-surface .nav .mobile-site-menu a[data-nav][aria-current]::after {
  content:''; position:absolute; left:12px; bottom:6px;
  width:24px; height:2px; background:currentColor;
 }
 .public-surface .nav .mobile-site-menu a[data-nav]:active {
  background:rgba(66,94,135,.08);
 }
 .public-surface .nav .mobile-site-menu a[data-nav]:focus-visible {
  outline:2px solid #425e87; outline-offset:-2px;
 }
 .public-surface .nav .right a[data-nav] {
  display:inline-flex; align-items:center; min-height:44px;
  padding:0 8px; background:transparent; text-decoration:none;
  font-weight:400;
 }
 .public-surface .nav .right a[data-nav][aria-current] {
  color:#425e87; background:transparent; font-weight:600;
 }
 .public-surface .nav-toggle { min-height:44px; }
 .public-surface .mobile-site-menu>.official-platforms {
  margin:16px 0 0; padding-left:0;
 }
}

/* Match visible handwriting, compensating for each artwork's transparent margins.
   Music ink: 515×201 inside 798×232 at (66,19).
   Video ink: 472×177 inside 487×185 at (8,8). */
@media(max-width:900px) {
 .public-surface .home-catalog .archive-heading .music-handwriting,
 .public-surface .home-videos .archive-heading .video-handwriting {
  --handwriting-ink-height:64px;
  position:relative; width:200px; max-width:100%;
  height:var(--handwriting-ink-height); overflow:hidden; margin:0;
 }
 .public-surface .music-handwriting svg {
  position:absolute; max-width:none;
  width:calc(var(--handwriting-ink-height) * 798 / 201);
  height:calc(var(--handwriting-ink-height) * 232 / 201);
  left:calc(var(--handwriting-ink-height) * -66 / 201);
  top:calc(var(--handwriting-ink-height) * -19 / 201);
 }
 .public-surface .video-handwriting img {
  position:absolute; max-width:none;
  width:calc(var(--handwriting-ink-height) * 487 / 177);
  height:calc(var(--handwriting-ink-height) * 185 / 177);
  left:calc(var(--handwriting-ink-height) * -8 / 177);
  top:calc(var(--handwriting-ink-height) * -8 / 177);
 }
}

/* Language belongs to the mobile header, alongside the site menu. */
.mobile-header-language { display:none; }
@media(max-width:900px) {
 .public-surface>.nav .right { display:none; }
 .public-surface>.nav .mobile-header-language { display:flex; align-items:center; flex:none; margin-left:auto; color:var(--ink); font:400 13px/1 var(--sans); }
 .mobile-header-language a { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; color:inherit; text-decoration:none; }
 .mobile-header-language a[aria-current="true"] { text-decoration:underline; text-underline-offset:5px; }
 .mobile-header-language a:focus-visible { outline:2px solid currentColor; outline-offset:-2px; }
}