/* Resources page-specific styles (kept minimal, leveraging base.css) */
.page-hero {
  position: relative;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: var(--space-24);
  align-items: center;
  padding-block: var(--space-32);
}
.page-hero__content { z-index: 1; }
.page-hero__media { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); }
.page-hero__media img { width: 100%; height: clamp(200px, 28vw, 360px); object-fit: cover; }
@media (max-width: 960px) {
  .page-hero { grid-template-columns: 1fr; }
}

.filters .card { position: sticky; top: 76px; z-index: 5; }
#results-count { align-self: center; }

/* Resource grid spacing is handled by utilities; minor tune */
#resource-grid .card .btn + .btn { margin-left: var(--space-8); }

/* Accessibility: expand click target in details */
details > summary { cursor: pointer; padding: var(--space-8) 0; }
details + details { border-top: 1px solid var(--gray-200); margin-top: var(--space-12); padding-top: var(--space-12); }