.hybrid-bar {
border-bottom: 0.4rem solid;
border-bottom-color:rgb(134, 117, 77);
}
.custom-medical-style {
  background-color: #00A651 !important;
  color: white !important;
}
/* ─── GENERAL HEADER STYLES ─────────────────────────────────────────── */
.summative-report .summative-content h1 {
    color: #0066a0;
    font-size: 3rem;
}
.summative-report .header-content.summative-content .left h2.school-name {
    visibility: hidden;
    position: relative;
}
.summative-report .header-content.summative-content .left h2.school-name::after {
    content: "2026 Semester 1 Report";
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible;
    display: block;
    font-size: 2rem;
    font-weight: normal;
    color: #0066a0;
}
.summative-report .logo {
    max-width: 20rem;
    margin-top: 1.5rem;
    margin-left: 2rem;
}
.summative-report .card img {
    border-radius: 8px;
    height: 64px;
    border: 2px solid #000000;
}

/* ─── SHARED TABLE DEFAULTS (all ck-tables) ──────────────────────────── */
/* Signature cell - left aligned */
.summative-report .ck-table-resized td:first-child {
    text-align: left !important;
    vertical-align: bottom;
}
.summative-report .ck-table-resized td:first-child p,
.summative-report .ck-table-resized td:first-child h5 {
    text-align: left !important;
}
/* IB logo cell - centred */
.summative-report .ck-table-resized td:nth-child(2) {
    text-align: center !important;
    vertical-align: middle;
}
/* Hide the empty third column */
.summative-report .ck-table-resized td:nth-child(3) {
    display: none;
}
/* Equal column widths so IB logo is truly centred */
.summative-report .ck-table-resized colgroup col:nth-child(1) { width: 33.33% !important; }
.summative-report .ck-table-resized colgroup col:nth-child(2) { width: 33.33% !important; }
.summative-report .ck-table-resized colgroup col:nth-child(3) { width: 33.33% !important; }

/* ─── SIGNATURE TABLE ────────────────────────────────────────────────── */
.summative-report figure.table:has(img[alt*="mcsignature"]) table,
.summative-report figure.table:has(img[alt*="mcsignature"]) td,
.summative-report figure.table:has(img[alt*="mcsignature"]) th {
    border: none !important;
    outline: none !important;
}

/* ─── SHARED: IB LEARNER PROFILE + LEARNING PRACTICES + GRADE DESCRIPTORS ── */
/* Page section headings */
.summative-report article:has(img[alt*="myp circle"]) h2:last-of-type,
.summative-report article:has(th) h2 {
    font-size: 2rem;
}

/* ─── IB LEARNER PROFILE TABLE ───────────────────────────────────────── */
.summative-report figure.table:has(img[alt*="myp circle"]),
.summative-report figure.table:has(img[alt*="myp circle"]) table,
.summative-report figure.table:has(img[alt*="myp circle"]) tr,
.summative-report figure.table:has(img[alt*="myp circle"]) th {
    border: none !important;
    outline: none !important;
}
.summative-report figure.table:has(img[alt*="myp circle"]) table {
    border-collapse: collapse !important;
    width: 100% !important;
    table-layout: fixed !important;
}
.summative-report figure.table:has(img[alt*="myp circle"]) colgroup col:first-child { width: 20% !important; }
.summative-report figure.table:has(img[alt*="myp circle"]) colgroup col:last-child { width: 80% !important; }
.summative-report figure.table:has(img[alt*="myp circle"]) td {
    border: none !important;
    border-top: 1px solid #0066a0 !important;
    text-align: left !important;
    vertical-align: top;
    padding: 8px;
}
/* Image row - no border, centred */
.summative-report figure.table:has(img[alt*="myp circle"]) tr:first-child td {
    border: none !important;
    text-align: center !important;
}
.summative-report figure.table:has(img[alt*="myp circle"]) tr:first-child td img {
    display: block !important;
    margin: 0 auto !important;
}
/* Thicker top border below image row */
.summative-report figure.table:has(img[alt*="myp circle"]) tr:nth-child(2) td {
    border-top: 3px solid #0066a0 !important;
}
/* Thicker bottom border */
.summative-report figure.table:has(img[alt*="myp circle"]) tr:last-child td {
    border-bottom: 3px solid #0066a0 !important;
}
/* Blue left column labels */
.summative-report figure.table:has(img[alt*="myp circle"]) td:first-child {
    color: #0066a0;
}

