/* Catalogue families share Store surfaces, type and image stages. */
.quasar-catalogue-results { scroll-margin-top: 96px; }
.quasar-catalogue-results:focus-visible { outline: 2px solid var(--brand); outline-offset: 4px; }
.quasar-family-browser { margin: 24px 0 8px; }
.quasar-family-browser[hidden] { display: none; }
.quasar-family-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.quasar-family-heading h2 { margin: 0; font-size: var(--type-subsection-title); }
.quasar-family-heading > a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--brand-ink); }
.quasar-family-heading svg { width: 18px; height: 18px; }
.quasar-family-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.quasar-family-card { min-width: 0; align-items: flex-start; text-decoration: none; color: var(--text); }
.quasar-family-card:focus-visible { outline: 2px solid var(--brand); outline-offset: 4px; }
.quasar-family-card[aria-current="page"] { border-color: var(--brand); background: var(--brand-tint); }
.quasar-family-image { width: 68px; height: 64px; background: var(--bg-soft); }
.quasar-family-image img { object-fit: contain; padding: 6px; }
.quasar-family-copy { flex: 1; }
.quasar-family-copy h3 { margin: 0; font-size: 14.5px; line-height: 1.35; }
.quasar-family-copy > span { font-size: 12.5px; line-height: 1.45; color: var(--text-mut); }
.quasar-family-card .story-tile-arrow { width: 14px; height: 14px; align-self: center; }
@media (hover: hover) and (pointer: fine) { .quasar-family-card:hover { transform: none; } }
@media (max-width: 600px) {
  .quasar-family-heading { align-items: flex-start; flex-direction: column; gap: 0; }
  .quasar-family-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .quasar-family-card { gap: 12px; }
  .quasar-family-copy h3 { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .quasar-family-card { transition: none; transform: none; } }