/* Shared HTML content. article-* aliases preserve existing publications. */
.article-html,
.html-content { display: flow-root; overflow-wrap: anywhere; }
.article-html p,
.html-content p { margin-bottom: 1rem; }
.article-html h1,
.html-content h1,
.article-html h2,
.html-content h2,
.article-html h3,
.html-content h3,
.article-html h4,
.html-content h4,
.article-html h5,
.html-content h5,
.article-html h6,
.html-content h6 { margin-bottom: 1rem; color: inherit; font-weight: 700; letter-spacing: normal; line-height: normal; }
.article-html h1,
.html-content h1 { font-size: var(--text-page-title); }
.article-html h2,
.html-content h2 { font-size: var(--text-heading); }
.article-html h3,
.html-content h3 { font-size: var(--text-heading-medium); }
.article-html h4,
.html-content h4 { font-size: var(--text-heading-small); }
.article-html a,
.html-content a { text-decoration: underline; }
.article-html ul,
.html-content ul,
.article-html ol,
.html-content ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.article-html img,
.html-content img { max-width: 100%; height: auto; }
.article-html figure,
.html-content figure { margin-block: 1.5rem; }
.article-html figcaption,
.html-content figcaption { font-size: var(--text-small); }
.article-html blockquote,
.html-content blockquote { border-left: 3px solid var(--editor-border, #e2e8e2); padding-left: 1rem; margin-block: 1rem; }
.article-html pre,
.html-content pre { max-width: 100%; overflow: auto; white-space: pre; }
.article-table-scroll,
.editor-table-scroll { width: 100%; overflow-x: auto; overscroll-behavior-x: contain; margin-bottom: 1rem; }
.article-table,
.editor-table { width: 100%; margin-inline: auto; border-collapse: separate; border-spacing: 2px; overflow-wrap: normal; }
.article-table--striped tbody tr:nth-child(odd),
.editor-table--striped tbody tr:nth-child(odd),
.article-table--striped thead tr:first-child,
.editor-table--striped thead tr:first-child { background: #f6f1f3; }
.article-table--striped thead tr:first-child,
.editor-table--striped thead tr:first-child { line-height: 2; }
.article-table--striped th,
.editor-table--striped th { text-align: left; }
.article-table--bordered th,
.editor-table--bordered th,
.article-table--bordered td,
.editor-table--bordered td { border: 1px solid var(--editor-border, #e2e8e2); padding: 8px 12px; }
.article-table--bordered,
.editor-table--bordered { border-collapse: collapse; }
.article-table--compact th,
.editor-table--compact th,
.article-table--compact td,
.editor-table--compact td { padding: 4px 8px; font-size: var(--text-small); }

@media (max-width: 767px) {
.article-html h1,
.html-content h1 { font-size: var(--text-heading); }
.article-html h2,
.html-content h2 { font-size: var(--text-heading-medium); }
.article-html h3,
.html-content h3 { font-size: var(--text-heading-small); }
}
.html-preview-body { min-height: 0; padding: 12px; }