/* Case Studies page-specific styles (lean; reuses base.css components) */
.hero { position: relative; }
.hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(600px 200px at 20% 0%, rgb(14 165 233 / 0.08), transparent 60%); }

/* Case cards */
.case-card { display: flex; flex-direction: column; gap: var(--space-16); }
.case-card img { object-fit: cover; width: 100%; }
.case-card .stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8); padding: 0; margin: 0; list-style: none; }
.case-card .stats li { background: var(--surface); border: 1px solid var(--gray-200); border-radius: var(--radius-sm); padding: 10px 12px; font-size: var(--fs-sm); color: var(--gray-700); text-align: center; }
.case-card details > summary { cursor: pointer; }
.case-card details[open] summary { background: var(--gray-200); }

/* Filters */
#filter-title { scroll-margin-top: calc(var(--header-height) + 24px); }
.filter-btn[aria-pressed="true"] { background: rgb(14 165 233 / 0.12); color: var(--primary-700); border-color: rgb(14 165 233 / 0.4); }

/* Result notice */
#no-results { border-style: dashed; }

/* Subtle elevation on hover for cards already hoverable */
.case-card:hover { border-color: var(--gray-300); }

/* Responsive tweaks */
@media (max-width: 767.98px) {
  .case-card .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}