/* 部品どうしを行き来する共通の帯。部品の見た目に依存しないよう、色はここで持つ */
.shisei-bar { --sb-bg: #16191c; --sb-ink: #eef0ee; --sb-ink-2: #b8bdbf; --sb-on: #f4f6f4; --sb-on-ink: #16191c;
  background: var(--sb-bg); color: var(--sb-ink); border-bottom: 1px solid rgba(255,255,255,.14); font-family: "BIZ UDPGothic", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif; font-size: 13px; line-height: 1.4; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .shisei-bar { --sb-bg: #0b0c0d; } }
:root[data-theme="dark"] .shisei-bar { --sb-bg: #0b0c0d; }
.shisei-bar-inner { max-width: 1200px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center; gap: 4px 16px; min-height: 40px; }
.shisei-bar-name { font-weight: 700; color: var(--sb-ink); text-decoration: none; white-space: nowrap; }
.shisei-bar nav { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; min-width: 0; }
.shisei-bar nav::-webkit-scrollbar { display: none; }
.shisei-bar nav a { color: var(--sb-ink-2); text-decoration: none; padding: 5px 10px; border-radius: 5px; white-space: nowrap; }
.shisei-bar nav a:hover { color: var(--sb-ink); background: rgba(255,255,255,.08); }
.shisei-bar nav a[aria-current="true"] { background: var(--sb-on); color: var(--sb-on-ink); font-weight: 700; }
@media (max-width: 560px) { .shisei-bar-name { display: none; } }