/* Dairy page specific styles */

/* Layout helpers */
.section { padding-block: var(--space-14); }
.section-alt { background: var(--gray-50); }
.section-accent { background: linear-gradient(180deg, #f0f7f1 0%, #f7faf7 100%); }
.section-header { max-width: 800px; margin-bottom: var(--space-8); }
.section-figure { margin-top: var(--space-8); }
.section-figure img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }

/* Hero */
.hero { background: radial-gradient(60% 80% at 10% 10%, rgba(47,168,79,0.08) 0%, rgba(47,168,79,0.0) 60%), #ffffff; border-bottom: 1px solid var(--border-color); }
.hero-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-10); align-items: center; padding-block: var(--space-12); }
.hero-copy p { font-size: var(--fs-md); color: var(--gray-700); }
.hero-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-5); align-items: center; }
.hero-media img { width: 100%; height: auto; border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }

/* TOC */
.toc-list { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: 0; margin: 0; list-style: none; }
.toc .btn { padding: 0.5rem 0.75rem; }

/* Grids */
.types-grid, .recipes-grid, .alternatives-grid, .farming-grid, .stat-cards, .sustainability-grid { display: grid; gap: var(--space-6); }
.types-grid { grid-template-columns: repeat(4, 1fr); }
.recipes-grid { grid-template-columns: repeat(4, 1fr); }
.alternatives-grid { grid-template-columns: repeat(3, 1fr); }
.farming-grid { grid-template-columns: repeat(3, 1fr); }
.stat-cards { grid-template-columns: repeat(3, 1fr); }
.sustainability-grid { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 1200px) {
  .types-grid { grid-template-columns: repeat(2, 1fr); }
  .recipes-grid { grid-template-columns: repeat(2, 1fr); }
  .alternatives-grid { grid-template-columns: repeat(2, 1fr); }
  .farming-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-cards { grid-template-columns: 1fr 1fr; }
  .sustainability-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 960px) {
  .hero-inner { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .types-grid, .recipes-grid, .alternatives-grid, .farming-grid, .stat-cards, .sustainability-grid { grid-template-columns: 1fr; }
}

/* Cards enhancements */
.card h3 { margin-top: 0; }
.card ul { margin-top: var(--space-2); }

/* Notes and badges */
.note { color: var(--gray-600); font-size: var(--fs-sm); }

/* Myths accordion */
.myths-list details { padding: 0; }
.myths-list summary { cursor: pointer; list-style: none; padding: var(--space-5) var(--space-6); }
.myths-list summary::-webkit-details-marker { display: none; }
.myths-list details > .stack { padding: 0 var(--space-6) var(--space-5); }
.myths-list details + details { margin-top: var(--space-4); }

/* CTA row */
.cta-row { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); }