@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap");
html[lang="zh-CN"] body { font-family: "Noto Sans SC", "Noto Sans JP", sans-serif; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.language-switch { display: inline-flex; flex: 0 0 auto; align-items: center; margin: 0; }
.language-switch select { font: inherit; font-size: 14px; min-height: 44px; width: 96px; padding: 8px 26px 8px 10px; border: 1px solid #bdc9cd; border-radius: 4px; color: #23272b; background-color: #fff; }
.reader-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.reader-bar { flex-wrap: wrap; }
.reader-brand { min-width: 0; overflow-wrap: anywhere; flex: 1 1 150px; }
.login-language { display: flex; justify-content: flex-end; }
html:not([lang="ja"]) .topbar-actions { flex-wrap: wrap; }
html:not([lang="ja"]) .mode-tab { white-space: nowrap; }
@media (min-width: 821px) and (max-width: 1180px) {
  .topbar-main { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .brand-block { grid-column: 1; grid-row: 1; }
  .topbar-actions { grid-column: 2; grid-row: 1; }
  .series-box { grid-column: 1; grid-row: 2; }
  .search-area { grid-column: 2; grid-row: 2; }
}
@media (max-width: 820px) {
  .topbar-main .brand-block { grid-column: 1 / -1; grid-row: 1; }
  .topbar-main .topbar-actions { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; gap: 8px; flex-wrap: wrap; }
  .topbar-main .series-box { grid-row: 3; }
  .topbar-main .search-area { grid-row: 4; }
  .topbar-main #projectTitle { font-size: 16px; }
}
@media (max-width: 480px) {
  .reader-bar { gap: 10px; }
  .reader-actions { gap: 6px; }
  .reader-actions button { padding: 8px 10px; }
  .reading-toolbar fieldset { flex-wrap: wrap; }
  .reading-toolbar label { padding: 8px; }
}
@media print { .language-switch { display: none !important; } }