/* Inspiration page styles (lean, extends base) */
.hero { padding-block: var(--space-11); }
.hero-inner { background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 35%, white), color-mix(in srgb, var(--color-secondary) 30%, white)); border: 1px solid var(--gray-200); }
.hero-copy p { max-width: 60ch; }
.hero-ctas { margin-top: var(--space-5); }

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

.media { display: grid; gap: var(--space-7); grid-template-columns: 1.1fr 1fr; align-items: center; }
.media-figure img { border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.media-body p { max-width: var(--measure); }

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

.prose .summary { cursor: pointer; font-weight: 600; margin-bottom: var(--space-4); }

/* Small content cards */
.mini-card { background: var(--color-surface); border: 1px solid var(--gray-200); border-radius: var(--radius-md); padding: var(--space-6); box-shadow: var(--shadow-sm); }
.mini-card:hover { box-shadow: var(--shadow-md); }
.mini-title { font-size: var(--fs-xl); margin-bottom: var(--space-2); }
.muted { color: var(--color-text-muted); }
.mt-4 { margin-top: var(--space-6); }

/* Steps and bullets */
.steps { counter-reset: step; display: grid; gap: var(--space-3); padding-left: 0; }
.steps li { list-style: none; position: relative; padding-left: calc(var(--space-6) + 6px); }
.steps li::before { counter-increment: step; content: counter(step); position: absolute; left: 0; top: 2px; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; background: var(--color-secondary-600); color: #fff; font-weight: 700; border-radius: var(--radius-full); }

.bullets { display: grid; gap: var(--space-2); padding-left: 0; }
.bullets li { list-style: none; padding-left: calc(var(--space-6) + 6px); position: relative; }
.bullets li::before { content: "•"; position: absolute; left: 0; top: 0; color: var(--color-accent-700); font-weight: 700; }

.checklist { display: grid; gap: var(--space-2); padding-left: 0; }
.checklist li { list-style: none; padding-left: calc(var(--space-6) + 6px); position: relative; }
.checklist li::before { content: "✓"; position: absolute; left: 0; top: 0; color: var(--color-success); font-weight: 800; }

/* Mood board swatches */
.swatches { display: flex; gap: var(--space-4); align-items: center; margin: var(--space-4) 0 var(--space-6); }
.swatch { width: 36px; height: 36px; border-radius: var(--radius-full); background: var(--sw, var(--gray-200)); border: 2px solid rgba(0,0,0,0.06); box-shadow: var(--shadow-sm); }

/* Simple reveal animation */
[data-animate] { opacity: 0; transform: translateY(12px); transition: opacity var(--duration-slow) var(--easing-standard), transform var(--duration-slow) var(--easing-standard); }
.is-visible { opacity: 1 !important; transform: translateY(0) !important; }