/* Edition identity: HEMA uses muted steel blue within the shared dark reader. */
:root { --accent: #7298b7; --accent-readable: #a9c8df; }
.sidebar { border-top: 5px solid var(--accent); }
.sidebar .brand .codex-signature { display: block; width: 100%; height: auto; }
.topbar { border-top: 5px solid var(--accent); }
.breadcrumb .edition-context {
  display: inline-flex; align-items: center; min-height: 34px;
  padding: 5px 12px; border: 1px solid #7298b7; border-radius: 4px;
  background: #17232d; color: #c4deef;
  font: 700 14px/1 var(--body); letter-spacing: .12em; text-decoration: none;
}
.breadcrumb .edition-context:hover, .breadcrumb .edition-context:focus-visible { background: #263c4d; }
.sidebar .overview-link.selected, .sidebar .overview-link:hover,
.sidebar .chapter-active > .area-link { background: #1b2b37; border-color: #7298b7; }
.sidebar .nav-chapter { border-color: #344e61; }
.sidebar .nav-chapter > .area-link { border-left-color: #344e61; }
@media (max-width: 760px) {
  .sidebar { border-top: 5px solid var(--accent); }
  .topbar { border-top: 0; }
  .mobile-brand { color: #c4deef; }
}

.account-status { margin: 14px 0 8px; padding: 12px 14px; border: 1px solid var(--accent); border-radius: 4px; background: #151b1b; display: grid; gap: 3px; }
.account-status span { color: var(--accent-readable); font: 11px/1.4 var(--mono); letter-spacing: .1em; }
.account-status strong { color: var(--text); font: 600 16px/1.3 var(--body); overflow-wrap: anywhere; }
.account-status small { color: var(--dim); font: 12px/1.4 var(--body); }