/* Edition identity: Eskrima uses muted Doce Pares red within the shared dark reader. */
:root { --accent: #b95760; --accent-readable: #e5a7ae; }
.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 #b95760; border-radius: 4px;
  background: #2b171b; color: #f0c8cc;
  font: 700 14px/1 var(--body); letter-spacing: .12em; text-decoration: none;
}
.breadcrumb .edition-context:hover, .breadcrumb .edition-context:focus-visible { background: #47252a; }
.sidebar .overview-link.selected, .sidebar .overview-link:hover,
.sidebar .chapter-active > .area-link { background: #382124; border-color: #b95760; }
.sidebar .nav-chapter { border-color: #63343a; }
.sidebar .nav-chapter > .area-link { border-left-color: #63343a; }
@media (max-width: 760px) {
  .sidebar { border-top: 5px solid var(--accent); }
  .topbar { border-top: 0; }
  .mobile-brand { color: #f0c8cc; }
}

.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); }