/* Crafting page styles — minimal, leveraging base.css variables and utilities */
.hero {
  padding-block: var(--space-16) var(--space-12);
  background:
    linear-gradient(180deg, color-mix(in oklab, var(--color-warning) 12%, transparent), transparent 60%),
    radial-gradient(80% 60% at 50% 0%, color-mix(in oklab, var(--color-primary) 8%, transparent), transparent 70%);
}
.hero__inner { display: grid; gap: var(--space-8); align-items: center; grid-template-columns: 1.15fr 1fr; }
@media (max-width: 900px) { .hero__inner { grid-template-columns: 1fr; } }
.hero__actions { margin-block: var(--space-4); display: flex; gap: var(--space-3); flex-wrap: wrap; }
.kpis { margin-top: var(--space-4); display: flex; gap: var(--space-6); flex-wrap: wrap; }
.section { padding-block: var(--space-14); }
.recipes-grid .card h3 { margin-top: 0; }
#workshop-result .result-card { margin-top: var(--space-4); }

/* Subtle accent lists */
.section ul li { margin-bottom: var(--space-2); }

/* Event callouts */
button[data-event] { white-space: nowrap; }

/* Accessibility helpers */
#event-status, #feedback-status { min-height: 1.5rem; }