/* Resources page specific styles (lean, builds on base.css) */
.hero-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

.filter-bar { display: flex; flex-wrap: wrap; gap: var(--space-5); }
.filter-bar .btn { background: var(--gray-100); color: var(--gray-900); border-color: var(--gray-200); box-shadow: none; }
.filter-bar .btn.is-active { background: rgba(37,99,235,0.12); color: var(--color-primary); border-color: rgba(37,99,235,0.35); }
.items-center {
  align-items: center !important;
  margin: 48px auto;
}
.section {
  padding: 0 11px;
}
.max-w-prose {
    max-width: 100% !important;
}
.resource-card h3 { margin-top: var(--space-5); }
.resource-card .badge { margin-bottom: var(--space-4); }

/* Details/summary accessibility tweaks */
details.card summary { cursor: pointer; list-style: none; }
details.card summary::-webkit-details-marker { display: none; }
details.card[open] { border-color: var(--gray-300); box-shadow: var(--shadow-md); }

/* Minor responsive spacing */
@media (max-width: 767px) {
  .hero-media { margin-top: var(--space-9); }
}