/* A quiet language switch follows the existing top bar and keeps native link behavior. */
.journey-page .language-switcher{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;font:500 12px/1.5 var(--ui-font);letter-spacing:.04em;white-space:nowrap}
.journey-page .language-switcher a{color:#d9edf3;text-decoration:none;text-underline-offset:4px}
.journey-page .language-switcher a:hover{color:#fff0c8}
.journey-page .language-switcher a[aria-current="page"]{color:#ecd294;text-decoration:underline;text-decoration-thickness:1px}
.journey-page .language-switcher span{color:#7f94a9}
.journey-page .language-switcher a:focus-visible{outline:2px solid #f6d99c;outline-offset:3px;border-radius:2px}

@media(max-width:390px){
  .journey-page .topbar-tools{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 199px);min-width:0}
  .journey-page .topbar-tools>*{max-width:100%}
}

html:lang(en) .journey-page{--ui-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-family:var(--ui-font)}
html:lang(en) .journey-page .life-radar text{font-family:var(--ui-font);font-size:12px}
html:lang(en) .journey-page button{white-space:normal;overflow-wrap:anywhere}
html:lang(en) .journey-page .novel-dialogue :is(.dialogue-text,h2),
html:lang(en) .journey-page .choice{font-family:var(--ui-font)}
@media(max-width:480px){
  html:lang(en) .journey-page .topbar{padding-inline:14px;gap:8px}
  html:lang(en) .journey-page .topbar .brand img{width:100px}
  html:lang(en) .journey-page .topbar-tools{max-width:calc(100vw - 142px);gap:6px;flex-wrap:wrap}
}