/* The Librarium bar: one slim strip above the home page and above every library, so the move from one to the other
   keeps the same header. It only uses the tokens every page defines (--ground, --ink, --muted, --line) and takes
   the library's own colours and fonts when it sits on a library page. */
.lbar { background: var(--ground); border-bottom: 1px solid var(--line); color: var(--muted); font: 12px/1.4 ui-monospace, "Cascadia Mono", Consolas, "DejaVu Sans Mono", monospace; font-size-adjust: none; letter-spacing: 0; text-transform: none; position: relative; z-index: 5; }
.lbar-in { max-width: 1120px; margin: 0 auto; padding: 0 max(16px, env(safe-area-inset-right, 0px)) 0 max(16px, env(safe-area-inset-left, 0px)); min-height: 42px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 2px 20px; }
.lbar ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; }
.lbar li { display: inline-flex; align-items: center; }
.lbar li + li::before { content: "›"; margin-right: 8px; opacity: .7; }
.lbar a, .lbar li, .lbar ol { font: inherit; letter-spacing: inherit; }
.lbar a { color: inherit; text-decoration: none; }
.lbar a:hover { color: var(--ink); }
.lbar :focus-visible { outline: 2px solid var(--c-read, var(--gold, currentColor)); outline-offset: 2px; }
/* "Librarium" is the logo; on a library page it is the first step of the trail. */
.lbar a.lbar-mark, .lbar-mark { font: 600 13px "Cormorant Garamond", Garamond, Georgia, serif; letter-spacing: .3em; text-transform: uppercase; color: var(--ink); }
.lbar [aria-current="page"] { color: var(--ink); }
.lbar-crumbs [aria-current="page"] { font-weight: 500; }
.lbar-libs { display: flex; flex-wrap: wrap; gap: 0 16px; }
.lbar-libs a { padding: 12px 0; }
.lbar-libs a[aria-current="page"] { text-decoration: underline; text-decoration-color: var(--c-read, var(--gold, currentColor)); text-underline-offset: 6px; }
@media (max-width: 640px) {
  .lbar-in { padding-top: 6px; padding-bottom: 2px; }
  .lbar-libs { width: 100%; gap: 0 14px; }
  .lbar-libs a { padding: 6px 0 8px; }
}