/* Inspiration page styles (builds on base.css) */

.section { padding-block: var(--space-16); }

.hero { padding-block: var(--space-18); }
.hero__inner { display: grid; gap: var(--space-8); grid-template-columns: 1.1fr 1fr; align-items: center; }
.hero__content p { color: var(--gray-700); }
.hero__actions { display: flex; gap: var(--space-4); margin-top: var(--space-4); flex-wrap: wrap; }
.hero__media { margin: 0; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--gray-200); }

@media (max-width: 960px) {
  .hero__inner { grid-template-columns: 1fr; }
}

/* Quotes */
.quote-grid .quote { padding: var(--space-6); }
.quote blockquote { font-family: var(--font-heading); font-size: clamp(1.125rem, 1rem + 1vw, 1.5rem); color: var(--gray-900); }
.quote figcaption { margin-top: var(--space-3); color: var(--gray-700); font-style: italic; }

/* Resources */
.resources-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.resources-grid .card h3 { margin-bottom: var(--space-3); font-family: var(--font-sans); font-weight: 600; }
.resources-grid ul { margin: 0; }

/* Prompts */
prompt-card, .prompt-card { display: block; }
.prompt-card #prompt-text { font-size: var(--text-lg); color: var(--gray-900); }

/* Banners */
.banner { margin: 0; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-md); border: 1px solid var(--gray-200); }

/* Challenges */
.challenge-card details { border-top: 1px solid var(--gray-200); padding-top: var(--space-3); }
.challenge-card .challenge-toggle[aria-pressed="true"] { --btn-bg: var(--gray-800); }

/* Workshops */
.workshops-controls { display: flex; justify-content: flex-end; margin-bottom: var(--space-6); }
.workshops-list { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

/* Minor tweaks */
.card p:last-child { margin-bottom: 0; }