/* Content Library card treatment — shared by the /frontier-library landing, /frontier-library/all,
   and every per-type/topic archive. Linked ONLY on library pages, so these global .floppy overrides
   never bleed into other views (homepage, readers, etc.). Joey 2026-07-28. */

/* taller art + bigger regular-weight Mondwest titles, calmer art that pops to full colour on hover */
.floppy-art { aspect-ratio: 16 / 9.5; }
.floppy-label .ft { font-size: 22px; line-height: 1.08; font-weight: 400; font-synthesis: none; }
.floppy-art img { filter: brightness(0.7) saturate(0.4); transition: filter .4s ease, transform .4s ease; }
.floppy:hover .floppy-art img { filter: brightness(1) saturate(1); }

/* imageless cards (newsletters that only have shared topic art) — clean text card, no repeated image */
.floppy--noart .floppy-art { display: none; }
.floppy--noart .floppy-label { min-height: 132px; padding-top: 16px; justify-content: flex-start; }

/* featured hub art on the landing */
.lib-feat-art img { filter: brightness(0.7) saturate(0.4); transition: filter .4s ease; }
.lib-feat:hover .lib-feat-art img { filter: brightness(1) saturate(1); }

/* library pagination — buttons styled like the Join Free button */
.lib-pager { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 52px 0 0; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.1); }
.lib-pager .fr-btn { min-width: 120px; text-align: center; justify-content: center; }
.lib-pager-count { font-family: var(--mono, ui-monospace); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.4); }