/* Theme is scoped to the reader/preview documents that load this stylesheet. */
.ct-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-inline-start: auto;
}
.ct-header-actions .ct-header-cta {
    margin: 0;
}
.ct-theme-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 40px;
    min-height: 40px;
    border: 1px solid #e4daef;
    border-radius: 9px;
    background: #fff;
    color: #785595;
    padding: 8px 12px;
    font:
        700 11px "Cairo",
        sans-serif;
    cursor: pointer;
}
.ct-theme-toggle:hover {
    background: #f4eefb;
    border-color: #c9aedf;
}
.ct-theme-toggle .ct-icon {
    width: 17px;
    height: 17px;
}
.ct-theme-sun {
    display: none;
}
/* Give the entire lesson overview a slightly deeper lavender surface. */
@media screen {
    [data-ct-lesson-theme="light"] .ct-hero {
        background: #f1ecf8;
        border-color: #ddd1e9;
    }
    [data-ct-lesson-theme="light"] .ct-hero-grid {
        background: radial-gradient(ellipse at 5% 0%, #e8def3 0%, transparent 70%);
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-lesson-meta {
        background: #eae2f3;
        border-color: #d9cce5;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-browser-card {
        background: #faf7fd;
        border-color: #d8c9e7;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-browser-top {
        background: #eee7f6;
        border-color: #dfd3eb;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-eyebrow,
    [data-ct-lesson-theme="light"] .ct-hero .ct-lesson-meta dt,
    [data-ct-lesson-theme="light"] .ct-hero .ct-browser-top,
    [data-ct-lesson-theme="light"] .ct-hero .ct-visual-label {
        color: #715d80;
    }
    /* Fill the topic's title band without moving its text or lesson content. */
    [data-ct-lesson-theme="light"] .ct-elements-topic-title,
    [data-ct-lesson-theme="light"] .ct-builder-topic-heading {
        position: relative;
        isolation: isolate;
    }
    [data-ct-lesson-theme="light"] .ct-elements-topic-title::before,
    [data-ct-lesson-theme="light"] .ct-builder-topic-heading::before {
        content: "";
        position: absolute;
        inset: -40px -40px 0;
        z-index: -1;
        pointer-events: none;
        background: #f1ebf8;
        border-bottom: 1px solid #e2d7ed;
    }
    [data-ct-lesson-theme="light"] .ct-elements-topic-title h2 [lang="en"],
    [data-ct-lesson-theme="light"] .ct-builder-topic-heading h2 span[lang="en"] {
        color: #796687;
    }
}
[data-ct-lesson-theme="dark"] {
    color-scheme: dark;
    --ct-ink: #eee8f5;
    --ct-muted: #b1a4bd;
    --ct-purple: #b38ddd;
    --ct-purple-dark: #d1b0ef;
    --ct-lilac: #34263f;
    --ct-line: #383040;
    --ct-page: #16131d;
    --ct-white: #211c2a;
}
[data-ct-lesson-theme="dark"] body {
    background: var(--ct-page);
    color: var(--ct-ink);
}
[data-ct-lesson-theme="dark"] .ct-theme-moon {
    display: none;
}
[data-ct-lesson-theme="dark"] .ct-theme-sun {
    display: block;
}
[data-ct-lesson-theme="dark"] .ct-theme-toggle {
    background: #2c2336;
    border-color: #53405f;
    color: #dcc0f5;
}
[data-ct-lesson-theme="dark"] .ct-theme-toggle:hover {
    background: #3d2d4b;
    border-color: #9266ad;
}
[data-ct-lesson-theme="dark"] .ct-preview-notice {
    background: #0e0b13;
    border-bottom: 1px solid #33273d;
    color: #d0bbdf;
}
[data-ct-lesson-theme="dark"] .ct-site-header {
    background: #1b1722;
    border-color: var(--ct-line);
}
[data-ct-lesson-theme="dark"] .ct-brand img {
    filter: brightness(0) invert(1);
    opacity: 0.94;
}
[data-ct-lesson-theme="dark"] .ct-brand b {
    color: #eee8f5;
}
[data-ct-lesson-theme="dark"] .ct-main-nav a {
    color: #aa9ab8;
}
[data-ct-lesson-theme="dark"] .ct-main-nav a:hover,
[data-ct-lesson-theme="dark"] .ct-main-nav .ct-active {
    color: #d0a8f1;
}
[data-ct-lesson-theme="dark"] .ct-header-cta {
    background: #31233d;
    border-color: #493255;
    color: #d6b3ef;
}
[data-ct-lesson-theme="dark"] .ct-header-cta:hover {
    background: #42304e;
}
[data-ct-lesson-theme="dark"] .ct-breadcrumb {
    color: #a395ae;
}
[data-ct-lesson-theme="dark"] .ct-breadcrumb [aria-current] {
    color: #d2bedf;
}
[data-ct-lesson-theme="dark"] .ct-breadcrumb > span:not([aria-current]) {
    color: #74627f;
}
[data-ct-lesson-theme="dark"] .ct-curriculum {
    background: #211c2a;
    border-color: var(--ct-line);
}
[data-ct-lesson-theme="dark"] .ct-course-menu > summary {
    border-color: var(--ct-line);
}
[data-ct-lesson-theme="dark"] .ct-course-menu > summary small {
    color: #b2a0c0;
}
[data-ct-lesson-theme="dark"] .ct-course-emblem {
    background: #3b2c25;
    color: #eaa678;
}
[data-ct-lesson-theme="dark"] .ct-course-position > div:first-child,
[data-ct-lesson-theme="dark"] .ct-course-position small {
    color: #af9abc;
}
[data-ct-lesson-theme="dark"] .ct-course-track {
    background: #3b2b47;
}
[data-ct-lesson-theme="dark"] .ct-course-track span {
    background: #b487d8;
}
[data-ct-lesson-theme="dark"] .ct-course-search input {
    background: #19151f;
    border-color: #3c3047;
    color: #ece1f4;
}
[data-ct-lesson-theme="dark"] .ct-course-search input::placeholder {
    color: #a290af;
}
[data-ct-lesson-theme="dark"] .ct-course-search svg {
    color: #ab92bb;
}
[data-ct-lesson-theme="dark"] .ct-course-search kbd {
    background: #2b2135;
    border-color: #4a3658;
    color: #bc9fcb;
}
[data-ct-lesson-theme="dark"] .ct-elements-chapter {
    border-color: #302737;
}
[data-ct-lesson-theme="dark"] .ct-elements-chapter summary {
    color: #b8a8c4;
}
[data-ct-lesson-theme="dark"] .ct-elements-chapter summary:before {
    color: #937fa2;
}
[data-ct-lesson-theme="dark"] .ct-elements-chapter summary:after {
    color: #af93c3;
}
[data-ct-lesson-theme="dark"] .ct-elements-chapter[open] > summary {
    color: #e0c9ef;
}
[data-ct-lesson-theme="dark"] .ct-elements-chapter li a {
    color: #af9ebd;
}
[data-ct-lesson-theme="dark"] .ct-elements-chapter li a:hover {
    background: #2b2135;
    color: #e5c9f9;
}
[data-ct-lesson-theme="dark"] .ct-elements-chapter li a[aria-current] {
    background: #3a2948;
    color: #dab5f7;
}
[data-ct-lesson-theme="dark"] .ct-elements-chapter li a[aria-current]:after {
    border-color: #614271;
    color: #d5b1eb;
}
[data-ct-lesson-theme="dark"] .ct-elements-chapter li a:before {
    border-color: #83718f;
}
[data-ct-lesson-theme="dark"] .ct-course-help {
    background: #1d1824;
    color: #ad94bd;
    border-color: var(--ct-line);
}
[data-ct-lesson-theme="dark"] .ct-hero {
    background: #211c2a;
    border-color: #3a2e45;
    box-shadow: 0 8px 30px #00000012;
}
[data-ct-lesson-theme="dark"] .ct-hero-grid {
    background: radial-gradient(ellipse at 0% 5%, #382446 0%, transparent 68%);
}
[data-ct-lesson-theme="dark"] .ct-eyebrow {
    color: #b59ec5;
}
[data-ct-lesson-theme="dark"] .ct-level {
    background: #33253f;
    border-color: #4d355e;
    color: #d1b5e3;
}
[data-ct-lesson-theme="dark"] .ct-level > span {
    background: #c296df;
}
[data-ct-lesson-theme="dark"] .ct-hero h1 {
    color: #f3ecf9;
}
[data-ct-lesson-theme="dark"] .ct-hero h1 [lang="en"] {
    color: #b599c9;
}
[data-ct-lesson-theme="dark"] .ct-hero-description {
    color: #c0b0cc;
}
[data-ct-lesson-theme="dark"] .ct-button-primary {
    background: #9764c0;
    color: #fff;
    box-shadow: 0 5px 20px #8e47bf26;
}
[data-ct-lesson-theme="dark"] .ct-button-primary:hover {
    background: #aa77d3;
    color: #fff;
}
[data-ct-lesson-theme="dark"] .ct-button-text {
    color: #c6a4dd;
}
[data-ct-lesson-theme="dark"] .ct-button-text:hover {
    background: #362540;
}
[data-ct-lesson-theme="dark"] .ct-visual-label {
    color: #b598c9;
}
[data-ct-lesson-theme="dark"] .ct-html-badge {
    background: #433025;
    border-color: #63462e;
    color: #f1b385;
}
[data-ct-lesson-theme="dark"] .ct-browser-card {
    background: #211928;
    border-color: #584063;
    box-shadow: 0 18px 36px #05030838;
}
[data-ct-lesson-theme="dark"] .ct-browser-top {
    background: #291e32;
    border-color: #40304b;
    color: #b8a0c9;
}
[data-ct-lesson-theme="dark"] .ct-window-dots i {
    opacity: 0.8;
}
[data-ct-lesson-theme="dark"] .ct-tag {
    color: #d5a8f5;
    background: #3a254c;
}
[data-ct-lesson-theme="dark"] .ct-line-number {
    color: #947caa;
}
[data-ct-lesson-theme="dark"] .ct-code-content {
    color: #e9e0f0;
    background: #302436;
}
[data-ct-lesson-theme="dark"] .ct-anatomy-labels {
    color: #b9a1ca;
}
[data-ct-lesson-theme="dark"] .ct-anatomy-labels span:before {
    background: #694d7a;
}
[data-ct-lesson-theme="dark"] .ct-browser-result {
    border-color: #4b3558;
}
[data-ct-lesson-theme="dark"] .ct-browser-result strong {
    color: #f0e4f8;
}
[data-ct-lesson-theme="dark"] .ct-result-caption {
    color: #ac94be;
}
[data-ct-lesson-theme="dark"] .ct-result-cursor {
    color: #c49be2;
}
[data-ct-lesson-theme="dark"] .ct-visual-caption {
    color: #b79ac9;
}
[data-ct-lesson-theme="dark"] .ct-visual-watermark {
    color: #885ba012;
}
[data-ct-lesson-theme="dark"] .ct-lesson-meta {
    background: #1d1725;
    border-color: #392b44;
}
[data-ct-lesson-theme="dark"] .ct-lesson-meta dt {
    color: #a78db9;
}
[data-ct-lesson-theme="dark"] .ct-lesson-meta dd {
    color: #d7c1e4;
}
[data-ct-lesson-theme="dark"] .ct-lesson-meta svg {
    color: #ab85c3;
}
[data-ct-lesson-theme="dark"] .ct-course-chapters--numbered .ct-lesson-number {
    color: #b8a8c4;
}
[data-ct-lesson-theme="dark"] .ct-course-chapters--numbered .ct-chapter-label bdi[lang="ar"],
[data-ct-lesson-theme="dark"] .ct-course-chapters--numbered .ct-lesson-label bdi[lang="ar"] {
    color: #b8a8c4;
}
[data-ct-lesson-theme="dark"] .ct-reading-toolbar {
    background: #16131df5;
    border-color: #3a2b46;
}
[data-ct-lesson-theme="dark"] .ct-toolbar-current svg {
    color: #b491cc;
}
[data-ct-lesson-theme="dark"] .ct-reading-actions button {
    background: #261e30;
    border-color: #493356;
    color: #c3a3d8;
}
[data-ct-lesson-theme="dark"] .ct-reading-actions button:hover,
[data-ct-lesson-theme="dark"] .ct-reading-actions button[aria-pressed="true"] {
    background: #412b53;
    border-color: #8c60ac;
    color: #e6c4ff;
}
[data-ct-lesson-theme="dark"] .ct-scroll-track span {
    background: #b88bdf;
}
[data-ct-lesson-theme="dark"] .ct-outline {
    background: #211b2a;
    border-color: #3b2d47;
}
[data-ct-lesson-theme="dark"] .ct-outline[open] summary {
    border-color: #3a2b46;
}
[data-ct-lesson-theme="dark"] .ct-outline summary b {
    background: #3c284c;
    color: #d3b0ed;
}
[data-ct-lesson-theme="dark"] .ct-outline summary .ct-outline-hint {
    color: #aa8dbd;
}
[data-ct-lesson-theme="dark"] .ct-outline a {
    color: #baa3cd;
}
[data-ct-lesson-theme="dark"] .ct-outline a:before {
    color: #9d7eb4;
}
[data-ct-lesson-theme="dark"] .ct-outline a:hover,
[data-ct-lesson-theme="dark"] .ct-outline a[aria-current] {
    color: #e2b9ff;
}
[data-ct-lesson-theme="dark"] .ct-elements-topic,
[data-ct-lesson-theme="dark"] .ct-builder-topic {
    background: #211c2a;
    border-color: #3a2e45;
}
[data-ct-lesson-theme="dark"] .ct-elements-topic-title,
[data-ct-lesson-theme="dark"] .ct-builder-topic-heading {
    border-color: #3c2e48;
    background: transparent;
}
[data-ct-lesson-theme="dark"] .ct-elements-anchor,
[data-ct-lesson-theme="dark"]
    .ct-reader-page
    .ct-builder-topic-heading
    .ct-topic-number,
[data-ct-lesson-theme="dark"] .ct-topic-number {
    background: #342540;
    border-color: #52335f;
    color: #c19adb;
}
[data-ct-lesson-theme="dark"] .ct-elements-topic h2,
[data-ct-lesson-theme="dark"] .ct-builder-topic h2 {
    color: #efdff7;
}
[data-ct-lesson-theme="dark"] .ct-elements-topic h2 [lang="en"],
[data-ct-lesson-theme="dark"]
    .ct-reader-page
    .ct-builder-topic-heading
    h2
    span[lang="en"],
[data-ct-lesson-theme="dark"] .ct-builder-topic h2 [lang="en"] {
    color: #b394c8;
}
[data-ct-lesson-theme="dark"] .ct-elements-prose,
[data-ct-lesson-theme="dark"] .ct-builder-prose,
[data-ct-lesson-theme="dark"] .ct-content-prose {
    color: var(--ct-content-text, var(--ct-reader-authored-text, #c7b7d3));
}
[data-ct-lesson-theme="dark"] .ct-elements-prose strong,
[data-ct-lesson-theme="dark"] .ct-elements-prose b {
    color: #e4d0f0;
}
[data-ct-lesson-theme="dark"] .ct-elements-prose a {
    color: #c795f0;
    text-decoration-color: #7e549b;
}
[data-ct-lesson-theme="dark"] .ct-elements-block figure {
    background: #2c2333;
    border-color: #46344f;
}
[data-ct-lesson-theme="dark"] .ct-elements-code-title {
    color: #c8addd;
}
[data-ct-lesson-theme="dark"] .ct-elements-code-description {
    color: #b7a1c5;
}
[data-ct-lesson-theme="dark"] .ct-code-card,
[data-ct-lesson-theme="dark"] .ct-reader-page .ct-content-source.ct-code-card {
    background: #141019;
    border-color: #473251;
    box-shadow: none;
}
[data-ct-lesson-theme="dark"]
    .ct-reader-page
    .ct-content-source.ct-code-card
    pre {
    background: var(--ct-content-bg, #141019);
}
[data-ct-lesson-theme="dark"] .ct-code-card pre {
    color: #e8ddec;
}
[data-ct-lesson-theme="dark"] .ct-code-card-head,
[data-ct-lesson-theme="dark"] .ct-code-card-foot {
    border-color: #34243c;
    background: transparent;
}
[data-ct-lesson-theme="dark"] .ct-code-card-language {
    color: #c6a2de;
}
[data-ct-lesson-theme="dark"] .ct-preview-filename {
    color: #a88bba;
}
[data-ct-lesson-theme="dark"] .ct-code-card .ct-code-tag {
    color: #d4a5f5;
}
[data-ct-lesson-theme="dark"] .ct-elements-note {
    background: #2c2236;
    border-color: #523461;
    border-inline-start-color: #ad7ccb;
}
[data-ct-lesson-theme="dark"] .ct-elements-note h3 {
    color: #c8a3e3;
}
[data-ct-lesson-theme="dark"] .ct-elements-note .ct-elements-prose {
    color: #c8b4d7;
}
[data-ct-lesson-theme="dark"] .ct-elements-note-warning {
    background: #33291e;
    border-color: #5d482a;
    border-inline-start-color: #ccab6d;
}
[data-ct-lesson-theme="dark"] .ct-elements-note-warning h3 {
    color: #e2c38e;
}
[data-ct-lesson-theme="dark"] .ct-elements-note-warning .ct-elements-prose {
    color: #d7c2a1;
}
[data-ct-lesson-theme="dark"] .ct-content-note,
[data-ct-lesson-theme="dark"] .ct-reader-page .ct-content-note {
    background: var(--ct-content-bg, #2d2338);
    color: var(--ct-content-text, var(--ct-reader-authored-text, #c9b4da));
    border-color: var(--ct-content-border, #735186);
}
[data-ct-lesson-theme="dark"] .ct-content-no-bg .ct-content-note,
[data-ct-lesson-theme="dark"]
    .ct-reader-page
    .ct-content-no-bg
    .ct-content-note {
    background: transparent;
}
[data-ct-lesson-theme="dark"] .ct-content-box {
    color: var(--ct-content-text, var(--ct-reader-authored-text, #c7b7d3));
}
[data-ct-lesson-theme="dark"] .ct-builder-prose :is(td, th) {
    border-color: #6e567e;
}
[data-ct-lesson-theme="dark"] .ct-builder-prose th,
[data-ct-lesson-theme="dark"] .ct-builder-prose blockquote {
    background: #35263f;
    color: #d4bee0;
}
[data-ct-lesson-theme="dark"] .ct-builder-container {
    background: #251d2d;
    border-color: #6d4d80;
}
[data-ct-lesson-theme="dark"] .ct-elements-closing {
    color: #b29abe;
}
[data-ct-lesson-theme="dark"] .ct-elements-closing h2 {
    color: #c5a4d7;
}
[data-ct-lesson-theme="dark"] .ct-elements-social h2 {
    color: #c1a4d3;
}
[data-ct-lesson-theme="dark"] .ct-elements-share-links a {
    background: #2b2035;
    border-color: #51365e;
    color: #c8a7de;
}
[data-ct-lesson-theme="dark"] .ct-elements-share-links a:hover {
    background: #3d284b;
    color: #ecd1ff;
}
[data-ct-lesson-theme="dark"] .ct-elements-feedback-buttons button {
    background: #251c2d;
    border-color: #483151;
    color: #ac8bbd;
}
[data-ct-lesson-theme="dark"] .ct-elements-feedback p {
    color: #ad8dbf;
}
[data-ct-lesson-theme="dark"] .ct-bottom-navigation a {
    background: #211b29;
    border-color: #3c2b49;
    color: #ad8fc1;
}
[data-ct-lesson-theme="dark"] .ct-bottom-navigation strong {
    color: #d7b8eb;
}
[data-ct-lesson-theme="dark"] .ct-bottom-navigation .ct-next-lesson {
    background: #31203f;
    border-color: #624174;
}
[data-ct-lesson-theme="dark"] .ct-bottom-navigation .ct-next-lesson strong {
    color: #dcb7f5;
}
[data-ct-lesson-theme="dark"] .ct-footer {
    border-color: #3b2c46;
    color: #ac92bc;
}
[data-ct-lesson-theme="dark"] .ct-back-top {
    background: #302039;
    border-color: #60416e;
    color: #d6adf0;
}
[data-ct-lesson-theme="dark"] .ct-reader-toast,
[data-ct-lesson-theme="dark"] .ct-preview-toast {
    background: #d1b0e9;
    color: #2a1836;
}
[data-ct-lesson-theme="dark"] .ct-reader-page .ct-lesson-video {
    background: #211c2a;
    border-color: #473251;
}
/* Editor chrome follows the page. Authored surfaces and embedded output keep their colors. */
[data-ct-lesson-theme="dark"] .ct-lesson-builder-editor {
    background: #231b2c;
    border-color: #5b3a6d;
}
[data-ct-lesson-theme="dark"] .ct-builder-toolbar {
    border-color: #4b3259;
}
[data-ct-lesson-theme="dark"] .ct-builder-toolbar strong {
    color: #d0a8ea;
}
[data-ct-lesson-theme="dark"] .ct-builder-toolbar [data-ct-save-status] {
    color: #bd9dcd;
}
[data-ct-lesson-theme="dark"] .ct-builder-topic-card,
[data-ct-lesson-theme="dark"] .ct-builder-node {
    background: #241c2d;
    border-color: #573b67;
}
[data-ct-lesson-theme="dark"] .ct-builder-card-head,
[data-ct-lesson-theme="dark"] .ct-builder-row-head,
[data-ct-lesson-theme="dark"] .ct-builder-node-head {
    background: #2b2035;
    border-color: #533661;
    color: #ceb1df;
}
[data-ct-lesson-theme="dark"] .ct-builder-card-head h2,
[data-ct-lesson-theme="dark"] .ct-builder-card-head h2 span {
    color: #e2c6f1;
}
[data-ct-lesson-theme="dark"] .ct-builder-card-head h2 small {
    color: #ba98ce;
}
[data-ct-lesson-theme="dark"] .ct-builder-row-card {
    border-color: #644575;
}
[data-ct-lesson-theme="dark"] .ct-builder-grid {
    background-image: linear-gradient(to left, #9571b326 1px, transparent 1px);
}
[data-ct-lesson-theme="dark"] .ct-builder-button,
[data-ct-lesson-theme="dark"] .ct-builder-mini,
[data-ct-lesson-theme="dark"] .ct-builder-control {
    background: #352340;
    border-color: #705181;
    color: #d5b7e8;
}
[data-ct-lesson-theme="dark"] .ct-builder-button:hover,
[data-ct-lesson-theme="dark"] .ct-builder-control:hover {
    background: #50355e;
    color: #f0d7ff;
}
[data-ct-lesson-theme="dark"] .ct-builder-primary {
    background: #8c58b0;
    border-color: #a372c3;
    color: #fff;
}
[data-ct-lesson-theme="dark"] .ct-builder-width,
[data-ct-lesson-theme="dark"] .ct-builder-row-count {
    background: #3c2949;
    color: #cbb0dc;
    border-color: #674777;
}
[data-ct-lesson-theme="dark"] .ct-builder-empty {
    color: #b796c9;
}
[data-ct-lesson-theme="dark"] .ct-lesson-builder-editor .ct-builder-node-head,
[data-ct-lesson-theme="dark"] .ct-lesson-builder-editor .ct-builder-topic-card > [data-action="add-row"] {
    background: var(--ct-white);
    color: var(--ct-ink);
    border-color: var(--ct-line);
}
[data-ct-lesson-theme="dark"] .ct-lesson-builder-editor .ct-builder-node-title,
[data-ct-lesson-theme="dark"] .ct-lesson-builder-editor .ct-builder-control-label {
    color: var(--ct-ink);
}
/* Rich dialogs outside the builder retain their existing editing contract. */
[data-ct-lesson-theme="dark"] .ct-rich-dialog {
    color-scheme: light;
    color: #35273f;
}
[data-ct-lesson-theme="dark"] .ct-builder-modal .ct-builder-button {
    background: var(--ct-white);
    border-color: #8b7899;
    color: var(--ct-ink);
}
[data-ct-lesson-theme="dark"] .ct-builder-modal .ct-builder-primary {
    background: #8053a1;
    border-color: #8053a1;
    color: #fff;
}
[data-ct-lesson-theme="dark"] .ct-builder-modal .ct-builder-prose {
    color: var(--ct-ink);
}
[data-ct-lesson-theme="dark"] .ct-builder-modal label,
[data-ct-lesson-theme="dark"] .ct-builder-modal h2 {
    color: var(--ct-ink);
}
/* Bootstrap builder dialogs share the reader theme, including inserted fields. */
[data-ct-lesson-theme="dark"] .ct-builder-modal {
    --ct-builder-control-line: #8b7899;
    --ct-builder-selected: #392a4d;
    --ct-builder-accent: #d0adf5;
    color-scheme: dark;
    color: var(--ct-ink);
}
[data-ct-lesson-theme="dark"] .ct-builder-modal :is(.modal-content, .ct-builder-modal-header, .ct-builder-modal-section, .ct-builder-modal-actions, .ct-builder-type-popup, .ct-builder-row-popup, .ct-builder-advanced, .ct-builder-check, [data-topic-header-fields], .ct-builder-topic-content, .ct-builder-topic-group-fields) {
    background: var(--ct-white);
    color: var(--ct-ink);
    border-color: var(--ct-line);
}
[data-ct-lesson-theme="dark"] .ct-builder-modal .ct-builder-modal-body {
    background: var(--ct-page);
    color: var(--ct-ink);
}
[data-ct-lesson-theme="dark"] .ct-builder-modal :is(p, legend, summary, .ct-builder-modal-section-title, .ct-builder-rich-label, .ct-builder-modal-close, .ct-builder-type-name, .ct-builder-type-group-title, .ct-builder-check) {
    color: var(--ct-ink);
}
[data-ct-lesson-theme="dark"] .ct-builder-modal :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select, .ct-builder-type-trigger, .ct-builder-row-trigger, .ct-builder-type-search, .ct-builder-type-clear) {
    background: var(--ct-white);
    color: var(--ct-ink);
    border-color: var(--ct-builder-control-line);
}
[data-ct-lesson-theme="dark"] .ct-builder-modal :is(input, textarea)::placeholder {
    color: var(--ct-muted);
    opacity: 1;
}
[data-ct-lesson-theme="dark"] .ct-builder-modal :is(.ct-builder-type-value, .ct-builder-type-option-value, .ct-builder-image-hint) { color: var(--ct-muted); }
[data-ct-lesson-theme="dark"] .ct-builder-modal :is(.ct-builder-modal-icon, .ct-builder-modal-note, .ct-builder-type-option.is-active, .ct-builder-type-option:hover, .ct-builder-button:not(.ct-builder-primary):hover) {
    background: var(--ct-builder-selected);
    color: var(--ct-builder-accent);
    border-color: var(--ct-builder-control-line);
}
[data-ct-lesson-theme="dark"] .ct-builder-modal :is(button, input, textarea, select, summary, .jodit-wysiwyg):focus-visible {
    outline: 2px solid var(--ct-builder-accent) !important;
    outline-offset: 2px;
}
[data-ct-lesson-theme="dark"] .ct-builder-modal :is(.jodit-container, .jodit-workplace, .jodit-wysiwyg, .jodit-source__mirror, .jodit-status-bar) {
    background: var(--ct-white);
    color: var(--ct-ink);
    border-color: var(--ct-builder-control-line);
    --jd-color-icon: var(--ct-ink);
    --jd-color-background-default: var(--ct-white);
    --jd-color-border: var(--ct-builder-control-line);
}
[data-ct-lesson-theme="dark"] .ct-builder-modal .jodit-toolbar__box {
    background: var(--ct-builder-selected);
    border-color: var(--ct-builder-control-line);
}
[data-ct-lesson-theme="dark"] .ct-builder-modal .ct-builder-modal-error { color: #ffacb9; }
/* Premium violet treatment for the HTML Elements lesson hero. */
@media screen {
    [data-ct-lesson-theme="light"] .ct-hero {
        --ct-hero-surface: #f8f5ff;
        --ct-hero-surface-soft: #f1ebff;
        --ct-hero-surface-deep: #e5dbff;
        --ct-hero-ink: #282139;
        --ct-hero-muted: #625d74;
        --ct-hero-accent: #6840ae;
        --ct-hero-accent-strong: #583592;
        --ct-hero-accent-soft: #eee6ff;
        --ct-hero-line: #dcd3ed;
        --ct-hero-focus: #6840ae;
        --ct-hero-shadow: #46326c18;
        background: linear-gradient(120deg, var(--ct-hero-surface-soft), var(--ct-hero-surface));
        border-color: var(--ct-hero-line);
        box-shadow: 0 16px 45px var(--ct-hero-shadow);
    }
    [data-ct-lesson-theme="light"] .ct-hero-grid {
        background: radial-gradient(ellipse at 5% 95%, var(--ct-hero-surface-deep) 0, transparent 60%), linear-gradient(120deg, var(--ct-hero-surface-soft), var(--ct-hero-surface));
    }
    [data-ct-lesson-theme="light"] .ct-hero h1 {
        color: var(--ct-hero-ink);
    }
    [data-ct-lesson-theme="light"] .ct-hero h1 [lang="en"] {
        color: var(--ct-hero-accent);
    }
    [data-ct-lesson-theme="light"] .ct-hero-description {
        color: var(--ct-hero-muted);
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-eyebrow,
    [data-ct-lesson-theme="light"] .ct-hero .ct-visual-label {
        color: #7053a8;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-level {
        background: var(--ct-hero-accent-soft);
        border-color: #cdb8f0;
        color: #604493;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-level > span {
        background: #8862d3;
        box-shadow: 0 0 0 4px #8b60d315;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-button-primary {
        background: linear-gradient(135deg, #7853cf, var(--ct-hero-accent-strong));
        color: #fff;
        box-shadow: 0 10px 24px #7046a83b, inset 0 1px 0 #ffffff35;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-button-primary:hover {
        background: linear-gradient(135deg, #8056c9, #7048b8);
        color: #fff;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-button-primary:active {
        transform: translateY(0);
        box-shadow: 0 5px 14px #7046a82b, inset 0 1px 0 #ffffff20;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-button-primary:focus-visible,
    [data-ct-lesson-theme="light"] .ct-hero .ct-button-text:focus-visible {
        outline: 3px solid var(--ct-hero-focus);
        outline-offset: 4px;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-button-text {
        background: #ffffff80;
        border: 1px solid #cdb8f0;
        color: var(--ct-hero-accent-strong);
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-button-text:hover {
        background: var(--ct-hero-accent-soft);
        border-color: #a98bdc;
        color: #52358b;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-lesson-meta {
        background: #eee8fa;
        border-color: var(--ct-hero-line);
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-lesson-meta dt {
        color: #7053a8;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-lesson-meta dd {
        color: #3d2f55;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-lesson-meta svg {
        color: #8862d3;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-html-badge {
        background: #f5efff;
        border-color: #d4c0f2;
        color: #6846a1;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-browser-card {
        background: #fcfaff;
        border-color: #cdb8e8;
        box-shadow: 0 18px 36px #46326c18;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-browser-top {
        background: #eee7fa;
        border-color: #dcd3ed;
        color: #7053a8;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-visual-caption {
        color: #7053a8;
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-result-caption,
    [data-ct-lesson-theme="light"] .ct-hero .ct-anatomy-labels,
    [data-ct-lesson-theme="light"] .ct-hero .ct-line-number {
        color: var(--ct-hero-muted);
    }
    [data-ct-lesson-theme="light"] .ct-hero .ct-tag {
        color: var(--ct-hero-accent);
        background: var(--ct-hero-accent-soft);
    }

    [data-ct-lesson-theme="dark"] .ct-hero {
        --ct-hero-surface: #241b32;
        --ct-hero-surface-soft: #2d2140;
        --ct-hero-surface-deep: #443064;
        --ct-hero-ink: #f5edff;
        --ct-hero-muted: #c8b8d5;
        --ct-hero-accent: #d9c2ff;
        --ct-hero-accent-strong: #8d5cc5;
        --ct-hero-accent-soft: #3d2b57;
        --ct-hero-line: #513b68;
        --ct-hero-focus: #d9c2ff;
        --ct-hero-shadow: #05030838;
        background: linear-gradient(120deg, var(--ct-hero-surface-soft), var(--ct-hero-surface));
        border-color: var(--ct-hero-line);
        box-shadow: 0 16px 45px var(--ct-hero-shadow);
    }
    [data-ct-lesson-theme="dark"] .ct-hero-grid {
        background: radial-gradient(ellipse at 0% 5%, var(--ct-hero-surface-deep) 0, transparent 68%), linear-gradient(120deg, var(--ct-hero-surface-soft), var(--ct-hero-surface));
    }
    [data-ct-lesson-theme="dark"] .ct-hero h1 {
        color: var(--ct-hero-ink);
    }
    [data-ct-lesson-theme="dark"] .ct-hero h1 [lang="en"] {
        color: var(--ct-hero-accent);
    }
    [data-ct-lesson-theme="dark"] .ct-hero-description {
        color: var(--ct-hero-muted);
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-eyebrow,
    [data-ct-lesson-theme="dark"] .ct-hero .ct-visual-label {
        color: #d2b4f3;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-level {
        background: var(--ct-hero-accent-soft);
        border-color: #674887;
        color: #e0c9fa;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-level > span {
        background: #c09af0;
        box-shadow: 0 0 0 4px #b98ce822;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-button-primary {
        background: linear-gradient(135deg, #8d5cc5, #7446aa);
        color: #fff;
        box-shadow: 0 10px 24px #05030855, inset 0 1px 0 #ffffff30;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-button-primary:hover {
        background: linear-gradient(135deg, #8053b9, #68439d);
        color: #fff;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-button-primary:active {
        transform: translateY(0);
        box-shadow: 0 5px 14px #05030845, inset 0 1px 0 #ffffff20;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-button-primary:focus-visible,
    [data-ct-lesson-theme="dark"] .ct-hero .ct-button-text:focus-visible {
        outline: 3px solid var(--ct-hero-focus);
        outline-offset: 4px;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-button-text {
        background: #3d2b5780;
        border: 1px solid #674887;
        color: #e0c9fa;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-button-text:hover {
        background: #4c3568;
        border-color: #936ac4;
        color: #fff;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-lesson-meta {
        background: #2d2140;
        border-color: var(--ct-hero-line);
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-lesson-meta dt {
        color: #c9a9ea;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-lesson-meta dd {
        color: #eadcff;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-lesson-meta svg {
        color: #b891e5;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-html-badge {
        background: #3d2b57;
        border-color: #684888;
        color: #e0c4ff;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-browser-card {
        background: #261d35;
        border-color: #674887;
        box-shadow: 0 18px 36px #05030845;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-browser-top {
        background: #322348;
        border-color: #513b68;
        color: #cdb0eb;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-visual-caption {
        color: #c6a6e7;
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-result-caption,
    [data-ct-lesson-theme="dark"] .ct-hero .ct-anatomy-labels,
    [data-ct-lesson-theme="dark"] .ct-hero .ct-line-number {
        color: var(--ct-hero-muted);
    }
    [data-ct-lesson-theme="dark"] .ct-hero .ct-tag {
        color: var(--ct-hero-accent);
        background: var(--ct-hero-accent-soft);
    }
    [data-ct-lesson-theme] .ct-hero .ct-course-heading h1 {
        display: flex;
        flex-direction: column;
    }
    [data-ct-lesson-theme] .ct-hero .ct-course-heading h1 [lang="en"] {
        order: -1;
        font-size: clamp(40px, 3vw, 42px);
        font-weight: 800;
        line-height: 1.25;
        margin: 0 0 8px;
        color: var(--ct-hero-accent);
    }
    @media (min-width: 601px) and (max-width: 800px) {
        [data-ct-lesson-theme] .ct-hero .ct-course-heading h1 [lang="en"] {
            font-size: clamp(28px, 4.5vw, 34px);
        }
    }
    @media (max-width: 600px) {
        [data-ct-lesson-theme] .ct-hero .ct-course-heading h1 [lang="en"] {
            font-size: clamp(20px, 6vw, 28px);
        }
    }
    @media (prefers-reduced-motion: reduce) {
        [data-ct-lesson-theme] .ct-hero .ct-button-primary,
        [data-ct-lesson-theme] .ct-hero .ct-button-text {
            transition: none;
        }
        [data-ct-lesson-theme] .ct-hero .ct-button-primary:hover,
        [data-ct-lesson-theme] .ct-hero .ct-button-primary:active {
            transform: none;
        }
    }

    [data-ct-lesson-theme="light"] .ct-outline {
        --ct-outline-surface: #faf8ff;
        --ct-outline-header: #f4f0fd;
        --ct-outline-card: #ffffff;
        --ct-outline-ink: #282139;
        --ct-outline-muted: #625d74;
        --ct-outline-secondary: #626269;
        --ct-outline-accent: #6840ae;
        --ct-outline-soft: #eee6ff;
        --ct-outline-selected: #e7dcff;
        --ct-outline-line: #dcd3ed;
        --ct-outline-focus: #6840ae;
    }
    [data-ct-lesson-theme="dark"] .ct-outline {
        --ct-outline-surface: #241b32;
        --ct-outline-header: #2d2140;
        --ct-outline-card: #2a203b;
        --ct-outline-ink: #f5edff;
        --ct-outline-muted: #c8b8d5;
        --ct-outline-secondary: #b8b5be;
        --ct-outline-accent: #d9c2ff;
        --ct-outline-soft: #3d2b57;
        --ct-outline-selected: #4a3265;
        --ct-outline-line: #513b68;
        --ct-outline-focus: #d9c2ff;
    }
    [data-ct-lesson-theme] .ct-outline {
        border: 1px solid var(--ct-outline-line);
        background: var(--ct-outline-surface);
        border-radius: 16px;
        box-shadow: 0 12px 30px #46326c12;
    }
    [data-ct-lesson-theme] .ct-outline > summary {
        min-height: 70px;
        padding: 18px 22px;
        background: var(--ct-outline-header);
        color: var(--ct-outline-ink);
        font-size: 20px;
        line-height: 1.4;
        flex-wrap: wrap;
    }
    [data-ct-lesson-theme] .ct-outline > summary > span:first-child {
        gap: 10px;
    }
    [data-ct-lesson-theme] .ct-outline > summary svg {
        width: 22px;
        height: 22px;
        color: var(--ct-outline-accent);
    }
    [data-ct-lesson-theme] .ct-outline > summary b {
        min-width: 34px;
        padding: 5px 9px;
        border: 1px solid var(--ct-outline-line);
        border-radius: 999px;
        background: var(--ct-outline-soft);
        color: var(--ct-outline-accent);
        font-size: 12px;
        line-height: 1.2;
        text-align: center;
    }
    [data-ct-lesson-theme] .ct-outline > summary .ct-outline-hint {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--ct-outline-muted);
        font-size: 12px;
        line-height: 1.5;
        white-space: nowrap;
    }
    [data-ct-lesson-theme] .ct-outline > summary .ct-menu-chevron {
        display: inline-block;
        flex: 0 0 18px;
        width: 18px;
        height: 18px;
        color: var(--ct-outline-accent);
        font-size: 0;
        line-height: 0;
        background-color: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
        transition: transform 180ms ease;
    }
    [data-ct-lesson-theme] .ct-outline[open] > summary .ct-menu-chevron {
        transform: rotate(180deg);
    }
    [data-ct-lesson-theme] .ct-outline[open] > summary {
        border-bottom: 1px solid var(--ct-outline-line);
    }
    [data-ct-lesson-theme] .ct-outline .ct-lesson-toc {
        margin: 0;
        padding: 16px 22px 20px;
        background: var(--ct-outline-surface);
    }
    [data-ct-lesson-theme] .ct-outline .ct-lesson-toc ol,
    [data-ct-lesson-theme] .ct-outline > ol {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 12px;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    [data-ct-lesson-theme] .ct-outline li {
        min-width: 0;
        margin: 0;
    }
    [data-ct-lesson-theme] .ct-outline li > a {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr) 18px;
        grid-template-rows: auto auto;
        align-items: start;
        column-gap: 12px;
        row-gap: 3px;
        min-height: 66px;
        box-sizing: border-box;
        padding: 8px 13px;
        border: 1px solid var(--ct-outline-line);
        border-radius: 12px;
        background: var(--ct-outline-card);
        color: var(--ct-outline-ink);
        line-height: 1.45;
        text-decoration: none;
        overflow-wrap: anywhere;
    }
    [data-ct-lesson-theme] .ct-outline li > a::before {
        display: grid;
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 38px;
        height: 38px;
        min-height: 38px;
        place-items: center;
        align-self: center;
        margin: 0;
        border: 1px solid var(--ct-outline-line);
        border-radius: 10px;
        background: var(--ct-outline-soft);
        color: var(--ct-outline-accent);
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
    }
    [data-ct-lesson-theme] .ct-outline li > a::after {
        grid-column: 3;
        grid-row: 1 / span 2;
        align-self: center;
        color: var(--ct-outline-accent);
        content: "→";
        font-size: 18px;
        line-height: 1;
    }
    html[dir="rtl"][data-ct-lesson-theme] .ct-outline li > a::after {
        content: "←";
    }
    [data-ct-lesson-theme] .ct-outline li > a:not(:has(> span[lang])) {
        display: flex;
        align-items: stretch;
    }
    [data-ct-lesson-theme] .ct-outline li > a:not(:has(> span[lang]))::after {
        margin-inline-start: auto;
    }
    [data-ct-lesson-theme] .ct-outline li > a > span {
        display: block;
        grid-column: 2;
        min-width: 0;
        overflow-wrap: anywhere;
        opacity: 1;
    }
    [data-ct-lesson-theme] .ct-outline li > a > span[lang="en"] {
        grid-row: 2;
        color: var(--ct-outline-secondary);
        font-size: 13px;
        font-weight: 400;
        line-height: 1.4;
        opacity: 1;
        text-align: start;
    }
    [data-ct-lesson-theme] .ct-outline li > a > span[lang="ar"] {
        color: var(--ct-outline-ink);
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        grid-row: 1;
        text-align: start;
    }
    [data-ct-lesson-theme] .ct-outline li > a:hover {
        border-color: var(--ct-outline-accent);
        background: var(--ct-outline-soft);
        box-shadow: 0 6px 16px #46326c18;
    }
    [data-ct-lesson-theme] .ct-outline li > a[aria-current] {
        border-color: var(--ct-outline-accent);
        background: var(--ct-outline-selected);
        box-shadow: inset 3px 0 0 var(--ct-outline-accent);
    }
    html[dir="rtl"][data-ct-lesson-theme] .ct-outline li > a[aria-current] {
        box-shadow: inset -3px 0 0 var(--ct-outline-accent);
    }
    [data-ct-lesson-theme] .ct-outline li > a[aria-current]::before {
        border-color: var(--ct-outline-accent);
        background: var(--ct-outline-accent);
        color: var(--ct-outline-card);
    }
    [data-ct-lesson-theme] .ct-outline li > a:focus-visible {
        outline: 3px solid var(--ct-outline-focus);
        outline-offset: 3px;
    }
    [data-ct-lesson-theme] .ct-outline > summary:focus-visible {
        outline: 3px solid var(--ct-outline-focus);
        outline-offset: -4px;
    }
    html[dir="rtl"][data-ct-lesson-theme] .ct-outline li > a > span {
        text-align: right;
    }
    html[dir="ltr"][data-ct-lesson-theme] .ct-outline li > a > span {
        text-align: left;
    }
    @media (max-width: 760px) {
        [data-ct-lesson-theme] .ct-outline .ct-lesson-toc {
            padding-inline: 12px;
        }
        [data-ct-lesson-theme] .ct-outline .ct-lesson-toc ol,
        [data-ct-lesson-theme] .ct-outline > ol {
            grid-template-columns: 1fr;
        }
    }
    @media (prefers-reduced-motion: reduce) {
        [data-ct-lesson-theme] .ct-outline li > a,
        [data-ct-lesson-theme] .ct-outline > summary .ct-menu-chevron {
            transition: none;
        }
    }
}
@media (max-width: 900px) {
    .ct-header-inner {
        gap: 24px;
    }
    .ct-main-nav {
        gap: 20px;
    }
}
@media (max-width: 600px) {
    .ct-header-actions {
        gap: 7px;
    }
    .ct-theme-toggle {
        padding: 8px;
        min-width: 35px;
        min-height: 35px;
        border-radius: 8px;
    }
    .ct-theme-toggle [data-ct-theme-label] {
        display: none;
    }
    .ct-theme-toggle .ct-icon {
        width: 16px;
        height: 16px;
    }
    .ct-header-actions .ct-header-cta {
        gap: 5px;
        padding-inline: 9px;
    }
    .ct-header-inner {
        gap: 10px;
    }
}
@media print {
    .ct-theme-toggle {
        display: none;
    }
    html[data-ct-lesson-theme="dark"] {
        color-scheme: light;
        --ct-page: #fff;
        --ct-ink: #242137;
        --ct-line: #ddd;
    }
    html[data-ct-lesson-theme="dark"] body {
        background: white;
        color: #242137;
    }
    html[data-ct-lesson-theme="dark"]
        :is(
            .ct-hero,
            .ct-hero-grid,
            .ct-lesson-meta,
            .ct-elements-topic,
            .ct-builder-topic
        ) {
        background: white;
        color: #242137;
    }
    html[data-ct-lesson-theme="dark"]
        :is(
            .ct-elements-prose,
            .ct-builder-prose,
            .ct-elements-topic h2,
            .ct-hero h1,
            .ct-hero-description
        ) {
        color: #242137;
    }
}