/* Shared Library navigation: keep account and page-specific controls intact. */
.library-topbar { grid-column:1 / -1; display:flex; align-items:center; gap:1rem; width:100%; min-width:0; }
.library-brand { color:var(--ink); font-size:1.125rem; font-weight:700; text-decoration:none; white-space:nowrap; min-height:44px; display:flex; align-items:center; }
.library-sections { display:flex; flex-wrap:wrap; gap:.5rem; }
.library-sections a { display:flex; align-items:center; min-height:44px; padding:.5rem .75rem; color:var(--ink-muted); text-decoration:none; border-radius:var(--r); font-size:.875rem; }
.library-sections a[aria-current] { background:var(--hover); color:var(--ink); font-weight:600; }
.library-account { margin-left:auto; display:flex; gap:.5rem; align-items:center; min-width:0; }
.library-account .user-chip { display:flex; align-items:center; gap:.5rem; min-width:0; }
.library-account #user-name { max-width:12rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.library-account .logout-btn { min-width:44px; min-height:44px; }
.library-topbar :focus-visible { outline:none; box-shadow:0 0 0 2px var(--accent),0 0 0 4px var(--bg); }
@media(max-width:980px) {
 .library-topbar { flex-wrap:wrap; gap:.5rem; }
 .library-sections { order:3; flex-basis:100%; }
 .library-account { font-size:.75rem; }
 .library-account #user-name { max-width:7rem; }
}
@media(max-width:480px) {
 .library-brand { font-size:1rem; }
 .library-sections { gap:.5rem; }
 .library-sections a { padding:.5rem; font-size:.8125rem; }
 .library-account #user-name { max-width:4rem; }
}
.library-account .logout-btn {
  border:1px solid var(--border); border-radius:var(--r); background:var(--bg-card);
  color:var(--ink); padding:.5rem; font:inherit; font-size:.8125rem; cursor:pointer;
}
.library-account .logout-btn:hover { background:var(--hover); }
header:has(.library-topbar) > .search-area { grid-column:1 / -1; }