/**
 * 123EzEditor — Frontend Output Styles
 * ──────────────────────────────────────
 * These styles apply to published content on the frontend.
 * Lightweight — only styles the HTML output from the editor.
 * Loaded only on pages built with 123EzEditor.
 */

.eze-content {
    line-height: 1.7;
    color: #2c3142;
    font-size: 16px;
}

.eze-content h1 { font-size: 2.2em; font-weight: 700; margin: 0.8em 0 0.4em; line-height: 1.2; }
.eze-content h2 { font-size: 1.7em; font-weight: 700; margin: 0.8em 0 0.4em; line-height: 1.25; }
.eze-content h3 { font-size: 1.35em; font-weight: 700; margin: 0.7em 0 0.3em; line-height: 1.3; }
.eze-content h4 { font-size: 1.1em; font-weight: 700; margin: 0.6em 0 0.3em; line-height: 1.35; }

.eze-content p { margin: 0 0 1em; }
.eze-content strong, .eze-content b { font-weight: 700; color: #1a1e2e; }
.eze-content a { color: #108ad3; text-decoration: underline; }
.eze-content a:hover { color: #0c7abc; }

.eze-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.eze-content figure {
    margin: 1em 0;
}

.eze-content figcaption {
    text-align: center;
    font-size: 0.875em;
    color: #6b7280;
    margin-top: 8px;
}

.eze-content .eze-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

.eze-content .eze-table th,
.eze-content .eze-table td {
    padding: 10px 14px;
    text-align: left;
}

.eze-content ul,
.eze-content ol {
    margin: 0 0 1em;
    padding-left: 1.5em;
}

.eze-content li {
    margin-bottom: 0.3em;
}

.eze-content hr {
    margin: 1.5em 0;
}

/* Responsive */
@media (max-width: 768px) {
    .eze-content {
        font-size: 15px;
    }

    .eze-content h1 { font-size: 1.8em; }
    .eze-content h2 { font-size: 1.4em; }
    .eze-content h3 { font-size: 1.2em; }

    /* Stack columns on mobile */
    .eze-content [style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }
}