/* Resources page specific styles - keep minimal and complementary to base.css */

/* Hero spacing and visual balance */
.hero { padding: var(--space-12) 0; }
.hero .hero-media { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

/* Resource filters */
.resource-filters { display: grid; gap: var(--space-4); width: 100%; max-width: 42rem; }
.resource-filters .filter-controls { display: grid; grid-template-columns: 1fr auto; gap: var(--space-4); }
@media (min-width: 640px) { .resource-filters .filter-controls { grid-template-columns: 1fr max-content; } }

/* Cards inside grids */
#resourceList .card { padding: var(--space-6); }

/* Details in FAQ for better spacing */
.card details { padding: var(--space-4) 0; border-bottom: 1px solid var(--gray-200); }
.card details:last-child { border-bottom: 0; }
.card details summary { cursor: pointer; outline: none; }
.card details[open] summary { color: var(--color-primary); }

/* Event and job sections adjustments */
.section--paper .card { background-color: var(--color-surface); }

/* CTA band */
.container .card.card--elevated.flex { flex-wrap: wrap; }

/* Optional: basic chat widget styles if not globally styled */
.chat-toggle { position: fixed; right: 16px; bottom: 16px; z-index: 70; background: var(--color-primary); color: #fff; border-radius: var(--radius-round); padding: 0.75rem 1rem; box-shadow: var(--shadow-md); }
.chat-toggle:hover { background: var(--color-primary-600); }
.chat-panel { position: fixed; right: 16px; bottom: 76px; width: min(360px, 92vw); max-height: 70vh; background: var(--color-surface); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); display: none; flex-direction: column; z-index: 70; }
.chat-panel[aria-hidden="false"] { display: flex; }
.chat-panel__header { display: flex; align-items: center; justify-content: space-between; padding: var(--space-5) var(--space-6); border-bottom: 1px solid var(--gray-200); }
.chat-panel__body { padding: var(--space-6); overflow: auto; }
.chat-close { font-size: 1.25rem; line-height: 1; padding: 0.25rem 0.5rem; border-radius: var(--radius-md); }
.chat-close:focus-visible { box-shadow: var(--focus-ring); }