.tiptap img {
    max-width: 50%;
    margin: 0 auto;
    max-height: 350px;
    object-fit: contain;
    height: auto;
}

/* SEO Analysis Styles */
.seo-analysis-summary {
    border-radius: 0.5rem;
    border-width: 1px;
    padding: 1rem;
    margin-bottom: 25px;
}

.seo-analysis-summary.success {
    background-color: rgba(34, 197, 94, 0.1);
    border-color: rgb(34, 197, 94);
}

.seo-analysis-summary.warning {
    background-color: rgba(245, 158, 11, 0.1);
    border-color: rgb(245, 158, 11);
}

.seo-analysis-summary.danger {
    background-color: rgba(239, 68, 68, 0.1);
    border-color: rgb(239, 68, 68);
}

.seo-analysis-summary.gray {
    background-color: rgba(107, 114, 128, 0.1);
    border-color: rgb(107, 114, 128);
}

.seo-analysis-title.success {
    color: rgb(34, 197, 94);
}

.seo-analysis-title.warning {
    color: rgb(245, 158, 11);
}

.seo-analysis-title.danger {
    color: rgb(239, 68, 68);
}

.seo-analysis-title.gray {
    color: rgb(107, 114, 128);
}

.seo-analysis-message.success {
    color: rgb(21, 128, 61);
}

.seo-analysis-message.warning {
    color: rgb(180, 83, 9);
}

.seo-analysis-message.danger {
    color: rgb(185, 28, 28);
}

.seo-analysis-message.gray {
    color: rgb(75, 85, 99);
}

.seo-check-item {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    border-width: 1px;
}

.seo-check-item.success {
    background-color: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.2);
    color: rgb(21, 128, 61);
}

.seo-check-item.warning {
    background-color: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.2);
    color: rgb(180, 83, 9);
}

.seo-check-item.danger {
    background-color: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.2);
    color: rgb(185, 28, 28);
}

.seo-check-item.gray {
    background-color: rgba(107, 114, 128, 0.1);
    border-color: rgba(107, 114, 128, 0.2);
    color: rgb(75, 85, 99);
}

.seo-check-icon {
    flex-shrink: 0;
    font-size: 1.125rem;
}

.seo-check-text {
    font-size: 0.875rem;
    flex: 1;
    min-width: 0;
}

/* Dark mode styles */
.dark .seo-analysis-summary.success {
    background-color: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.5);
}

.dark .seo-analysis-summary.warning {
    background-color: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.5);
}

.dark .seo-analysis-summary.danger {
    background-color: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.5);
}

.dark .seo-analysis-summary.gray {
    background-color: rgba(107, 114, 128, 0.15);
    border-color: rgba(107, 114, 128, 0.5);
}

.dark .seo-analysis-title.success {
    color: rgb(134, 239, 172);
}

.dark .seo-analysis-title.warning {
    color: rgb(251, 191, 36);
}

.dark .seo-analysis-title.danger {
    color: rgb(252, 165, 165);
}

.dark .seo-analysis-title.gray {
    color: rgb(156, 163, 175);
}

.dark .seo-analysis-message.success {
    color: rgb(187, 247, 208);
}

.dark .seo-analysis-message.warning {
    color: rgb(253, 224, 71);
}

.dark .seo-analysis-message.danger {
    color: rgb(254, 202, 202);
}

.dark .seo-analysis-message.gray {
    color: rgb(209, 213, 219);
}

.dark .seo-check-item.success {
    background-color: rgba(34, 197, 94, 0.15);
    border-color: rgba(34, 197, 94, 0.3);
    color: rgb(187, 247, 208);
}

.dark .seo-check-item.warning {
    background-color: rgba(245, 158, 11, 0.15);
    border-color: rgba(245, 158, 11, 0.3);
    color: rgb(253, 224, 71);
}

.dark .seo-check-item.danger {
    background-color: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
    color: rgb(254, 202, 202);
}

.dark .seo-check-item.gray {
    background-color: rgba(107, 114, 128, 0.15);
    border-color: rgba(107, 114, 128, 0.3);
    color: rgb(209, 213, 219);
}
.seo-checks-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .seo-checks-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
