/* Matte segmented library navigation stays below the transparent global header. */
.library-tabs{position:sticky;top:calc(var(--header-height) + 8px);z-index:9;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;max-width:640px;padding:5px;margin:0 0 32px;border:1px solid var(--edge);border-radius:var(--radius-pill);background:var(--color-sheet);isolation:isolate}
.library-tab{min-width:0;min-height:44px;padding:10px 14px;border-radius:var(--radius-pill);color:var(--muted);font-size:14px;font-weight:500;line-height:1.3;white-space:nowrap;transition:color var(--duration-fast),background var(--duration-fast)}
.library-tab:hover{color:var(--text);background:var(--color-elevated)}
.library-tab.active{color:var(--color-text-on-accent);background:var(--lime)}
.library-tab.active:hover{background:var(--color-accent-hover)}
.library-tab:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.saved-list #library-content{scroll-margin-top:calc(var(--header-height) + 88px)}
.saved-list #library-content .empty{padding-top:56px}
@media(max-width:640px){
  .library-tabs{gap:2px;padding:4px;margin-bottom:24px}
  .library-tab{padding-inline:4px;font-size:clamp(12px,3.45vw,14px)}
  .saved-list #library-content .empty{padding-inline:0}
}
@media(prefers-reduced-motion:reduce){.library-tab{transition:none}}