/* One shared typography system for the editor document and public article. */
.article-body,.article-document{font-size:17px;line-height:1.9;color:#29292e;overflow-wrap:anywhere;word-break:normal}
.article-body>:first-child,.article-document>:first-child{margin-top:0}
.article-body p,.article-document p,.article-body>div:not(.image-group),.article-document>div:not(.image-group){margin:0 0 1.25em;min-height:1em;white-space:pre-wrap}
.article-body h2,.article-document h2{font-size:30px;font-weight:650;letter-spacing:-.035em;line-height:1.4;margin:1.7em 0 .7em;color:#171719}
.article-body h3,.article-document h3{font-size:23px;font-weight:650;line-height:1.5;margin:1.5em 0 .6em}
.article-body h4,.article-document h4{font-size:19px;line-height:1.5;margin:1.5em 0 .6em}
.article-body figure,.article-document figure{margin:28px 0;padding:0;max-width:100%}
.article-body img,.article-document img{display:block;width:auto;max-width:100%;height:auto;margin:auto;border-radius:10px}
.article-body video,.article-document video{display:block;width:100%;max-height:70vh;border-radius:10px;background:#141416}
.article-body audio,.article-document audio{display:block;width:100%;min-width:0}
.article-body figcaption,.article-document figcaption{font-size:12px;line-height:1.7;color:#737379;text-align:center;padding:12px 8px}
.article-body blockquote,.article-document blockquote{margin:28px 0;padding:20px 25px;border-left:3px solid #b52b15;background:#faf6f4;font-size:20px;color:#4e3a34}
.article-body hr,.article-document hr{margin:36px 0;border:0;border-top:1px solid #ddd}
.article-body ul,.article-body ol,.article-document ul,.article-document ol{padding-left:1.6em;margin:1.2em 0}
.article-body a,.article-document a{color:#a22a15;text-decoration:underline;text-underline-offset:4px}
.article-body .image-group,.article-document .image-group{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:16px;margin:28px 0}
.article-body .image-group figure,.article-document .image-group figure{margin:0}
.article-body .image-group img,.article-document .image-group img{width:100%;aspect-ratio:4/3;object-fit:cover}
.article-body .article-spacer,.article-document .article-spacer{margin:0}
@media(max-width:540px){.article-body,.article-document{font-size:16px}.article-body h2,.article-document h2{font-size:25px}.article-body .image-group,.article-document .image-group{grid-template-columns:1fr}.article-body blockquote,.article-document blockquote{font-size:18px;padding:16px 20px}}
