/**
 * recipe-notes CSS
 * Component-specific styles only
 *
 * Global classes used in HTML:
 * - Container: bg-brand-50, rounded-xl
 * - Title (h2): text-xl, text-primary, font-bold, mb-4
 * - Content: uses base p styles
 */

/* ==========================================================================
   COMPONENT: RECIPE NOTES (Notizen) - Component-specific styles only
   ========================================================================== */

/* Container - callout style with left border */
.recipe_notes_container {
    margin: var(--spacing-8) 0;
    padding: var(--spacing-5) var(--spacing-6);
    background: var(--color-brand-50);
}

/* Content text styling */
.recipe_notes_content {
    line-height: var(--line-height-relaxed);
    color: var(--color-neutral-700);
}

.recipe_notes_content p {
    margin: 0 0 var(--spacing-3);
}

.recipe_notes_content p:last-child {
    margin-bottom: 0;
}