/* Article typography explicitly restores structure after Tailwind's reset. */
.article-body { font-family: var(--font-serif); font-size: 1.125rem; line-height: 1.85; overflow-wrap: anywhere; }
.article-body p, .article-body ul, .article-body ol, .article-body blockquote, .article-body pre, .article-body figure, .article-body table { margin-block: 1.5em; }
.article-body h2, .article-body h3, .article-body h4 { font-weight: 600; line-height: 1.3; margin-block: 2em 0.8em; }
.article-body h2 { font-size: 1.65em; }
.article-body h3 { font-size: 1.35em; }
.article-body h4 { font-size: 1.15em; }
.article-body ul { list-style: disc; padding-left: 1.5em; }
.article-body ol { list-style: decimal; padding-left: 1.5em; }
.article-body li { margin-block: 0.4em; }
.article-body strong, .article-body b { font-weight: 700; }
.article-body em, .article-body i { font-style: italic; }
.article-body a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.article-body blockquote { border-left: 3px solid var(--rule); padding-left: 1.2em; color: var(--muted); }
.article-body pre { background: var(--surface); padding: 1em; overflow-x: auto; max-width: 100%; white-space: pre; }
.article-body code { font-family: ui-monospace, monospace; font-size: 0.85em; }
.article-body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.article-body th, .article-body td { border: 1px solid var(--rule); padding: 0.5em; }
.article-body th { font-weight: 700; }
.article-body hr { border-top: 1px solid var(--rule); margin-block: 2em; }
.article-body img { max-width: 100%; height: auto; margin-inline: auto; }
.article-body figcaption { font-family: var(--font-sans); font-size: 0.85rem; color: var(--muted); text-align: center; }
lexxy-editor { --lexxy-color-canvas: var(--surface); --lexxy-color-text: var(--ink); --lexxy-color-text-subtle: var(--muted); --lexxy-color-code-bg: var(--paper); --lexxy-color-ink: var(--ink); --lexxy-color-ink-medium: var(--muted); --lexxy-color-ink-light: var(--muted); --lexxy-color-ink-lighter: var(--rule); --lexxy-color-ink-lightest: var(--paper); --lexxy-color-ink-inverted: var(--paper); --lexxy-color-accent-lightest: var(--paper); --lexxy-color-accent-light: var(--rule); --lexxy-color-accent-dark: var(--accent); max-width: 100%; }
lexxy-editor .lexxy-editor__content { min-height: 20rem; }