/* Shared typography for Text Editor content in CKEditor and on the page. */
.skulid-rich-text,
.cke_editable {
    color: inherit;
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.6;
}

.skulid-rich-text h1,
.skulid-rich-text h2,
.skulid-rich-text h3,
.skulid-rich-text h4,
.skulid-rich-text h5,
.skulid-rich-text h6,
.cke_editable h1,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_editable h5,
.cke_editable h6 {
    font-family: "Poppins", sans-serif;
}

.skulid-rich-text h1,
.cke_editable h1 {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    margin: 0 0 1rem;
}

.skulid-rich-text h2,
.cke_editable h2 {
    font-size: 1.875rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 0.875rem;
}

.skulid-rich-text h3,
.cke_editable h3 {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 0.75rem;
}

.skulid-rich-text h4,
.cke_editable h4 {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 0.625rem;
}

.skulid-rich-text h5,
.cke_editable h5 {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 0.5rem;
}

.skulid-rich-text h6,
.cke_editable h6 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 0.5rem;
}

.skulid-rich-text p,
.cke_editable p {
    margin: 0 0 1rem;
}

/* Tailwind makes images block-level by default. Images placed between rich
 * text must remain part of the same centered line as the surrounding words. */
.skulid-rich-text :where(h1, h2, h3, h4, h5, h6, p) img,
.cke_editable :where(h1, h2, h3, h4, h5, h6, p) img {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

.skulid-rich-text > :last-child,
.cke_editable > :last-child {
    margin-bottom: 0;
}