/* Styles used inside TinyMCE editor and intended to match front-end article styles */
:root {
    --text-color: #1f2937; /* gray-800 */
}

body, .mce-content-body {
    font-family: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    color: var(--text-color);
    line-height: 1.75;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: Poppins, system-ui, sans-serif;
    color: #0f172a; /* darker */
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }

p { margin: 0 0 1rem 0; }

img { max-width: 100%; height: auto; display: block; margin: 0.75rem 0; }

figure { margin: 0 0 1rem 0; }

ul, ol { margin: 0 0 1rem 1.25rem; }

a { color: #065F46; text-decoration: underline; }

blockquote { border-left: 4px solid #e5e7eb; padding-left: 1rem; color: #374151; margin: 0 0 1rem 0; }

pre, code { background: #f8fafc; padding: 0.5rem; border-radius: 4px; overflow:auto; }

/* Ensure content inside published pages retains spacing similar to editor */
.article-content { font-size: 1rem; }