/* Categories page specific styles - minimal, built atop base.css */
.page-hero { padding: var(--space-11) 0 var(--space-8); background: linear-gradient(180deg, color-mix(in srgb, var(--color-secondary) 16%, transparent), transparent); }
.page-hero .hero-inner { display: grid; gap: var(--space-5); }
.page-hero .breadcrumbs { margin-bottom: var(--space-4); }
.page-hero .hero-cta { display: flex; gap: var(--space-4); flex-wrap: wrap; }

.category-card { display: flex; flex-direction: column; }
.category-card .category-media { border-radius: var(--radius-md); margin-bottom: var(--space-5); width: 100%; height: auto; box-shadow: var(--shadow-sm); }
.category-card .card-body { display: grid; gap: var(--space-4); }

.more-links { margin-top: var(--space-10); text-align: left; }

@media (min-width: 768px) {
  .page-hero .hero-inner { grid-template-columns: 1fr; }
}