/*
 * Display defaults for trusted/sanitised rich content.
 *
 * Keep these selectors deliberately low-specificity with :where() so classes
 * authored inside Summernote content, such as "button button-primary", remain
 * able to control their own presentation.
 */
:where(.aptigence-rich-content) {
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.6;
}

:where(.aptigence-rich-content > :first-child) {
    margin-top: 0;
}

:where(.aptigence-rich-content > :last-child) {
    margin-bottom: 0;
}

:where(.aptigence-rich-content table) {
    width: 100%;
    border-collapse: collapse;
    margin: 0.75rem 0;
}

:where(.aptigence-rich-content th),
:where(.aptigence-rich-content td) {
    border: 1px solid rgba(15, 23, 42, 0.2);
    padding: 0.45rem 0.55rem;
    text-align: left;
    vertical-align: top;
}

:where(.aptigence-rich-content img) {
    max-width: 100%;
    height: auto;
}

:where(.aptigence-rich-content blockquote) {
    margin: 0.8rem 0;
    padding: 0.55rem 0.85rem;
    border-left: 4px solid #64748b;
    background: #f8fafc;
}

:where(.aptigence-rich-content h2),
:where(.aptigence-rich-content h3),
:where(.aptigence-rich-content h4) {
    line-height: 1.25;
    margin: 1.25em 0 0.55em;
}

:where(.aptigence-rich-content p),
:where(.aptigence-rich-content ul),
:where(.aptigence-rich-content ol),
:where(.aptigence-rich-content pre) {
    margin: 0.7em 0;
}

:where(.aptigence-rich-content ul),
:where(.aptigence-rich-content ol) {
    padding-left: 1.5rem;
}

:where(.aptigence-rich-content a) {
    color: #1d4ed8;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

:where(.aptigence-rich-content pre),
:where(.aptigence-rich-content code) {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

:where(.aptigence-rich-content pre) {
    max-width: 100%;
    overflow-x: auto;
    padding: 0.8rem;
    border-radius: 0.45rem;
    background: #f1f5f9;
}
