/* Rich-text content rendered OUTSIDE the Quill editor.
 *
 * Quill stores alignment, size, indent and font as classes (ql-align-center, ql-size-large, …),
 * and quill.snow.css only styles them under `.ql-editor`. So the moment saved content is rendered
 * in a read-only section, a signing page, a receipt or a PDF, the classes are present but inert and
 * the text falls back to left-aligned body size — the "my centering disappeared after saving" bug.
 *
 * These rules restore the same formatting outside the editor. Values mirror quill.snow.css, but in
 * em rather than the editor's px base so they scale with whatever context they land in.
 *
 * New content also gets equivalent inline styles stamped on save (matrix-quill.js →
 * normalizeAgreementHtml), which is what carries formatting into emails and PDFs where this
 * stylesheet is not loaded. This file is what makes content saved BEFORE that change render
 * correctly, so do not drop it as redundant.
 */

.ql-align-center {
    text-align: center;
}

.ql-align-right {
    text-align: right;
}

.ql-align-justify {
    text-align: justify;
}

.ql-size-small {
    font-size: 0.75em;
}

.ql-size-large {
    font-size: 1.5em;
}

.ql-size-huge {
    font-size: 2.5em;
}

.ql-font-serif {
    font-family: Georgia, 'Times New Roman', serif;
}

.ql-font-monospace {
    font-family: Monaco, 'Courier New', monospace;
}

.ql-indent-1 {
    padding-left: 3em;
}

.ql-indent-2 {
    padding-left: 6em;
}

.ql-indent-3 {
    padding-left: 9em;
}

.ql-indent-4 {
    padding-left: 12em;
}

.ql-indent-5 {
    padding-left: 15em;
}

.ql-indent-6 {
    padding-left: 18em;
}

.ql-indent-7 {
    padding-left: 21em;
}

.ql-indent-8 {
    padding-left: 24em;
}

/* Blank lines are <p><br></p>. layout.css sets `p { margin: 0 }` app-wide, so their height comes
 * purely from line-height; without this they render noticeably tighter than in the editor and the
 * spacing the author set up no longer matches what they saw while typing. 1.42 is Quill's own. */
.readonly-html,
.rich-text-content {
    line-height: 1.42;
}

    .readonly-html p,
    .rich-text-content p {
        min-height: 1.42em;
    }