:root{--ct-rich-purple:#7041a7;--ct-rich-blue:#1456a0;--ct-rich-green:#14663b;--ct-rich-red:#a32132;--ct-rich-amber:#795408;--ct-rich-mark-yellow:#ffeb96;--ct-rich-mark-green:#ccecd6;--ct-rich-mark-blue:#d6e7fc;--ct-rich-mark-pink:#fbd8e7}
html[data-ct-lesson-theme=dark]{--ct-rich-purple:#d2b0ff;--ct-rich-blue:#99c6ff;--ct-rich-green:#8ddab0;--ct-rich-red:#ffb1bd;--ct-rich-amber:#f5d28a;--ct-rich-mark-yellow:#655014;--ct-rich-mark-green:#234b36;--ct-rich-mark-blue:#23405f;--ct-rich-mark-pink:#593044}
.ct-rich-content{overflow-wrap:anywhere;white-space:normal;line-height:1.85}
.ct-rich-content :is(p,ul,ol,blockquote,pre,table){margin-block:.65em}
.ct-rich-content :first-child{margin-top:0}
.ct-rich-content :last-child{margin-bottom:0}
.ct-rich-content :is(h2,h3,h4){font-weight:800;line-height:1.5;margin:1em 0 .5em;color:inherit}
.ct-rich-content h2{font-size:1.6em}.ct-rich-content h3{font-size:1.35em}.ct-rich-content h4{font-size:1.15em}
.ct-rich-content :is(ul,ol){padding-inline-start:1.7em;list-style-position:outside}
.ct-rich-content ul{list-style-type:disc}.ct-rich-content ol{list-style-type:decimal}
.ct-rich-content li>p{margin:.2em 0}.ct-rich-content li::marker{color:inherit}
.ct-rich-content blockquote{border-inline-start:3px solid var(--ct-accent);padding-inline-start:1em}
.ct-rich-content :is(code,pre){font-family:Consolas,'Courier New',monospace;background:var(--ct-soft,#f0ebf5);color:var(--ct-ink,#242137);border-radius:5px}
.ct-rich-content code{padding:.15em .3em;font-size:.9em}.ct-rich-content pre{padding:14px;overflow:auto;white-space:pre;direction:ltr;text-align:left}.ct-rich-content pre code{padding:0}
.ct-rich-content a{color:var(--ct-accent);text-decoration:underline;text-underline-offset:3px}
.ct-rich-content a:focus-visible{outline:2px solid var(--ct-accent);outline-offset:3px}
.ct-rich-content mark{color:inherit;background:var(--ct-rich-mark-yellow);padding:.08em .12em;border-radius:2px}
.ct-rich-content hr{border:0;border-top:1px solid var(--ct-control-line,#9678ad);margin:1.2em 0}
.ct-rich-content table{border-collapse:collapse;table-layout:fixed;width:100%;color:inherit}
.ct-rich-content :is(td,th){border:1px solid var(--ct-control-line,#9678ad);padding:9px;vertical-align:top;min-width:40px;position:relative;text-align:start}
.ct-rich-content th{background:var(--ct-soft,#f0ebf5);font-weight:800}
.ct-rich-content .tableWrapper{overflow-x:auto}
.ct-rich-content img{display:block;max-width:100%;height:auto;margin:1em auto;border-radius:8px}
html[data-ct-lesson-theme=dark] .ct-rich-content{--ct-soft:#2b2338;--ct-ink:#f0e9f8}