/* ─── LEARNING PRACTICES TABLE ───────────────────────────────────────── */
.summative-report figure.table:not(:has(th)):not(:has(img[alt*="myp circle"])):not(:has(img[alt*="mcsignature"])) table,
.summative-report figure.table:not(:has(th)):not(:has(img[alt*="myp circle"])):not(:has(img[alt*="mcsignature"])) tr {
    border: none !important;
    outline: none !important;
}
.summative-report figure.table:not(:has(th)):not(:has(img[alt*="myp circle"])):not(:has(img[alt*="mcsignature"])) table {
    border-collapse: collapse !important;
    width: 100% !important;
    table-layout: fixed !important;
}
.summative-report figure.table:not(:has(th)):not(:has(img[alt*="myp circle"])):not(:has(img[alt*="mcsignature"])) colgroup col:first-child { width: 20% !important; }
.summative-report figure.table:not(:has(th)):not(:has(img[alt*="myp circle"])):not(:has(img[alt*="mcsignature"])) colgroup col:last-child { width: 80% !important; }
.summative-report figure.table:not(:has(th)):not(:has(img[alt*="myp circle"])):not(:has(img[alt*="mcsignature"])) td {
    border: none !important;
    border-top: 1px solid #0066a0 !important;
    padding: 8px;
    vertical-align: middle;
    text-align: left !important;
}
/* Thicker top and bottom borders */
.summative-report figure.table:not(:has(th)):not(:has(img[alt*="myp circle"])):not(:has(img[alt*="mcsignature"])) tr:first-child td {
    border-top: 3px solid #0066a0 !important;
}
.summative-report figure.table:not(:has(th)):not(:has(img[alt*="myp circle"])):not(:has(img[alt*="mcsignature"])) tr:last-child td {
    border-bottom: 3px solid #0066a0 !important;
}
/* Blue left column */
.summative-report figure.table:not(:has(th)):not(:has(img[alt*="myp circle"])):not(:has(img[alt*="mcsignature"])) td:first-child {
    color: #0066a0;
    vertical-align: middle !important;
}

/* ─── GRADE DESCRIPTORS TABLE ────────────────────────────────────────── */
.summative-report figure.table:has(th) table,
.summative-report figure.table:has(th) tr,
.summative-report figure.table:has(th) th {
    border: none !important;
    outline: none !important;
}
.summative-report figure.table:has(th) table {
    border-collapse: collapse !important;
    width: 100% !important;
    table-layout: fixed !important;
}
.summative-report figure.table:has(th) colgroup col:first-child { width: 20% !important; }
.summative-report figure.table:has(th) colgroup col:last-child { width: 80% !important; }
.summative-report figure.table:has(th) td {
    border: none !important;
    border-top: 1px solid #0066a0 !important;
    text-align: left !important;
    vertical-align: top;
    padding: 8px;
}
/* Header row */
.summative-report figure.table:has(th) thead tr th {
    border: none !important;
    background-color: transparent !important;
    color: #0066a0;
    font-weight: normal;
    text-align: left !important;
}
/* Thicker top border on first data row */
.summative-report figure.table:has(th) tbody tr:first-child td {
    border-top: 3px solid #0066a0 !important;
    color: inherit !important;
}
/* Thicker bottom border */
.summative-report figure.table:has(th) tbody tr:last-child td {
    border-bottom: 3px solid #0066a0 !important;
}
/* Blue left column, vertically centred */
.summative-report figure.table:has(th) tbody td:first-child {
    color: #0066a0;
    vertical-align: middle !important;
}
/* Force left align on descriptor column */
.summative-report figure.table:has(th) .ck-table-resized td:nth-child(2) {
    text-align: left !important;
    vertical-align: top !important;
}
.summative-report .class-page {
    background: white;
    border: none;
    border-left: 4px solid #0066a0;
    border-radius: 0;
    padding: 0.75rem 1rem;
}

.summative-report .summative-content p.worktype {
    display: none;
}
.summative-report .folder-title.class-page.summative-content img {
    display: none;
}
.summative-report .course-overview-textbox p {
    font-size: 1rem;
}

/* ─── FEEDBACK ASSESSMENT SECTION ───────────────────────────────────── */

/* Hide MYP Reporting subtext */
.summative-report .feedback-assessment p.worktype {
    display: none;
}

/* Row layout */
.summative-report .feedback-assessment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

/* Base row styling */
.summative-report .feedback-assessment-container {
    border: none !important;
    border-top: 1px solid #0066a0 !important;
}

/* First row - thicker top border */
.summative-report .feedback-assessment-container:first-child {
    border-top: 3px solid #0066a0 !important;
}

/* Last criterion row - thicker bottom border */
.summative-report .feedback-assessment-container:nth-last-child(5) {
    border-bottom: 3px solid #0066a0 !important;
}

