/* Supplemental responsive tweaks (core responsive rules live in style.css) */
@media (max-width: 600px) {
	.container { padding: 0 16px; }
	.hero-section { padding: 80px 0; }
	.recipe-card-box { padding: 20px; }
	.recipe-meta-bar { gap: 14px; padding: 16px; }
	.recipe-toc { gap: 6px; }
	.recipe-toc a { padding: 6px 12px; font-size: 12px; }
	.jump-to-recipe-btn { padding: 12px 22px; font-size: 14px; }
	.newsletter-cta form,
	#footer-newsletter form { flex-direction: column; }
}