/**
 * AI Editorial Autopilot - Frontend Theme-Adaptive Styles
 * Version: 2.0.1
 * 
 * Ensures generated blocks (Key Takeaways, Table of Contents, Schema Callouts)
 * render with high contrast and legibility across light, dark, and custom themes.
 */

/* ==========================================================================
   1. Ringkasan Poin Penting (Key Takeaways Block)
   ========================================================================== */
.ai-key-takeaways,
div[class*="ai-key-takeaways"] {
    background: rgba(22, 163, 74, 0.08) !important;
    border-left: 4px solid #16a34a !important;
    border-radius: 6px !important;
    padding: 16px 20px !important;
    margin: 24px 0 !important;
    color: inherit !important;
    box-sizing: border-box !important;
}

.ai-key-takeaways p,
.ai-key-takeaways ul,
.ai-key-takeaways li,
.ai-key-takeaways strong {
    color: inherit !important;
}

.ai-key-takeaways p:first-child {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    font-size: 1.05em !important;
    font-weight: 700 !important;
}

.ai-key-takeaways ul {
    margin: 8px 0 0 20px !important;
    padding: 0 !important;
}

.ai-key-takeaways li {
    margin-bottom: 6px !important;
    line-height: 1.6 !important;
}

/* ==========================================================================
   2. Navigasi Daftar Isi (Table of Contents / TOC)
   ========================================================================== */
.ai-toc,
div[class*="ai-toc"] {
    background: rgba(100, 116, 139, 0.08) !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
    border-left: 4px solid #3b82f6 !important;
    border-radius: 6px !important;
    padding: 16px 20px !important;
    margin: 24px 0 !important;
    color: inherit !important;
    box-sizing: border-box !important;
}

.ai-toc p,
.ai-toc ul,
.ai-toc li,
.ai-toc strong {
    color: inherit !important;
}

.ai-toc p:first-child {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    font-size: 1.05em !important;
    font-weight: 700 !important;
}

.ai-toc ul {
    margin: 8px 0 0 20px !important;
    padding: 0 !important;
    list-style-type: decimal !important;
}

.ai-toc li {
    margin-bottom: 6px !important;
    line-height: 1.6 !important;
}

.ai-toc a {
    color: #2563eb !important;
    text-decoration: underline !important;
    transition: color 0.2s ease-in-out !important;
}

.ai-toc a:hover {
    color: #1d4ed8 !important;
}

/* Dark mode link contrast fallback */
@media (prefers-color-scheme: dark) {
    .ai-toc a {
        color: #60a5fa !important;
    }
    .ai-toc a:hover {
        color: #93c5fd !important;
    }
}