/* Library viewer layout (shared components live in base.css). */
.bar { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 18px; padding: 12px 20px; background: var(--surface); border-bottom: 1px solid var(--line); }
.bar .brand { align-self: center; }
.stepper { display: flex; align-items: center; gap: 6px; }
.poslabel { min-width: 128px; text-align: center; font-family: var(--quran); font-weight: 700; font-size: var(--text-2xl); color: var(--brand); }
.bar .search { flex: 1 1 260px; min-width: 220px; }
main.desk { padding: 14px 20px 18px; }
@media (max-width: 860px) {
  body { overflow: auto; }
  main.desk { flex-direction: column; }
  .pane { min-height: 80vh; }
}