/* Last row - thicker bottom border */
.summative-report .feedback-assessment-container:last-child {
    border-bottom: 3px solid #0066a0 !important;
}

/* Learning Practices header row - gap above, no top border */
.summative-report .feedback-assessment-container:not(:has(.grade)) {
    margin-top: 1.5rem;
    border-top: none !important;
}

/* Criterion label - normal weight, blue */
.summative-report .feedback-assessment .left h5 {
    color: #0066a0;
    font-weight: normal;
    font-size: 1rem;
    margin: 6px 0;
}

/* Learning Practices label - bold */
.summative-report .feedback-assessment-container:not(:has(.grade)) h5 {
    font-weight: bold !important;
}

/* Grade value - right aligned */
.summative-report .feedback-assessment .grade {
    text-align: right;
    color: #000000;
    font-size: 1rem;
    margin: 6px 0;
}

/* MYP Assessment Criteria heading - after the course overview textbox */
.summative-report .course-overview-textbox::after {
    content: "MYP Assessment Criteria";
    display: block;
    color: #0066a0;
    font-weight: bold;
    font-size: 1rem;
    padding-top: 1.5rem;
}

:root {
            --navigation-foreground-r: 255;
        --navigation-foreground-g: 255;
        --navigation-foreground-b: 255;
        --navigation-foreground-h: 0;
        --navigation-foreground-s: 0%;
        --navigation-foreground-l: 100%;
        --navigation-foreground-a: 1;
        --navigation-foreground:   hsla(
            var(--navigation-foreground-h),
            var(--navigation-foreground-s),
            var(--navigation-foreground-l),
            var(--navigation-foreground-a)
        );
            --navigation-foreground-contrast-r: 0;
        --navigation-foreground-contrast-g: 0;
        --navigation-foreground-contrast-b: 0;
        --navigation-foreground-contrast-h: 0;
        --navigation-foreground-contrast-s: 0%;
        --navigation-foreground-contrast-l: 0%;
        --navigation-foreground-contrast-a: 1;
        --navigation-foreground-contrast:   hsla(
            var(--navigation-foreground-contrast-h),
            var(--navigation-foreground-contrast-s),
            var(--navigation-foreground-contrast-l),
            var(--navigation-foreground-contrast-a)
        );
            --navigation-background-r: 34;
        --navigation-background-g: 54;
        --navigation-background-b: 88;
        --navigation-background-h: 217.78;
        --navigation-background-s: 44.26%;
        --navigation-background-l: 23.92%;
        --navigation-background-a: 1;
        --navigation-background:   hsla(
            var(--navigation-background-h),
            var(--navigation-background-s),
            var(--navigation-background-l),
            var(--navigation-background-a)
        );
            --navigation-background-contrast-r: 255;
        --navigation-background-contrast-g: 255;
        --navigation-background-contrast-b: 255;
        --navigation-background-contrast-h: 0;
        --navigation-background-contrast-s: 0%;
        --navigation-background-contrast-l: 100%;
        --navigation-background-contrast-a: 1;
        --navigation-background-contrast:   hsla(
            var(--navigation-background-contrast-h),
            var(--navigation-background-contrast-s),
            var(--navigation-background-contrast-l),
            var(--navigation-background-contrast-a)
        );
            --navigation-hover-r: 134;
        --navigation-hover-g: 117;
        --navigation-hover-b: 77;
        --navigation-hover-h: 42.11;
        --navigation-hover-s: 27.01%;
        --navigation-hover-l: 41.37%;
        --navigation-hover-a: 1;
        --navigation-hover:   hsla(
            var(--navigation-hover-h),
            var(--navigation-hover-s),
            var(--navigation-hover-l),
            var(--navigation-hover-a)
        );
            --navigation-hover-contrast-r: 255;
        --navigation-hover-contrast-g: 255;
        --navigation-hover-contrast-b: 255;
        --navigation-hover-contrast-h: 0;
        --navigation-hover-contrast-s: 0%;
        --navigation-hover-contrast-l: 100%;
        --navigation-hover-contrast-a: 1;
        --navigation-hover-contrast:   hsla(
            var(--navigation-hover-contrast-h),
            var(--navigation-hover-contrast-s),
            var(--navigation-hover-contrast-l),
            var(--navigation-hover-contrast-a)
        );
            --off-canvas-foreground-r: 0;
        --off-canvas-foreground-g: 0;
        --off-canvas-foreground-b: 0;
        --off-canvas-foreground-h: 0;
        --off-canvas-foreground-s: 0%;
        --off-canvas-foreground-l: 0%;
        --off-canvas-foreground-a: 1;
        --off-canvas-foreground:   hsla(
            var(--off-canvas-foreground-h),
            var(--off-canvas-foreground-s),
            var(--off-canvas-foreground-l),
            var(--off-canvas-foreground-a)
        );
            --off-canvas-foreground-contrast-r: 255;
        --off-canvas-foreground-contrast-g: 255;
        --off-canvas-foreground-contrast-b: 255;
        --off-canvas-foreground-contrast-h: 0;
        --off-canvas-foreground-contrast-s: 0%;
        --off-canvas-foreground-contrast-l: 100%;
        --off-canvas-foreground-contrast-a: 1;
        --off-canvas-foreground-contrast:   hsla(
            var(--off-canvas-foreground-contrast-h),
            var(--off-canvas-foreground-contrast-s),
            var(--off-canvas-foreground-contrast-l),
            var(--off-canvas-foreground-contrast-a)
        );
            --off-canvas-background-r: 228;
        --off-canvas-background-g: 228;
        --off-canvas-background-b: 228;
        --off-canvas-background-h: 0;
        --off-canvas-background-s: 0%;
        --off-canvas-background-l: 89.41%;
        --off-canvas-background-a: 1;
        --off-canvas-background:   hsla(
            var(--off-canvas-background-h),
            var(--off-canvas-background-s),
            var(--off-canvas-background-l),
            var(--off-canvas-background-a)
        );
            --off-canvas-background-contrast-r: 0;
        --off-canvas-background-contrast-g: 0;
        --off-canvas-background-contrast-b: 0;
        --off-canvas-background-contrast-h: 0;
        --off-canvas-background-contrast-s: 0%;
        --off-canvas-background-contrast-l: 0%;
        --off-canvas-background-contrast-a: 1;
        --off-canvas-background-contrast:   hsla(
            var(--off-canvas-background-contrast-h),
            var(--off-canvas-background-contrast-s),
            var(--off-canvas-background-contrast-l),
            var(--off-canvas-background-contrast-a)
        );
            --off-canvas-hover-r: 34;
        --off-canvas-hover-g: 54;
        --off-canvas-hover-b: 88;
        --off-canvas-hover-h: 217.78;
        --off-canvas-hover-s: 44.26%;
        --off-canvas-hover-l: 23.92%;
        --off-canvas-hover-a: 0.25;
        --off-canvas-hover:   hsla(
            var(--off-canvas-hover-h),
            var(--off-canvas-hover-s),
            var(--off-canvas-hover-l),
            var(--off-canvas-hover-a)
        );
            --off-canvas-hover-contrast-r: 255;
        --off-canvas-hover-contrast-g: 255;
        --off-canvas-hover-contrast-b: 255;
        --off-canvas-hover-contrast-h: 0;
        --off-canvas-hover-contrast-s: 0%;
        --off-canvas-hover-contrast-l: 100%;
        --off-canvas-hover-contrast-a: 1;
        --off-canvas-hover-contrast:   hsla(
            var(--off-canvas-hover-contrast-h),
            var(--off-canvas-hover-contrast-s),
            var(--off-canvas-hover-contrast-l),
            var(--off-canvas-hover-contrast-a)
        );
            --accounts-menu-foreground-r: 255;
        --accounts-menu-foreground-g: 255;
        --accounts-menu-foreground-b: 255;
        --accounts-menu-foreground-h: 0;
        --accounts-menu-foreground-s: 0%;
        --accounts-menu-foreground-l: 100%;
        --accounts-menu-foreground-a: 1;
        --accounts-menu-foreground:   hsla(
            var(--accounts-menu-foreground-h),
            var(--accounts-menu-foreground-s),
            var(--accounts-menu-foreground-l),
            var(--accounts-menu-foreground-a)
        );
            --accounts-menu-foreground-contrast-r: 0;
        --accounts-menu-foreground-contrast-g: 0;
        --accounts-menu-foreground-contrast-b: 0;
        --accounts-menu-foreground-contrast-h: 0;
        --accounts-menu-foreground-contrast-s: 0%;
        --accounts-menu-foreground-contrast-l: 0%;
        --accounts-menu-foreground-contrast-a: 1;
        --accounts-menu-foreground-contrast:   hsla(
            var(--accounts-menu-foreground-contrast-h),
            var(--accounts-menu-foreground-contrast-s),
            var(--accounts-menu-foreground-contrast-l),
            var(--accounts-menu-foreground-contrast-a)
        );
            --accounts-menu-background-r: 34;
        --accounts-menu-background-g: 54;
        --accounts-menu-background-b: 88;
        --accounts-menu-background-h: 217.78;
        --accounts-menu-background-s: 44.26%;
        --accounts-menu-background-l: 23.92%;
        --accounts-menu-background-a: 1;
        --accounts-menu-background:   hsla(
            var(--accounts-menu-background-h),
            var(--accounts-menu-background-s),
            var(--accounts-menu-background-l),
            var(--accounts-menu-background-a)
        );
            --accounts-menu-background-contrast-r: 255;
        --accounts-menu-background-contrast-g: 255;
        --accounts-menu-background-contrast-b: 255;
        --accounts-menu-background-contrast-h: 0;
        --accounts-menu-background-contrast-s: 0%;
        --accounts-menu-background-contrast-l: 100%;
        --accounts-menu-background-contrast-a: 1;
        --accounts-menu-background-contrast:   hsla(
            var(--accounts-menu-background-contrast-h),
            var(--accounts-menu-background-contrast-s),
            var(--accounts-menu-background-contrast-l),
            var(--accounts-menu-background-contrast-a)
        );
            --accounts-menu-hover-r: 134;
        --accounts-menu-hover-g: 117;
        --accounts-menu-hover-b: 77;
        --accounts-menu-hover-h: 42.11;
        --accounts-menu-hover-s: 27.01%;
        --accounts-menu-hover-l: 41.37%;
        --accounts-menu-hover-a: 1;
        --accounts-menu-hover:   hsla(
            var(--accounts-menu-hover-h),
            var(--accounts-menu-hover-s),
            var(--accounts-menu-hover-l),
            var(--accounts-menu-hover-a)
        );
            --accounts-menu-hover-contrast-r: 255;
        --accounts-menu-hover-contrast-g: 255;
        --accounts-menu-hover-contrast-b: 255;
        --accounts-menu-hover-contrast-h: 0;
        --accounts-menu-hover-contrast-s: 0%;
        --accounts-menu-hover-contrast-l: 100%;
        --accounts-menu-hover-contrast-a: 1;
        --accounts-menu-hover-contrast:   hsla(
            var(--accounts-menu-hover-contrast-h),
            var(--accounts-menu-hover-contrast-s),
            var(--accounts-menu-hover-contrast-l),
            var(--accounts-menu-hover-contrast-a)
        );
            --content-ui-foreground-r: 34;
        --content-ui-foreground-g: 54;
        --content-ui-foreground-b: 88;
        --content-ui-foreground-h: 217.78;
        --content-ui-foreground-s: 44.26%;
        --content-ui-foreground-l: 23.92%;
        --content-ui-foreground-a: 1;
        --content-ui-foreground:   hsla(
            var(--content-ui-foreground-h),
            var(--content-ui-foreground-s),
            var(--content-ui-foreground-l),
            var(--content-ui-foreground-a)
        );
            --content-ui-foreground-contrast-r: 255;
        --content-ui-foreground-contrast-g: 255;
        --content-ui-foreground-contrast-b: 255;
        --content-ui-foreground-contrast-h: 0;
        --content-ui-foreground-contrast-s: 0%;
        --content-ui-foreground-contrast-l: 100%;
        --content-ui-foreground-contrast-a: 1;
        --content-ui-foreground-contrast:   hsla(
            var(--content-ui-foreground-contrast-h),
            var(--content-ui-foreground-contrast-s),
            var(--content-ui-foreground-contrast-l),
            var(--content-ui-foreground-contrast-a)
        );
            --content-ui-background-r: 193;
        --content-ui-background-g: 205;
        --content-ui-background-b: 224;
        --content-ui-background-h: 216.77;
        --content-ui-background-s: 33.33%;
        --content-ui-background-l: 81.76%;
        --content-ui-background-a: 1;
        --content-ui-background:   hsla(
            var(--content-ui-background-h),
            var(--content-ui-background-s),
            var(--content-ui-background-l),
            var(--content-ui-background-a)
        );
            --content-ui-background-contrast-r: 0;
        --content-ui-background-contrast-g: 0;
        --content-ui-background-contrast-b: 0;
        --content-ui-background-contrast-h: 0;
        --content-ui-background-contrast-s: 0%;
        --content-ui-background-contrast-l: 0%;
        --content-ui-background-contrast-a: 1;
        --content-ui-background-contrast:   hsla(
            var(--content-ui-background-contrast-h),
            var(--content-ui-background-contrast-s),
            var(--content-ui-background-contrast-l),
            var(--content-ui-background-contrast-a)
        );
            --content-ui-hover-r: 219;
        --content-ui-hover-g: 219;
        --content-ui-hover-b: 219;
        --content-ui-hover-h: 0;
        --content-ui-hover-s: 0%;
        --content-ui-hover-l: 85.88%;
        --content-ui-hover-a: 1;
        --content-ui-hover:   hsla(
            var(--content-ui-hover-h),
            var(--content-ui-hover-s),
            var(--content-ui-hover-l),
            var(--content-ui-hover-a)
        );
            --content-ui-hover-contrast-r: 0;
        --content-ui-hover-contrast-g: 0;
        --content-ui-hover-contrast-b: 0;
        --content-ui-hover-contrast-h: 0;
        --content-ui-hover-contrast-s: 0%;
        --content-ui-hover-contrast-l: 0%;
        --content-ui-hover-contrast-a: 1;
        --content-ui-hover-contrast:   hsla(
            var(--content-ui-hover-contrast-h),
            var(--content-ui-hover-contrast-s),
            var(--content-ui-hover-contrast-l),
            var(--content-ui-hover-contrast-a)
        );
            --content-ui-selected-r: 163;
        --content-ui-selected-g: 177;
        --content-ui-selected-b: 199;
        --content-ui-selected-h: 216.67;
        --content-ui-selected-s: 24.32%;
        --content-ui-selected-l: 70.98%;
        --content-ui-selected-a: 1;
        --content-ui-selected:   hsla(
            var(--content-ui-selected-h),
            var(--content-ui-selected-s),
            var(--content-ui-selected-l),
            var(--content-ui-selected-a)
        );
            --content-ui-selected-contrast-r: 255;
        --content-ui-selected-contrast-g: 255;
        --content-ui-selected-contrast-b: 255;
        --content-ui-selected-contrast-h: 0;
        --content-ui-selected-contrast-s: 0%;
        --content-ui-selected-contrast-l: 100%;
        --content-ui-selected-contrast-a: 1;
        --content-ui-selected-contrast:   hsla(
            var(--content-ui-selected-contrast-h),
            var(--content-ui-selected-contrast-s),
            var(--content-ui-selected-contrast-l),
            var(--content-ui-selected-contrast-a)
        );
            --content-ui-submit-foreground-r: 255;
        --content-ui-submit-foreground-g: 255;
        --content-ui-submit-foreground-b: 255;
        --content-ui-submit-foreground-h: 0;
        --content-ui-submit-foreground-s: 0%;
        --content-ui-submit-foreground-l: 100%;
        --content-ui-submit-foreground-a: 1;
        --content-ui-submit-foreground:   hsla(
            var(--content-ui-submit-foreground-h),
            var(--content-ui-submit-foreground-s),
            var(--content-ui-submit-foreground-l),
            var(--content-ui-submit-foreground-a)
        );
            --content-ui-submit-foreground-contrast-r: 0;
        --content-ui-submit-foreground-contrast-g: 0;
        --content-ui-submit-foreground-contrast-b: 0;
        --content-ui-submit-foreground-contrast-h: 0;
        --content-ui-submit-foreground-contrast-s: 0%;
        --content-ui-submit-foreground-contrast-l: 0%;
        --content-ui-submit-foreground-contrast-a: 1;
        --content-ui-submit-foreground-contrast:   hsla(
            var(--content-ui-submit-foreground-contrast-h),
            var(--content-ui-submit-foreground-contrast-s),
            var(--content-ui-submit-foreground-contrast-l),
            var(--content-ui-submit-foreground-contrast-a)
        );
            --content-ui-submit-background-r: 34;
        --content-ui-submit-background-g: 54;
        --content-ui-submit-background-b: 88;
        --content-ui-submit-background-h: 217.78;
        --content-ui-submit-background-s: 44.26%;
        --content-ui-submit-background-l: 23.92%;
        --content-ui-submit-background-a: 1;
        --content-ui-submit-background:   hsla(
            var(--content-ui-submit-background-h),
            var(--content-ui-submit-background-s),
            var(--content-ui-submit-background-l),
            var(--content-ui-submit-background-a)
        );
            --content-ui-submit-background-contrast-r: 255;
        --content-ui-submit-background-contrast-g: 255;
        --content-ui-submit-background-contrast-b: 255;
        --content-ui-submit-background-contrast-h: 0;
        --content-ui-submit-background-contrast-s: 0%;
        --content-ui-submit-background-contrast-l: 100%;
        --content-ui-submit-background-contrast-a: 1;
        --content-ui-submit-background-contrast:   hsla(
            var(--content-ui-submit-background-contrast-h),
            var(--content-ui-submit-background-contrast-s),
            var(--content-ui-submit-background-contrast-l),
            var(--content-ui-submit-background-contrast-a)
        );
            --accent-foreground-r: 34;
        --accent-foreground-g: 54;
        --accent-foreground-b: 88;
        --accent-foreground-h: 217.78;
        --accent-foreground-s: 44.26%;
        --accent-foreground-l: 23.92%;
        --accent-foreground-a: 1;
        --accent-foreground:   hsla(
            var(--accent-foreground-h),
            var(--accent-foreground-s),
            var(--accent-foreground-l),
            var(--accent-foreground-a)
        );
            --accent-foreground-contrast-r: 255;
        --accent-foreground-contrast-g: 255;
        --accent-foreground-contrast-b: 255;
        --accent-foreground-contrast-h: 0;
        --accent-foreground-contrast-s: 0%;
        --accent-foreground-contrast-l: 100%;
        --accent-foreground-contrast-a: 1;
        --accent-foreground-contrast:   hsla(
            var(--accent-foreground-contrast-h),
            var(--accent-foreground-contrast-s),
            var(--accent-foreground-contrast-l),
            var(--accent-foreground-contrast-a)
        );
            --accent-background-r: 193;
        --accent-background-g: 205;
        --accent-background-b: 224;
        --accent-background-h: 216.77;
        --accent-background-s: 33.33%;
        --accent-background-l: 81.76%;
        --accent-background-a: 1;
        --accent-background:   hsla(
            var(--accent-background-h),
            var(--accent-background-s),
            var(--accent-background-l),
            var(--accent-background-a)
        );
            --accent-background-contrast-r: 0;
        --accent-background-contrast-g: 0;
        --accent-background-contrast-b: 0;
        --accent-background-contrast-h: 0;
        --accent-background-contrast-s: 0%;
        --accent-background-contrast-l: 0%;
        --accent-background-contrast-a: 1;
        --accent-background-contrast:   hsla(
            var(--accent-background-contrast-h),
            var(--accent-background-contrast-s),
            var(--accent-background-contrast-l),
            var(--accent-background-contrast-a)
        );
            --accent-hover-r: 34;
        --accent-hover-g: 54;
        --accent-hover-b: 88;
        --accent-hover-h: 217.78;
        --accent-hover-s: 44.26%;
        --accent-hover-l: 23.92%;
        --accent-hover-a: 0.25;
        --accent-hover:   hsla(
            var(--accent-hover-h),
            var(--accent-hover-s),
            var(--accent-hover-l),
            var(--accent-hover-a)
        );
            --accent-hover-contrast-r: 255;
        --accent-hover-contrast-g: 255;
        --accent-hover-contrast-b: 255;
        --accent-hover-contrast-h: 0;
        --accent-hover-contrast-s: 0%;
        --accent-hover-contrast-l: 100%;
        --accent-hover-contrast-a: 1;
        --accent-hover-contrast:   hsla(
            var(--accent-hover-contrast-h),
            var(--accent-hover-contrast-s),
            var(--accent-hover-contrast-l),
            var(--accent-hover-contrast-a)
        );
            --logo-background-r: 228;
        --logo-background-g: 228;
        --logo-background-b: 228;
        --logo-background-h: 0;
        --logo-background-s: 0%;
        --logo-background-l: 89.41%;
        --logo-background-a: 1;
        --logo-background:   hsla(
            var(--logo-background-h),
            var(--logo-background-s),
            var(--logo-background-l),
            var(--logo-background-a)
        );
            --logo-background-contrast-r: 0;
        --logo-background-contrast-g: 0;
        --logo-background-contrast-b: 0;
        --logo-background-contrast-h: 0;
        --logo-background-contrast-s: 0%;
        --logo-background-contrast-l: 0%;
        --logo-background-contrast-a: 1;
        --logo-background-contrast:   hsla(
            var(--logo-background-contrast-h),
            var(--logo-background-contrast-s),
            var(--logo-background-contrast-l),
            var(--logo-background-contrast-a)
        );
            --body-background-r: 241;
        --body-background-g: 241;
        --body-background-b: 241;
        --body-background-h: 0;
        --body-background-s: 0%;
        --body-background-l: 94.51%;
        --body-background-a: 1;
        --body-background:   hsla(
            var(--body-background-h),
            var(--body-background-s),
            var(--body-background-l),
            var(--body-background-a)
        );
            --body-background-contrast-r: 0;
        --body-background-contrast-g: 0;
        --body-background-contrast-b: 0;
        --body-background-contrast-h: 0;
        --body-background-contrast-s: 0%;
        --body-background-contrast-l: 0%;
        --body-background-contrast-a: 1;
        --body-background-contrast:   hsla(
            var(--body-background-contrast-h),
            var(--body-background-contrast-s),
            var(--body-background-contrast-l),
            var(--body-background-contrast-a)
        );
            --login-form-background-r: 255;
        --login-form-background-g: 255;
        --login-form-background-b: 255;
        --login-form-background-h: 0;
        --login-form-background-s: 0%;
        --login-form-background-l: 100%;
        --login-form-background-a: 0.5;
        --login-form-background:   hsla(
            var(--login-form-background-h),
            var(--login-form-background-s),
            var(--login-form-background-l),
            var(--login-form-background-a)
        );
            --login-form-background-contrast-r: 0;
        --login-form-background-contrast-g: 0;
        --login-form-background-contrast-b: 0;
        --login-form-background-contrast-h: 0;
        --login-form-background-contrast-s: 0%;
        --login-form-background-contrast-l: 0%;
        --login-form-background-contrast-a: 1;
        --login-form-background-contrast:   hsla(
            var(--login-form-background-contrast-h),
            var(--login-form-background-contrast-s),
            var(--login-form-background-contrast-l),
            var(--login-form-background-contrast-a)
        );
            --form-border-color-r: 193;
        --form-border-color-g: 205;
        --form-border-color-b: 224;
        --form-border-color-h: 216.77;
        --form-border-color-s: 33.33%;
        --form-border-color-l: 81.76%;
        --form-border-color-a: 1;
        --form-border-color:   hsla(
            var(--form-border-color-h),
            var(--form-border-color-s),
            var(--form-border-color-l),
            var(--form-border-color-a)
        );
            --form-border-color-contrast-r: 0;
        --form-border-color-contrast-g: 0;
        --form-border-color-contrast-b: 0;
        --form-border-color-contrast-h: 0;
        --form-border-color-contrast-s: 0%;
        --form-border-color-contrast-l: 0%;
        --form-border-color-contrast-a: 1;
        --form-border-color-contrast:   hsla(
            var(--form-border-color-contrast-h),
            var(--form-border-color-contrast-s),
            var(--form-border-color-contrast-l),
            var(--form-border-color-contrast-a)
        );
            --form-bg-hover-color-r: 255;
        --form-bg-hover-color-g: 255;
        --form-bg-hover-color-b: 255;
        --form-bg-hover-color-h: 0;
        --form-bg-hover-color-s: 0%;
        --form-bg-hover-color-l: 100%;
        --form-bg-hover-color-a: 0.5;
        --form-bg-hover-color:   hsla(
            var(--form-bg-hover-color-h),
            var(--form-bg-hover-color-s),
            var(--form-bg-hover-color-l),
            var(--form-bg-hover-color-a)
        );
            --form-bg-hover-color-contrast-r: 0;
        --form-bg-hover-color-contrast-g: 0;
        --form-bg-hover-color-contrast-b: 0;
        --form-bg-hover-color-contrast-h: 0;
        --form-bg-hover-color-contrast-s: 0%;
        --form-bg-hover-color-contrast-l: 0%;
        --form-bg-hover-color-contrast-a: 1;
        --form-bg-hover-color-contrast:   hsla(
            var(--form-bg-hover-color-contrast-h),
            var(--form-bg-hover-color-contrast-s),
            var(--form-bg-hover-color-contrast-l),
            var(--form-bg-hover-color-contrast-a)
        );
            --body-foreground-r: 157;
        --body-foreground-g: 157;
        --body-foreground-b: 157;
        --body-foreground-h: 0;
        --body-foreground-s: 0%;
        --body-foreground-l: 61.57%;
        --body-foreground-a: 1;
        --body-foreground:   hsla(
            var(--body-foreground-h),
            var(--body-foreground-s),
            var(--body-foreground-l),
            var(--body-foreground-a)
        );
            --body-foreground-h1-r: 36;
        --body-foreground-h1-g: 36;
        --body-foreground-h1-b: 36;
        --body-foreground-h1-h: 0;
        --body-foreground-h1-s: 0%;
        --body-foreground-h1-l: 14.12%;
        --body-foreground-h1-a: 1;
        --body-foreground-h1:   hsla(
            var(--body-foreground-h1-h),
            var(--body-foreground-h1-s),
            var(--body-foreground-h1-l),
            var(--body-foreground-h1-a)
        );
            --navigation-foreground-highlight-r: 255;
        --navigation-foreground-highlight-g: 255;
        --navigation-foreground-highlight-b: 255;
        --navigation-foreground-highlight-h: 0;
        --navigation-foreground-highlight-s: 0%;
        --navigation-foreground-highlight-l: 100%;
        --navigation-foreground-highlight-a: 1;
        --navigation-foreground-highlight:   hsla(
            var(--navigation-foreground-highlight-h),
            var(--navigation-foreground-highlight-s),
            var(--navigation-foreground-highlight-l),
            var(--navigation-foreground-highlight-a)
        );
    }