/* assets/css/pages/brand-archive.css */
.page--brand-archive .filter{ display:grid; gap: var(--space-4); }
.page--brand-archive .filter__grid{ display:grid; gap: var(--space-4); }
@media (min-width: 768px){ .page--brand-archive .filter__grid{ grid-template-columns: 1fr 1fr; } }
.page--brand-archive .filter__actions{ display:flex; flex-wrap:wrap; gap: var(--space-3); }
.page--brand-archive .archive-head{ display:flex; justify-content:space-between; gap: var(--space-4); align-items:flex-end; margin-bottom: var(--space-4); }
.page--brand-archive .archive-head__title{ font-weight: 950; color: var(--color-gray-900); }
.page--brand-archive .archive-head__meta{ color: var(--color-gray-600); font-size: var(--font-size-sm); }
.page--brand-archive .brand-grid{ display:grid; gap: var(--space-4); }
@media (min-width: 768px){ .page--brand-archive .brand-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1280px){ .page--brand-archive .brand-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.page--brand-archive .brand-card__link{ display:block; padding: var(--space-5); text-decoration:none; border-radius: var(--radius-md); }
.page--brand-archive .brand-card__link:hover{ background: var(--color-gray-50); text-decoration:none; }
.page--brand-archive .brand-card__top{ display:flex; gap: var(--space-3); justify-content:space-between; align-items:flex-start; }
.page--brand-archive .brand-mark{ width: 44px; height: 44px; border-radius: 16px; border: var(--border); display:grid; place-items:center; font-weight: 950; background: var(--bg); flex:0 0 auto; }
.page--brand-archive .brand-card__name{ font-weight: 950; color: var(--color-gray-900); }
.page--brand-archive .brand-card__count{ font-size: 13px; color: var(--color-gray-600); margin-top: 2px; }
.page--brand-archive .brand-card__desc{ color: var(--color-gray-600); margin-top: var(--space-3); }