/* ==========================================================================
   المكتبة — Library page (stories.php). Page-specific only — shared card/
   search/chip/skeleton/banner rules live in site.css.
   ========================================================================== */

.lib-head { text-align: center; padding: 34px 0 6px; }
.lib-head h1 { margin: 0 0 8px; font-size: clamp(1.7rem, 4.5vw, 2.4rem); }
.lib-head .muted { margin: 0; font-size: 1.02rem; color: var(--ink-soft); }

.lib-search { max-width: 560px; margin: 22px auto 18px; }

.chip-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 26px; }

#lockNote.banner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
#lockNote #subBtn { flex: 0 0 auto; }

@media (max-width: 560px) {
  .lib-head { padding: 24px 0 4px; }
  .lib-search { margin: 16px auto 14px; }
}