/*
 * Application-wide styles manifest.
 *
 * This project uses Tailwind CSS as the primary styling framework.
 * Tailwind classes are applied directly in the views.
 */
.is-admin-preview header {
    @apply bg-amber-100;
}

/* Editor.js heading styles */
.ce-block__content .ce-header {
    padding: 0.5em 0;
}

.ce-block__content h2.ce-header {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.3;
}

.ce-block__content h3.ce-header {
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.4;
}

.ce-block__content h4.ce-header {
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.5;
}