.formatted-content h1 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: #111827;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0.5rem;
}
.formatted-content h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    color: #1f2937;
}
.formatted-content h3 {
    font-size: 1.1rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.4rem;
    color: #374151;
}
.formatted-content p {
    margin-bottom: 0.75rem;
    color: #374151;
    line-height: 1.7;
}
.formatted-content ul,
.formatted-content ol {
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
    color: #374151;
}
.formatted-content li {
    margin-bottom: 0.25rem;
    line-height: 1.6;
}
.formatted-content strong {
    font-weight: 600;
    color: #111827;
}
.formatted-content em {
    font-style: italic;
    color: #4b5563;
}
.formatted-content code {
    background: #f3f4f6;
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
    font-family: monospace;
    font-size: 0.85em;
    color: #FF6200;
}
.formatted-content blockquote {
    border-left: 3px solid #FF6200;
    padding-left: 1rem;
    color: #6b7280;
    font-style: italic;
    margin: 1rem 0;
}

.dark .formatted-content h1 { color: #f1f5f9; border-bottom-color: #334155; }
.dark .formatted-content h2 { color: #e2e8f0; }
.dark .formatted-content h3 { color: #cbd5e1; }
.dark .formatted-content p { color: #cbd5e1; }
.dark .formatted-content ul,
.dark .formatted-content ol { color: #cbd5e1; }
.dark .formatted-content li { color: #cbd5e1; }
.dark .formatted-content strong { color: #f1f5f9; }
.dark .formatted-content em { color: #94a3b8; }
.dark .formatted-content code { background: #1e293b; color: #FF6200; }
.dark .formatted-content blockquote { color: #94a3b8; }

/* Notifications – prominenteres Design */
.fi-no-notification:not(.fi-inline) {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
    border: 2px solid #9ca3af;
}

.fi-no-notification.fi-color:not(.fi-inline) {
    border: 2px solid var(--color-400);
    background-color: color-mix(in oklab, white 78%, var(--color-400)) !important;
}

.dark .fi-no-notification.fi-color:not(.fi-inline) {
    background-color: color-mix(in oklab, var(--gray-900, #111827) 78%, var(--color-400)) !important;
}