/* Category overview: shared type, spacing and container tokens from design-system.css. */
.category-overview { background: var(--surface); color: var(--text-on-light); }
.category-overview-hero { position: relative; overflow: hidden; padding-block: calc(var(--header-height) + var(--space-7)) var(--section-space); background: radial-gradient(ellipse at 84% 14%, rgb(var(--accent-rgb) / 16%), transparent 42%), linear-gradient(135deg, var(--ink-deep), #0b2025 72%, var(--ink)); color: var(--white); }
.category-overview-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, rgb(var(--accent-rgb) / 55%), transparent); }
.category-overview-hero > .container { position: relative; }
.category-overview-breadcrumb { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-7); color: var(--muted); font-size: var(--text-small); }
.category-overview-breadcrumb a { text-decoration: none; }
.category-overview-breadcrumb a:hover { color: var(--accent); }
.category-overview-breadcrumb [aria-current] { color: var(--white); }
.category-overview-hero .eyebrow { color: var(--accent); margin-bottom: var(--space-5); }
.category-overview-hero h1 { text-transform: uppercase; }
.category-overview-hero .lead { max-width: 62ch; margin-top: var(--space-5); color: #d1e0e3; }
.category-overview-summary { display: flex; flex-wrap: wrap; gap: var(--space-5); margin-top: var(--space-6); color: var(--white); font-size: var(--text-small); font-weight: 800; }
.category-overview-summary span + span { padding-left: var(--space-5); border-left: 1px solid rgb(var(--accent-rgb) / 45%); }
.category-overview-section .eyebrow { margin-bottom: var(--space-5); color: var(--accent-on-light); }
.category-overview-heading { display: flex; justify-content: space-between; align-items: end; gap: var(--space-6); margin-bottom: var(--space-7); }
.category-overview-heading h2 em { color: var(--heading-accent-on-light); }
.category-overview-heading > .button { flex: 0 0 auto; }
.category-overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--grid-gap); }
.category-overview-card:nth-child(5):last-child { grid-column: 1 / -1; }
.category-overview-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--border-light); border-radius: var(--radius-card); background: #fff; box-shadow: var(--shadow-card); color: var(--text-on-light); text-decoration: none; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.category-overview-card:hover { border-color: var(--accent-on-light); transform: translateY(-3px); box-shadow: 0 20px 38px rgb(3 21 28 / 12%); }
.category-overview-visual { position: relative; display: grid; place-items: center; height: clamp(240px, 24vw, 360px); background: #fff; border-bottom: 1px solid var(--border-light); }
.category-overview-visual img { position: absolute; inset: var(--space-4); width: calc(100% - 2 * var(--space-4)); height: calc(100% - 2 * var(--space-4)); object-fit: contain; }
.category-overview-number { position: absolute; top: var(--space-4); left: var(--space-5); z-index: 1; color: var(--accent-on-light); font: 800 var(--text-label) / 1.35 var(--font-body); letter-spacing: .1em; }
.category-overview-content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: var(--card-padding); }
.category-overview-count { margin-bottom: var(--space-3); color: var(--accent-on-light); font-size: var(--text-small); font-weight: 800; }
.category-overview-card .card-title { margin: 0; color: var(--text-on-light); }
.category-overview-description { margin-top: var(--space-4); color: var(--text-muted-on-light); font-size: var(--text-body); line-height: var(--line-body); }
.category-overview-link { display: inline-flex; align-items: center; gap: var(--space-3); margin-top: auto; padding-top: var(--space-6); color: var(--accent-on-light); font-size: var(--text-button); font-weight: 800; }
.category-overview-link .ab-icon { width: 20px; height: 20px; }
@media (min-width: 1100px) {
  .category-overview-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .category-overview-card { grid-column: span 2; }
  .category-overview-card:nth-child(4):nth-last-child(2), .category-overview-card:nth-child(5):last-child { grid-column: span 3; }
}
@media (max-width: 767px) {
  .category-overview-hero { padding-top: calc(var(--header-height) + var(--space-5)); }
  .category-overview-breadcrumb { margin-bottom: var(--space-6); }
  .category-overview-heading { display: block; }
  .category-overview-heading > .button { margin-top: var(--space-5); }
  .category-overview-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .category-overview-card:nth-child(5):last-child { grid-column: auto; }
  .category-overview-visual { height: 260px; }
  .category-overview-content { padding: var(--space-5); }
}
@media (prefers-reduced-motion: reduce) { .category-overview-card { transition: none; } }
.motion-disabled .category-overview-card { transition: none; }