/* Safe semantic attributes shared by the editor, previews and published readers. */
:is(.article-prose,.learning-lesson-prose){display:flow-root;overflow-wrap:anywhere}
:is(.article-prose,.learning-lesson-prose) pre{white-space:pre-wrap;tab-size:4;padding:1rem;border:1px solid var(--line,#d9dde3);border-radius:10px;background:#f4f6f8;max-width:100%;overflow:auto;line-height:1.6}
:is(.article-prose,.learning-lesson-prose) code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;background:#f0f2f5;border-radius:4px;padding:.1em .3em}
:is(.article-prose,.learning-lesson-prose) pre code{padding:0;background:none}
:is(.article-prose,.learning-lesson-prose) [data-text-align=left]{text-align:left}
:is(.article-prose,.learning-lesson-prose) [data-text-align=center]{text-align:center}
:is(.article-prose,.learning-lesson-prose) [data-text-align=right]{text-align:right}
:is(.article-prose,.learning-lesson-prose) [data-text-align=justify]{text-align:justify}
:is(.article-prose,.learning-lesson-prose) figure[data-image-layout]{box-sizing:border-box;max-width:100%;margin:1.25rem auto;clear:none}
:is(.article-prose,.learning-lesson-prose) figure[data-image-layout] img{display:block;width:100%;height:auto;max-width:100%;margin:0}
:is(.article-prose,.learning-lesson-prose) figure[data-image-size="25"]{width:25%}
:is(.article-prose,.learning-lesson-prose) figure[data-image-size="50"]{width:50%}
:is(.article-prose,.learning-lesson-prose) figure[data-image-size="75"]{width:75%}
:is(.article-prose,.learning-lesson-prose) figure[data-image-size="100"]{width:100%}
:is(.article-prose,.learning-lesson-prose) figure[data-image-layout=left]{margin-left:0;margin-right:auto}
:is(.article-prose,.learning-lesson-prose) figure[data-image-layout=right]{margin-right:0;margin-left:auto}
:is(.article-prose,.learning-lesson-prose) figure[data-image-layout=wide]{width:100%;clear:both}
:is(.article-prose,.learning-lesson-prose) figure[data-image-layout=float-left]{float:left;max-width:60%;margin:.5rem 1.5rem 1rem 0}
:is(.article-prose,.learning-lesson-prose) figure[data-image-layout=float-right]{float:right;max-width:60%;margin:.5rem 0 1rem 1.5rem}
:is(.article-prose,.learning-lesson-prose) figcaption{font-size:.85em;color:#586273;text-align:center;line-height:1.5;margin-top:.5rem}
@media(max-width:600px){:is(.article-prose,.learning-lesson-prose) figure[data-image-layout]{float:none;max-width:100%;width:100%;margin:1rem 0}}