/* Resources page styles – cyber-bronze, dark-modern, accessible */
.page-hero {
  padding: var(--space-64) 0 var(--space-32);
  background: radial-gradient(800px 400px at 10% 0%, rgba(31, 228, 228, 0.06), transparent 60%),
              radial-gradient(700px 360px at 90% 0%, rgba(255, 209, 102, 0.05), transparent 55%),
              var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}
.page-hero .text-muted { max-width: 68ch; }

.filters { margin-top: var(--space-24); display: grid; gap: var(--space-12); }
.filter-chips { display: flex; flex-wrap: wrap; gap: var(--space-8); }
.chip { padding: 8px 12px; }

.resource-grid { margin-top: var(--space-24); grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.resource-card { display: grid; gap: var(--space-12); }
.resource-card h3 { margin: 0; }
.resource-card .btn { justify-self: start; }

.section { padding-block: var(--space-40); }
.section + .section { border-top: 1px solid var(--color-border); }
.section .section-head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-16); }
.section .copy-link { white-space: nowrap; }

.download-grid { margin-top: var(--space-16); display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-12); }

/* Fine-tune figures */
figure { margin: 0; }
figcaption { margin-top: var(--space-8); }

/* Focus states for tiles */
.resource-card a[href^="#"]:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; }

@media (min-width: 768px) {
  .page-hero { padding: var(--space-80) 0 var(--space-40); }
}