.ciit-course-environment-workspace {
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    min-height: calc(100vh - 72px);
}

.ciit-course-global-sidebar {
    position: sticky;
    top: 72px;
    align-self: start;
    height: calc(100vh - 72px);
    overflow-y: auto;
    padding: 22px 14px;
    border-right: 1px solid #e5eaf2;
    background: #ffffff;
    scrollbar-width: thin;
    scrollbar-color: #cbd6e5 transparent;
}

.ciit-course-global-sidebar-heading {
    padding: 4px 12px 17px;
    border-bottom: 1px solid #edf1f6;
    margin-bottom: 12px;
}

.ciit-course-global-sidebar-heading span,
.ciit-course-global-sidebar-section > span {
    display: block;
    color: #8a96a8;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ciit-course-global-sidebar-heading strong {
    display: block;
    margin-top: 5px;
    overflow: hidden;
    color: #182a49;
    font-size: .94rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ciit-course-global-nav {
    display: grid;
    gap: 4px;
}

.ciit-course-global-nav a,
.ciit-course-coming-soon-link {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 9px 11px;
    border-radius: 10px;
    color: #596981;
    font-size: .83rem;
    font-weight: 700;
    text-decoration: none;
}

.ciit-course-global-nav a i,
.ciit-course-coming-soon-link i {
    width: 18px;
    color: #7b8aa1;
    text-align: center;
}

.ciit-course-global-nav a:hover,
.ciit-course-global-nav a.active {
    background: #edf4ff;
    color: #1769ff;
}

.ciit-course-global-nav a:hover i,
.ciit-course-global-nav a.active i {
    color: #1769ff;
}

.ciit-course-global-sidebar-section {
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid #edf1f6;
}

.ciit-course-global-sidebar-section > span {
    padding: 0 12px 8px;
}

.ciit-course-coming-soon-link {
    cursor: default;
    color: #8a96a8;
}

.ciit-course-coming-soon-link small {
    margin-left: auto;
    padding: 2px 6px;
    border: 1px solid #e6ebf2;
    border-radius: 999px;
    color: #9aa5b5;
    font-size: .61rem;
    font-weight: 800;
    text-transform: uppercase;
}

.ciit-course-environment-main {
    width: 100%;
    min-width: 0;
    min-height: calc(100vh - 72px);
}

/* Home and Curriculum now use the shared course navigation shell. */
.ciit-course-experience {
    width: 100%;
}

.ciit-course-experience > .container {
    width: 100%;
    max-width: none;
    padding-left: 32px;
    padding-right: 32px;
}

.ciit-course-experience-shell {
    display: block;
    width: 100%;
}

.ciit-course-experience-shell > .ciit-course-experience-sidebar {
    display: none;
}

.ciit-course-experience-main {
    width: 100%;
}

.ciit-course-experience-hero,
.ciit-course-stat-grid,
.ciit-course-experience-card {
    width: 100%;
}

/* Make the lesson workspace feel like a dedicated LMS rather than the public site. */
.ciit-learning-header {
    padding-top: 20px;
    padding-bottom: 24px;
}

.ciit-learning-header-row {
    margin-top: 18px;
}

.ciit-learning-price-card {
    min-width: 180px;
}

.ciit-learning-shell {
    max-width: 1280px;
}

.ciit-learning-main-card {
    box-shadow: 0 14px 40px rgba(18, 36, 68, .055);
}

.ciit-learning-lesson-actions .btn {
    min-height: 42px;
    font-weight: 700;
}

.ciit-learning-main-card::before {
    content: "";
    display: block;
    height: 3px;
    margin: -28px -28px 24px;
    border-radius: 14px 14px 0 0;
    background: linear-gradient(90deg, #1769ff, #14a6d8);
}

@media (max-width: 1199.98px) {
    .ciit-course-environment-workspace {
        display: block;
    }

    .ciit-course-global-sidebar {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .ciit-course-environment-main {
        min-height: calc(100vh - 64px);
    }

    .ciit-course-experience > .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ciit-learning-main-card::before {
        margin: -18px -18px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ciit-course-global-sidebar * {
        transition: none !important;
    }
}


/* Premium student sidebar polish; existing links and responsive rules are preserved. */
.ciit-course-global-sidebar {
    padding: 25px 13px;
    border-right-color: #e1e9f6;
    background: linear-gradient(180deg, #fff 0%, #fbfcff 100%);
}

.ciit-course-global-sidebar-heading {
    padding: 7px 11px 19px;
    border-bottom-color: #e9eef7;
}

.ciit-course-global-sidebar-heading span,
.ciit-course-global-sidebar-section > span {
    color: #8290a6;
    letter-spacing: .12em;
}

.ciit-course-global-sidebar-heading strong {
    margin-top: 7px;
    font-size: .98rem;
    letter-spacing: -.02em;
}

.ciit-course-global-nav {
    gap: 6px;
    margin-top: 15px;
}

.ciit-course-global-nav a,
.ciit-course-coming-soon-link {
    min-height: 43px;
    gap: 11px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 11px;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.ciit-course-global-nav a i,
.ciit-course-coming-soon-link i {
    width: 19px;
    font-size: .98rem;
}

.ciit-course-global-nav a:hover {
    transform: translateX(2px);
    background: #f2f6ff;
}

.ciit-course-global-nav a.active {
    border-color: #d9e6ff;
    background: linear-gradient(100deg, #eaf2ff, #f5f8ff);
    box-shadow: inset 3px 0 0 #2674ff;
    color: #145be6;
}

.ciit-course-global-sidebar-section {
    margin-top: 23px;
    padding-top: 19px;
    border-top-color: #e9eef7;
}

.ciit-course-global-sidebar-section > span {
    padding-bottom: 10px;
}

.ciit-course-coming-soon-link {
    font-weight: 650;
}

.ciit-course-coming-soon-link small {
    padding: 3px 7px;
    border-color: #e5ebf5;
    background: #f8faff;
}

.ciit-course-global-sidebar a:focus-visible {
    outline: 3px solid rgba(23, 105, 255, .42);
    outline-offset: 3px;
}


/* Premium Learning Hub header and sidebar refinement. Existing navigation and routes remain unchanged. */
.ciit-course-environment-header {
    border-bottom: 1px solid rgba(214, 226, 245, .92);
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 8px 28px rgba(25, 55, 105, .045);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    backdrop-filter: blur(18px) saturate(150%);
}

.ciit-course-environment-header-inner {
    min-height: 76px;
    gap: clamp(12px, 1.8vw, 26px);
}

.ciit-course-environment-brand {
    gap: 11px;
    letter-spacing: -.035em;
    transition: opacity .2s ease, transform .2s ease;
}

.ciit-course-environment-brand:hover {
    color: #13284b;
    opacity: .94;
    transform: translateY(-1px);
}

.ciit-course-environment-brand-mark {
    position: relative;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 12px;
    background: linear-gradient(145deg, #3985ff 0%, #1769ff 52%, #1452d6 100%);
    box-shadow: 0 7px 16px rgba(23, 105, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .35);
}

.ciit-course-environment-context {
    position: relative;
    padding-left: 25px;
    border-left-color: #e6edf8;
}

.ciit-course-environment-label {
    color: #8292ad;
    font-size: .64rem;
    letter-spacing: .13em;
}

.ciit-course-environment-context strong {
    color: #1b2e50;
    font-weight: 750;
    letter-spacing: -.015em;
}

.ciit-course-environment-nav {
    gap: 5px;
}

.ciit-course-environment-nav a {
    min-height: 39px;
    padding: 10px 13px;
    border: 1px solid transparent;
    border-radius: 11px;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.ciit-course-environment-nav a:hover {
    transform: translateY(-1px);
    border-color: #e1eaff;
    background: #f4f7ff;
}

.ciit-course-environment-nav a.active {
    border-color: #dce8ff;
    background: linear-gradient(115deg, #eaf2ff, #f6f9ff);
    color: #145be6;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .75);
}

.ciit-course-environment-nav a i {
    font-size: .95rem;
}

.ciit-course-environment-account {
    gap: 12px;
    padding-left: 16px;
    border-left: 1px solid #e8eef7;
}

.ciit-course-environment-user {
    max-width: 190px;
    color: #687b98;
    font-weight: 600;
}

.ciit-course-signout {
    min-height: 38px;
    padding: 8px 15px;
    border-color: #cbdcff;
    border-radius: 11px;
    background: #fff;
    color: #1763ec;
    box-shadow: 0 3px 9px rgba(29, 78, 160, .045);
    transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.ciit-course-signout:hover {
    transform: translateY(-1px);
    border-color: #1769ff;
    background: #1769ff;
    color: #fff;
    box-shadow: 0 7px 16px rgba(23, 105, 255, .2);
}

.ciit-course-global-sidebar {
    top: 76px;
    height: calc(100vh - 76px);
    padding: 25px 13px 22px;
    border-right: 1px solid #e3ebf7;
    background:
        radial-gradient(ellipse at 0% 0%, rgba(224, 237, 255, .44), transparent 42%),
        linear-gradient(180deg, #fff 0%, #fbfcff 70%, #f8faff 100%);
}

.ciit-course-global-sidebar-heading {
    position: relative;
    padding: 8px 11px 19px;
}

.ciit-course-global-sidebar-heading::after {
    position: absolute;
    right: 11px;
    bottom: -1px;
    left: 11px;
    height: 1px;
    background: linear-gradient(90deg, #dce7f8, rgba(220, 231, 248, 0));
    content: "";
}

.ciit-course-global-sidebar-heading span,
.ciit-course-global-sidebar-section > span {
    color: #8292ad;
    font-size: .64rem;
    letter-spacing: .13em;
}

.ciit-course-global-sidebar-heading strong {
    color: #1b2e50;
    font-size: .98rem;
    font-weight: 800;
    letter-spacing: -.025em;
}

.ciit-course-global-nav {
    gap: 6px;
    margin-top: 15px;
}

.ciit-course-global-nav a,
.ciit-course-coming-soon-link {
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.ciit-course-global-nav a i,
.ciit-course-coming-soon-link i {
    flex: 0 0 19px;
    font-size: 1rem;
}

.ciit-course-global-nav a:hover {
    transform: translateX(2px);
    border-color: #e5edfc;
    background: rgba(241, 246, 255, .92);
    box-shadow: 0 3px 10px rgba(28, 68, 132, .035);
}

.ciit-course-global-nav a.active {
    border-color: #d8e5ff;
    background: linear-gradient(105deg, #e9f1ff 0%, #f5f8ff 100%);
    box-shadow: inset 3px 0 0 #2674ff, 0 4px 12px rgba(29, 91, 190, .055);
    color: #145be6;
}

.ciit-course-global-nav a.active i {
    color: #1769ff;
}

.ciit-course-global-sidebar-section {
    margin-top: 25px;
    padding-top: 19px;
    border-top: 1px solid #e8eef8;
}

.ciit-course-global-sidebar-section > span {
    padding: 0 12px 10px;
}

.ciit-course-coming-soon-link {
    color: #72829b;
}

.ciit-course-coming-soon-link i {
    color: #91a0b8;
}

.ciit-course-coming-soon-link small {
    border-color: #e2eaf7;
    background: #f7f9fe;
    color: #8797b0;
    letter-spacing: .035em;
}

.ciit-course-switcher {
    overflow: hidden;
    border: 1px solid #e0e9f8;
    border-radius: 14px;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 5px 16px rgba(29, 61, 112, .045);
}

.ciit-course-switcher > summary {
    padding: 13px 12px;
}

.ciit-course-switcher > summary strong {
    color: #1b2e50;
}

.ciit-course-switcher-menu {
    border-top-color: #edf2fa;
}

.ciit-course-global-sidebar a:focus-visible,
.ciit-course-environment-header a:focus-visible,
.ciit-course-signout:focus-visible {
    outline: 3px solid rgba(23, 105, 255, .38);
    outline-offset: 3px;
}

@media (max-width: 1199.98px) {
    .ciit-course-environment-header-inner {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .ciit-course-environment-account {
        display: flex;
        padding-left: 12px;
    }

    .ciit-course-environment-nav {
        justify-content: flex-end;
    }
}

@media (max-width: 767.98px) {
    .ciit-course-environment-header-inner {
        min-height: 64px;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
    }

    .ciit-course-environment-brand {
        font-size: 1rem;
    }

    .ciit-course-environment-brand-mark {
        width: 34px;
        height: 34px;
    }

    .ciit-course-environment-account {
        padding-left: 8px;
        border-left: 0;
    }

    .ciit-course-signout {
        min-height: 35px;
        padding: 6px 10px;
    }

    .ciit-course-environment-nav {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ciit-course-environment-header *,
    .ciit-course-global-sidebar * {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}


/* Advanced glassmorphism: course header, account controls and navigation surfaces. */
.ciit-course-environment-header {
    position: sticky;
    top: 0;
    z-index: 1040;
    isolation: isolate;
    border-bottom: 1px solid rgba(195, 215, 246, .64);
    background: rgba(248, 251, 255, .74);
    box-shadow:
        0 8px 32px rgba(20, 52, 104, .065),
        inset 0 1px 0 rgba(255, 255, 255, .94);
    -webkit-backdrop-filter: blur(24px) saturate(175%);
    backdrop-filter: blur(24px) saturate(175%);
    transition: background .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.ciit-course-environment-header::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        radial-gradient(ellipse at 12% 0%, rgba(95, 157, 255, .12), transparent 40%),
        linear-gradient(105deg, rgba(255, 255, 255, .38), rgba(236, 245, 255, .18));
    content: "";
    pointer-events: none;
}

.ciit-course-environment-header-inner {
    min-height: 76px;
    gap: clamp(12px, 1.6vw, 24px);
}

.ciit-course-environment-brand {
    flex-shrink: 0;
    gap: 11px;
    color: #15345f;
    letter-spacing: -.035em;
    transition: transform .2s ease, opacity .2s ease;
}

.ciit-course-environment-brand:hover {
    transform: translateY(-1px);
    opacity: .92;
}

.ciit-course-environment-brand-mark {
    border: 1px solid rgba(255, 255, 255, .68);
    background: linear-gradient(145deg, #4c91ff 0%, #1769ff 55%, #1551cb 100%);
    box-shadow:
        0 7px 18px rgba(23, 105, 255, .25),
        inset 0 1px 0 rgba(255, 255, 255, .42);
}

.ciit-course-environment-context {
    min-width: 0;
    padding-left: clamp(12px, 1.6vw, 24px);
    border-left: 1px solid rgba(170, 194, 229, .55);
}

.ciit-course-environment-label {
    color: #8193b0;
    letter-spacing: .13em;
}

.ciit-course-environment-context strong {
    display: block;
    max-width: min(32vw, 420px);
    overflow: hidden;
    color: #19345b;
    font-size: .86rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ciit-course-environment-nav {
    gap: 6px;
    margin-left: auto;
    padding: 5px;
    border: 1px solid rgba(205, 221, 245, .58);
    border-radius: 15px;
    background: rgba(255, 255, 255, .48);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
}

.ciit-course-environment-nav a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 9px 14px;
    border: 1px solid transparent;
    border-radius: 11px;
    color: #536b8d;
    font-size: .79rem;
    font-weight: 800;
    text-decoration: none;
    transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ciit-course-environment-nav a:hover,
.ciit-course-environment-nav a:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(191, 214, 255, .8);
    outline: none;
    background: rgba(255, 255, 255, .92);
    color: #155ee8;
    box-shadow: 0 5px 15px rgba(34, 86, 164, .09);
}

.ciit-course-environment-nav a i {
    color: #357bfa;
    font-size: .93rem;
}

.ciit-course-environment-account {
    gap: 12px;
    padding-left: clamp(12px, 1.5vw, 22px);
    border-left: 1px solid rgba(170, 194, 229, .55);
}

.ciit-course-environment-user {
    max-width: 190px;
    overflow: hidden;
    color: #5e7290;
    font-size: .78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ciit-course-signout {
    min-height: 39px;
    padding: 8px 15px;
    border: 1px solid rgba(87, 145, 255, .42);
    border-radius: 12px;
    background: rgba(255, 255, 255, .65);
    color: #155ee8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 4px 12px rgba(25, 76, 158, .055);
    font-size: .78rem;
    font-weight: 800;
    transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}

.ciit-course-signout:hover,
.ciit-course-signout:focus-visible {
    transform: translateY(-1px);
    border-color: #1769ff;
    background: #fff;
    color: #1553c7;
    box-shadow: 0 8px 18px rgba(23, 105, 255, .14);
}

.ciit-course-global-sidebar {
    border-right-color: rgba(204, 220, 244, .72);
    background:
        radial-gradient(ellipse at 0% 0%, rgba(219, 234, 255, .4), transparent 52%),
        rgba(250, 252, 255, .88);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .72);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
    backdrop-filter: blur(18px) saturate(145%);
}

.ciit-course-global-sidebar-heading {
    padding-bottom: 19px;
    border-bottom-color: rgba(208, 222, 242, .72);
}

.ciit-course-global-nav a,
.ciit-course-coming-soon-link {
    border: 1px solid transparent;
    transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.ciit-course-global-nav a:hover,
.ciit-course-coming-soon-link:hover {
    transform: translateX(2px);
    border-color: rgba(205, 223, 255, .78);
    background: rgba(255, 255, 255, .78);
    color: #175ee5;
    box-shadow: 0 5px 15px rgba(29, 73, 136, .055);
}

.ciit-course-global-nav a.active {
    border-color: rgba(188, 213, 255, .86);
    background: linear-gradient(105deg, rgba(224, 237, 255, .96), rgba(245, 249, 255, .92));
    color: #145ce5;
    box-shadow: inset 3px 0 0 #2672ff, 0 5px 16px rgba(35, 96, 190, .07);
}

.ciit-course-global-nav a.active i {
    color: #1769ff;
}

@media (max-width: 767.98px) {
    .ciit-course-environment-header {
        background: rgba(248, 251, 255, .86);
        -webkit-backdrop-filter: blur(18px) saturate(160%);
        backdrop-filter: blur(18px) saturate(160%);
    }

    .ciit-course-environment-header-inner {
        min-height: 66px;
        gap: 10px;
    }

    .ciit-course-environment-context {
        padding-left: 10px;
    }

    .ciit-course-environment-context strong {
        max-width: 35vw;
        font-size: .76rem;
    }

    .ciit-course-environment-account {
        padding-left: 8px;
    }
}

@supports not ((backdrop-filter: blur(1px))) {
    .ciit-course-environment-header {
        background: rgba(248, 251, 255, .97);
    }
}


/* Shared glassmorphism refinement for the Learning Hub shell. */
.ciit-course-environment-body {
    background: #edf3fc;
}

.ciit-course-environment-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: rgba(250, 252, 255, .76);
    border-bottom: 1px solid rgba(255, 255, 255, .88);
    box-shadow: 0 8px 30px rgba(27, 57, 105, .065);
    -webkit-backdrop-filter: blur(24px) saturate(165%);
    backdrop-filter: blur(24px) saturate(165%);
}

.ciit-course-global-sidebar {
    background: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(247, 250, 255, .64));
    border-right: 1px solid rgba(255, 255, 255, .9);
    box-shadow: 8px 0 35px rgba(35, 65, 111, .035);
    -webkit-backdrop-filter: blur(26px) saturate(155%);
    backdrop-filter: blur(26px) saturate(155%);
}

.ciit-course-global-sidebar-heading,
.ciit-course-global-sidebar-section {
    border-color: rgba(213, 226, 245, .8);
}

.ciit-course-global-nav a,
.ciit-course-coming-soon-link {
    border: 1px solid transparent;
    border-radius: 12px;
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.ciit-course-global-nav a:hover {
    transform: translateX(2px);
    border-color: rgba(211, 226, 251, .86);
    background: rgba(255, 255, 255, .66);
    box-shadow: 0 7px 18px rgba(35, 75, 140, .055);
}

.ciit-course-global-nav a.active {
    border-color: rgba(205, 223, 255, .94);
    background: linear-gradient(110deg, rgba(225, 238, 255, .88), rgba(247, 250, 255, .75));
    box-shadow: inset 3px 0 0 #2674ff, 0 7px 20px rgba(35, 100, 225, .07);
}

.ciit-course-switcher {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .94);
    border-radius: 16px;
    background: rgba(255, 255, 255, .62);
    box-shadow: 0 12px 30px rgba(35, 65, 111, .055), inset 0 1px 0 #fff;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.ciit-course-switcher summary {
    transition: background .2s ease;
}

.ciit-course-switcher summary:hover {
    background: rgba(238, 245, 255, .6);
}

.ciit-course-switcher-menu {
    background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.ciit-course-environment-account .ciit-course-environment-user {
    color: #617493;
    font-weight: 650;
}

.ciit-course-signout {
    border-color: rgba(183, 207, 248, .95);
    border-radius: 12px;
    background: rgba(255, 255, 255, .56);
    box-shadow: 0 6px 18px rgba(35, 65, 111, .045);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.ciit-course-environment-footer {
    border-top: 1px solid rgba(255, 255, 255, .86);
    background: rgba(248, 251, 255, .74);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

@media (max-width: 1199.98px) {
    .ciit-course-global-sidebar {
        background: rgba(255, 255, 255, .92);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ciit-course-global-nav a,
    .ciit-course-coming-soon-link,
    .ciit-course-switcher summary {
        transition: none !important;
    }
}

/* Dedicated Learn workspace: learning-path-only sidebar and stronger glassmorphism. */
.ciit-course-environment-body.ciit-learning-mode {
    background: #edf3fc;
    background-image: radial-gradient(ellipse at 82% 8%, rgba(94,151,255,.16), transparent 36%), radial-gradient(ellipse at 45% 78%, rgba(79,206,231,.08), transparent 40%);
}
.ciit-learning-mode .ciit-course-environment-header {
    background: rgba(242,248,255,.42);
    border-bottom-color: rgba(255,255,255,.72);
    box-shadow: 0 12px 36px rgba(35,69,125,.075), inset 0 1px 0 rgba(255,255,255,.9);
    -webkit-backdrop-filter: blur(34px) saturate(180%);
    backdrop-filter: blur(34px) saturate(180%);
}
.ciit-learning-mode .ciit-course-environment-context,
.ciit-learning-mode .ciit-course-environment-account { border-color: rgba(255,255,255,.8); }
.ciit-learning-mode .ciit-course-signout {
    border-color: rgba(255,255,255,.9);
    background: rgba(255,255,255,.42);
    box-shadow: 0 8px 20px rgba(38,74,133,.07), inset 0 1px 0 rgba(255,255,255,.9);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}
.ciit-learning-mode .ciit-course-environment-workspace {
    display: grid;
    grid-template-columns: 318px minmax(0,1fr);
}
.ciit-learning-mode .ciit-course-global-sidebar.ciit-learning-path-sidebar {
    display: block;
    position: sticky;
    top: 76px;
    align-self: start;
    height: calc(100vh - 76px);
    overflow: hidden;
    padding: 14px 10px;
    border-right: 1px solid rgba(255,255,255,.8);
    background: linear-gradient(160deg,rgba(244,249,255,.48),rgba(231,241,255,.3));
    box-shadow: 10px 0 38px rgba(34,68,124,.055), inset -1px 0 0 rgba(255,255,255,.4);
    -webkit-backdrop-filter: blur(34px) saturate(175%);
    backdrop-filter: blur(34px) saturate(175%);
}
.ciit-learning-path-host,
.ciit-learning-path-host > .ciit-learning-sidebar {
    width: 100%;
    min-width: 0;
    height: 100%;
}
.ciit-learning-path-host > .ciit-learning-sidebar {
    position: static;
    top: auto;
    height: 100%;
    max-height: 100%;
    border: 1px solid rgba(255,255,255,.86);
    border-radius: 19px;
    background: linear-gradient(155deg,rgba(255,255,255,.62),rgba(245,249,255,.4));
    box-shadow: 0 14px 38px rgba(34,68,124,.075), inset 0 1px 0 rgba(255,255,255,.96);
    -webkit-backdrop-filter: blur(30px) saturate(170%);
    backdrop-filter: blur(30px) saturate(170%);
}
.ciit-learning-path-host .ciit-learning-sidebar-head {
    border-bottom-color: rgba(255,255,255,.76);
    background: rgba(255,255,255,.18);
}
.ciit-learning-path-host .ciit-learning-sidebar-head h2 { color: #203657; font-size: .96rem; }
.ciit-learning-path-host .ciit-learning-sidebar-scroll {
    height: calc(100% - 82px);
    scrollbar-width: thin;
    scrollbar-color: rgba(106,143,195,.38) transparent;
}
.ciit-learning-mode .ciit-course-environment-main { min-width: 0; background: transparent; }
.ciit-learning-mode .ciit-learning-page {
    min-height: calc(100vh - 76px);
    background: transparent;
}
.ciit-learning-mode .ciit-learning-header {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.78);
    background: linear-gradient(120deg,rgba(255,255,255,.53),rgba(237,245,255,.32));
    box-shadow: 0 14px 42px rgba(38,68,119,.045), inset 0 1px 0 rgba(255,255,255,.85);
    -webkit-backdrop-filter: blur(28px) saturate(155%);
    backdrop-filter: blur(28px) saturate(155%);
}
.ciit-learning-mode .ciit-learning-header:after {
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg,transparent 15%,rgba(255,255,255,.24) 45%,transparent 70%);
    content: "";
    pointer-events: none;
    transform: translateX(-100%);
    animation: ciit-learning-glass-sweep 1.4s .2s ease-out both;
}
.ciit-learning-mode .ciit-learning-header .container {
    position: relative;
    z-index: 1;
    max-width: none;
    padding-right: clamp(18px,2.2vw,34px);
    padding-left: clamp(18px,2.2vw,34px);
}
.ciit-learning-mode .ciit-learning-shell {
    display: block;
    width: 100%;
    max-width: none;
    padding: 24px clamp(18px,2.2vw,34px) 44px;
}
.ciit-learning-mode .ciit-learning-shell > .ciit-learning-sidebar { display: none; }
.ciit-learning-mode .ciit-learning-main-card {
    position: relative;
    min-height: 340px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.9);
    border-radius: 24px;
    background: linear-gradient(145deg,rgba(255,255,255,.7),rgba(247,250,255,.48));
    box-shadow: 0 24px 60px rgba(34,67,122,.08), inset 0 1px 0 rgba(255,255,255,.95);
    -webkit-backdrop-filter: blur(32px) saturate(160%);
    backdrop-filter: blur(32px) saturate(160%);
    animation: ciit-learning-panel-enter .65s cubic-bezier(.2,.7,.25,1) both;
}
.ciit-learning-mode .ciit-learning-main-card:before {
    margin: -28px -28px 24px;
    background: linear-gradient(90deg,#347fff,#36c5e6,#7c75ff);
    background-size: 200% 100%;
    animation: ciit-learning-gradient-flow 5s ease-in-out infinite alternate;
}
.ciit-learning-mode .ciit-learning-course-progress,
.ciit-learning-mode .ciit-learning-price-card,
.ciit-learning-mode .ciit-learning-meta-pill,
.ciit-learning-mode .ciit-learning-lesson-actions .btn {
    border-color: rgba(255,255,255,.9);
    background-color: rgba(255,255,255,.5);
    box-shadow: 0 10px 28px rgba(38,68,119,.055), inset 0 1px 0 rgba(255,255,255,.92);
    -webkit-backdrop-filter: blur(22px);
    backdrop-filter: blur(22px);
}
.ciit-learning-mode .ciit-learning-course-progress-track { background: rgba(202,220,247,.48); }
.ciit-learning-mode .ciit-learning-lesson-actions .btn-primary {
    border-color: rgba(255,255,255,.42);
    background: linear-gradient(115deg,#347fff,#1a5fe8);
    color: white;
}
.ciit-learning-mode .ciit-learning-resource,
.ciit-learning-mode .ciit-learning-lesson-header { border-color: rgba(208,224,247,.72); }
.ciit-learning-mode .ciit-course-environment-footer {
    border-top-color: rgba(255,255,255,.8);
    background: rgba(242,248,255,.46);
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px);
}
@keyframes ciit-learning-panel-enter { from {opacity:0;transform:translateY(18px)} to {opacity:1;transform:translateY(0)} }
@keyframes ciit-learning-gradient-flow { from {background-position:0% 50%} to {background-position:100% 50%} }
@keyframes ciit-learning-glass-sweep { to {transform:translateX(100%)} }
@media (max-width: 1199.98px) {
    .ciit-learning-mode .ciit-course-environment-workspace { grid-template-columns: 280px minmax(0,1fr); }
}
@media (max-width: 767.98px) {
    .ciit-learning-mode .ciit-course-environment-workspace { display: grid; grid-template-columns: minmax(0,1fr); }
    .ciit-learning-mode .ciit-course-global-sidebar.ciit-learning-path-sidebar {
        position: static; top:auto; height:320px; max-height:42vh; padding:10px 12px 0;
        border-right:0; box-shadow:none;
    }
    .ciit-learning-mode .ciit-learning-shell { padding-top:14px; }
    .ciit-learning-mode .ciit-learning-main-card:before { margin:-18px -18px 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .ciit-learning-mode .ciit-learning-header:after,
    .ciit-learning-mode .ciit-learning-main-card,
    .ciit-learning-mode .ciit-learning-main-card:before { animation:none !important; }
}

/* Learning topics collapse to reveal chapters, notes, resources and related assessments. */
.ciit-learning-topic{overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(246,250,255,.46));box-shadow:0 10px 28px rgba(37,68,119,.055),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(22px) saturate(155%);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.ciit-learning-topic[open]{border-color:rgba(190,216,255,.95);box-shadow:0 15px 36px rgba(37,91,171,.085),inset 0 1px 0 rgba(255,255,255,.96)}
.ciit-learning-topic-heading{display:flex;align-items:center;gap:12px;padding:15px 14px;cursor:pointer;list-style:none}
.ciit-learning-topic-heading::-webkit-details-marker{display:none}
.ciit-learning-topic-heading:after{content:"\f282";font-family:"bootstrap-icons";font-size:.78rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border:1px solid rgba(145,166,200,.24);border-radius:7px;background:rgba(255,255,255,.68);margin-left:auto;color:#6480aa;transition:transform .22s ease,background .22s ease,color .22s ease}
.ciit-learning-topic[open]>.ciit-learning-topic-heading:after{transform:rotate(180deg)}
.ciit-learning-topic-heading:focus-visible{outline:3px solid rgba(23,105,255,.38);outline-offset:-3px}
.ciit-learning-topic-progress,.ciit-learning-chapter{margin-right:10px;margin-left:10px}
.ciit-learning-topic-progress{margin-bottom:10px}
.ciit-learning-chapter:last-child{margin-bottom:10px}
.ciit-learning-topic[open]>.ciit-learning-topic-heading{background:rgba(255,255,255,.22)}
.ciit-notes-reader-shell{display:block;max-width:1440px}
.ciit-notes-reader-main{min-width:0;width:100%}
.ciit-notes-reader{background:radial-gradient(ellipse at 85% 5%,rgba(87,145,255,.11),transparent 35%),linear-gradient(145deg,rgba(239,246,255,.64),rgba(248,251,255,.78))}
.ciit-notes-reader-card{border:1px solid rgba(255,255,255,.9);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(247,250,255,.58));box-shadow:0 20px 54px rgba(34,67,122,.075),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(28px) saturate(155%);animation:ciit-learning-panel-enter .65s cubic-bezier(.2,.7,.25,1) both}
.ciit-notes-reader-count{border-color:rgba(255,255,255,.92);background:rgba(255,255,255,.54);box-shadow:0 10px 25px rgba(34,67,122,.055),inset 0 1px 0 #fff;backdrop-filter:blur(18px)}
@media(prefers-reduced-motion:reduce){.ciit-learning-topic,.ciit-notes-reader-card{animation:none!important;transition:none!important}}


/* Notes view uses the same Learning Path navigation instead of the general course menu. */
.ciit-notes-learning-path {
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:16px 10px;
    background:linear-gradient(160deg,rgba(244,249,255,.48),rgba(231,241,255,.3));
    border-right:1px solid rgba(255,255,255,.8);
    box-shadow:10px 0 38px rgba(34,68,124,.055),inset -1px 0 0 rgba(255,255,255,.4);
    backdrop-filter:blur(34px) saturate(175%);
}
.ciit-notes-path-heading {
    padding:12px 11px 15px;
    border:1px solid rgba(255,255,255,.84);
    border-radius:16px;
    background:rgba(255,255,255,.5);
    box-shadow:0 10px 25px rgba(34,68,124,.045),inset 0 1px 0 rgba(255,255,255,.92);
}
.ciit-notes-path-heading span {
    display:block;
    color:#7f91ad;
    font-size:.62rem;
    font-weight:800;
    letter-spacing:.1em;
}
.ciit-notes-path-heading strong {
    display:block;
    margin-top:6px;
    color:#203657;
    font-size:.9rem;
}
.ciit-notes-path-heading a {
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-top:12px;
    color:#246af0;
    font-size:.75rem;
    font-weight:750;
    text-decoration:none;
}
.ciit-notes-path-topics {
    min-height:0;
    overflow-y:auto;
    padding:2px 1px 12px;
    scrollbar-width:thin;
    scrollbar-color:rgba(106,143,195,.38) transparent;
}
.ciit-notes-path-topic {
    margin-bottom:9px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.86);
    border-radius:14px;
    background:rgba(255,255,255,.43);
    box-shadow:0 7px 20px rgba(34,68,124,.04),inset 0 1px 0 rgba(255,255,255,.8);
}
.ciit-notes-path-topic summary {
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 10px;
    color:#304563;
    cursor:pointer;
    list-style:none;
    font-size:.79rem;
    font-weight:800;
}
.ciit-notes-path-topic summary::-webkit-details-marker {display:none}
.ciit-notes-path-topic summary i:first-child {color:#3278f5}
.ciit-notes-path-topic summary i:last-child {margin-left:auto;color:#8495ad;transition:transform .2s ease}
.ciit-notes-path-topic[open] summary i:last-child {transform:rotate(180deg)}
.ciit-notes-path-chapter {
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:0 6px 6px;
    padding:10px 8px;
    border-radius:10px;
    color:#5a6e8b;
    font-size:.74rem;
    line-height:1.4;
    text-decoration:none;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
.ciit-notes-path-chapter i {margin-top:1px;color:#7b91b4}
.ciit-notes-path-chapter:hover,
.ciit-notes-path-chapter.active {
    color:#1769ff;
    background:rgba(221,235,255,.78);
}
.ciit-notes-path-chapter:hover {transform:translateX(2px)}
@media(max-width:767.98px) {
    .ciit-notes-learning-path {height:300px;max-height:38vh;position:static}
}


/* Premium animated glass treatment for the lesson player workspace. */
.ciit-learning-mode .ciit-learning-page {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(ellipse at 84% 8%, rgba(71,139,255,.16), transparent 38%),
        radial-gradient(ellipse at 14% 70%, rgba(53,201,222,.09), transparent 35%),
        linear-gradient(145deg, rgba(237,245,255,.72), rgba(248,251,255,.86));
}
.ciit-learning-mode .ciit-learning-header {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.82);
    background: linear-gradient(120deg, rgba(255,255,255,.54), rgba(229,240,255,.34));
    box-shadow: 0 16px 46px rgba(36,73,130,.07), inset 0 1px 0 rgba(255,255,255,.94);
    -webkit-backdrop-filter: blur(32px) saturate(180%);
    backdrop-filter: blur(32px) saturate(180%);
    animation: ciit-lesson-header-in .7s cubic-bezier(.2,.7,.25,1) both;
}
.ciit-learning-mode .ciit-learning-header:after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background: linear-gradient(110deg, transparent 18%, rgba(255,255,255,.42) 46%, transparent 72%);
    transform: translateX(-120%);
    animation: ciit-lesson-glass-sweep 1.5s .25s ease-out both;
}
.ciit-learning-mode .ciit-learning-header .container {
    position: relative;
    z-index: 1;
}
.ciit-learning-mode .ciit-learning-shell {
    gap: clamp(16px, 2vw, 30px);
    padding-top: clamp(16px, 2vw, 28px);
}
.ciit-learning-mode .ciit-learning-main-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.94);
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(242,248,255,.53));
    box-shadow: 0 24px 68px rgba(34,67,122,.09), inset 0 1px 0 rgba(255,255,255,.98);
    -webkit-backdrop-filter: blur(34px) saturate(165%);
    backdrop-filter: blur(34px) saturate(165%);
    animation: ciit-lesson-card-in .7s .08s cubic-bezier(.2,.7,.25,1) both;
    transition: box-shadow .28s ease, border-color .28s ease, transform .28s ease;
}
.ciit-learning-mode .ciit-learning-main-card:hover {
    border-color: rgba(207,226,255,.98);
    box-shadow: 0 30px 76px rgba(34,67,122,.12), inset 0 1px 0 #fff;
}
.ciit-learning-mode .ciit-learning-main-card:before {
    height: 4px;
    background: linear-gradient(90deg, #3278ff, #39c7e6, #8278ff, #3278ff);
    background-size: 240% 100%;
    animation: ciit-lesson-gradient-flow 6s ease-in-out infinite alternate;
}
.ciit-learning-mode .ciit-learning-lesson-header {
    border-color: rgba(211,227,249,.78);
    background: linear-gradient(120deg, rgba(255,255,255,.25), rgba(233,243,255,.18));
}
.ciit-learning-mode .ciit-learning-lesson-status,
.ciit-learning-mode .ciit-learning-resource,
.ciit-learning-mode .ciit-learning-course-progress,
.ciit-learning-mode .ciit-learning-meta-pill,
.ciit-learning-mode .ciit-learning-price-card {
    border-color: rgba(255,255,255,.9);
    background: linear-gradient(145deg, rgba(255,255,255,.66), rgba(246,250,255,.43));
    box-shadow: 0 12px 32px rgba(34,67,122,.055), inset 0 1px 0 rgba(255,255,255,.94);
    -webkit-backdrop-filter: blur(22px) saturate(155%);
    backdrop-filter: blur(22px) saturate(155%);
}
.ciit-learning-mode .ciit-learning-video-frame {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 18px;
    box-shadow: 0 18px 46px rgba(16,31,56,.16);
}
.ciit-learning-mode .ciit-learning-open-resource,
.ciit-learning-mode .ciit-learning-lesson-actions .btn,
.ciit-learning-mode .ciit-assessment-submit-row .btn {
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
.ciit-learning-mode .ciit-learning-open-resource:hover,
.ciit-learning-mode .ciit-learning-lesson-actions .btn:hover,
.ciit-learning-mode .ciit-assessment-submit-row .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(38,104,222,.17);
}
.ciit-learning-mode .ciit-learning-path-sidebar {
    background: linear-gradient(160deg, rgba(245,250,255,.52), rgba(225,239,255,.32));
    border-right-color: rgba(255,255,255,.82);
    box-shadow: 12px 0 40px rgba(34,68,124,.06), inset -1px 0 0 rgba(255,255,255,.42);
    -webkit-backdrop-filter: blur(36px) saturate(180%);
    backdrop-filter: blur(36px) saturate(180%);
}
.ciit-learning-mode .ciit-learning-sidebar {
    background: linear-gradient(150deg, rgba(255,255,255,.58), rgba(243,248,255,.34));
    border-color: rgba(255,255,255,.88);
    box-shadow: 0 16px 42px rgba(34,68,124,.065), inset 0 1px 0 rgba(255,255,255,.95);
    -webkit-backdrop-filter: blur(30px) saturate(165%);
    backdrop-filter: blur(30px) saturate(165%);
}
.ciit-learning-mode .ciit-learning-topic {
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.ciit-learning-mode .ciit-learning-topic:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 32px rgba(37,91,171,.09), inset 0 1px 0 rgba(255,255,255,.96);
}
@keyframes ciit-lesson-header-in {
    from { opacity: 0; transform: translateY(-9px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes ciit-lesson-card-in {
    from { opacity: 0; transform: translateY(18px) scale(.992); filter: blur(3px); }
    to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
@keyframes ciit-lesson-glass-sweep { to { transform: translateX(120%); } }
@keyframes ciit-lesson-gradient-flow { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
@media (max-width: 767.98px) {
    .ciit-learning-mode .ciit-learning-main-card { border-radius: 19px; }
}
@media (prefers-reduced-motion: reduce) {
    .ciit-learning-mode .ciit-learning-header,
    .ciit-learning-mode .ciit-learning-header:after,
    .ciit-learning-mode .ciit-learning-main-card,
    .ciit-learning-mode .ciit-learning-main-card:before { animation: none !important; }
    .ciit-learning-mode .ciit-learning-main-card,
    .ciit-learning-mode .ciit-learning-topic,
    .ciit-learning-mode .ciit-learning-open-resource,
    .ciit-learning-mode .ciit-learning-lesson-actions .btn { transition: none !important; }
}


/* Premium animated glassmorphism for the lesson player. */
.ciit-learning-mode .ciit-learning-page {
    position: relative;
    isolation: isolate;
    background: radial-gradient(ellipse at 84% 8%,rgba(71,139,255,.16),transparent 38%),radial-gradient(ellipse at 14% 70%,rgba(53,201,222,.09),transparent 35%),linear-gradient(145deg,rgba(237,245,255,.72),rgba(248,251,255,.86));
}
.ciit-learning-mode .ciit-learning-header {
    position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.82);
    background:linear-gradient(120deg,rgba(255,255,255,.54),rgba(229,240,255,.34));
    box-shadow:0 16px 46px rgba(36,73,130,.07),inset 0 1px 0 rgba(255,255,255,.94);
    -webkit-backdrop-filter:blur(32px) saturate(180%);backdrop-filter:blur(32px) saturate(180%);
    animation:ciit-lesson-header-in .7s cubic-bezier(.2,.7,.25,1) both;
}
.ciit-learning-mode .ciit-learning-header:after {
    position:absolute;inset:0;content:"";pointer-events:none;
    background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.42) 46%,transparent 72%);
    transform:translateX(-120%);animation:ciit-lesson-glass-sweep 1.5s .25s ease-out both;
}
.ciit-learning-mode .ciit-learning-header .container{position:relative;z-index:1}
.ciit-learning-mode .ciit-learning-shell{gap:clamp(16px,2vw,30px);padding-top:clamp(16px,2vw,28px)}
.ciit-learning-mode .ciit-learning-main-card {
    position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.94);border-radius:26px;
    background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(242,248,255,.53));
    box-shadow:0 24px 68px rgba(34,67,122,.09),inset 0 1px 0 rgba(255,255,255,.98);
    -webkit-backdrop-filter:blur(34px) saturate(165%);backdrop-filter:blur(34px) saturate(165%);
    animation:ciit-lesson-card-in .7s .08s cubic-bezier(.2,.7,.25,1) both;
    transition:box-shadow .28s ease,border-color .28s ease,transform .28s ease;
}
.ciit-learning-mode .ciit-learning-main-card:hover{border-color:rgba(207,226,255,.98);box-shadow:0 30px 76px rgba(34,67,122,.12),inset 0 1px 0 #fff}
.ciit-learning-mode .ciit-learning-main-card:before{height:4px;background:linear-gradient(90deg,#3278ff,#39c7e6,#8278ff,#3278ff);background-size:240% 100%;animation:ciit-lesson-gradient-flow 6s ease-in-out infinite alternate}
.ciit-learning-mode .ciit-learning-lesson-header{border-color:rgba(211,227,249,.78);background:linear-gradient(120deg,rgba(255,255,255,.25),rgba(233,243,255,.18))}
.ciit-learning-mode .ciit-learning-lesson-status,.ciit-learning-mode .ciit-learning-resource,.ciit-learning-mode .ciit-learning-course-progress,.ciit-learning-mode .ciit-learning-meta-pill {
    border-color:rgba(255,255,255,.9);background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(246,250,255,.43));
    box-shadow:0 12px 32px rgba(34,67,122,.055),inset 0 1px 0 rgba(255,255,255,.94);
    -webkit-backdrop-filter:blur(22px) saturate(155%);backdrop-filter:blur(22px) saturate(155%);
}
.ciit-learning-mode .ciit-learning-video-frame{overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:18px;box-shadow:0 18px 46px rgba(16,31,56,.16)}
.ciit-learning-mode .ciit-learning-open-resource,.ciit-learning-mode .ciit-learning-lesson-actions .btn,.ciit-learning-mode .ciit-assessment-submit-row .btn{transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.ciit-learning-mode .ciit-learning-open-resource:hover,.ciit-learning-mode .ciit-learning-lesson-actions .btn:hover,.ciit-learning-mode .ciit-assessment-submit-row .btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(38,104,222,.17)}
.ciit-learning-mode .ciit-learning-path-sidebar{background:linear-gradient(160deg,rgba(245,250,255,.52),rgba(225,239,255,.32));border-right-color:rgba(255,255,255,.82);box-shadow:12px 0 40px rgba(34,68,124,.06),inset -1px 0 0 rgba(255,255,255,.42);-webkit-backdrop-filter:blur(36px) saturate(180%);backdrop-filter:blur(36px) saturate(180%)}
.ciit-learning-mode .ciit-learning-sidebar{background:linear-gradient(150deg,rgba(255,255,255,.58),rgba(243,248,255,.34));border-color:rgba(255,255,255,.88);box-shadow:0 16px 42px rgba(34,68,124,.065),inset 0 1px 0 rgba(255,255,255,.95);-webkit-backdrop-filter:blur(30px) saturate(165%);backdrop-filter:blur(30px) saturate(165%)}
.ciit-learning-mode .ciit-learning-topic{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.ciit-learning-mode .ciit-learning-topic:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(37,91,171,.09),inset 0 1px 0 rgba(255,255,255,.96)}
@keyframes ciit-lesson-header-in{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}
@keyframes ciit-lesson-card-in{from{opacity:0;transform:translateY(18px) scale(.992);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes ciit-lesson-glass-sweep{to{transform:translateX(120%)}}
@keyframes ciit-lesson-gradient-flow{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(max-width:767.98px){.ciit-learning-mode .ciit-learning-main-card{border-radius:19px}}
@media(prefers-reduced-motion:reduce){
.ciit-learning-mode .ciit-learning-header,.ciit-learning-mode .ciit-learning-header:after,.ciit-learning-mode .ciit-learning-main-card,.ciit-learning-mode .ciit-learning-main-card:before{animation:none!important}
.ciit-learning-mode .ciit-learning-main-card,.ciit-learning-mode .ciit-learning-topic,.ciit-learning-mode .ciit-learning-open-resource,.ciit-learning-mode .ciit-learning-lesson-actions .btn{transition:none!important}
}


/* Complete lesson workspace refresh: clear hierarchy, richer glass and consistent motion. */
.ciit-learning-page {
    min-height:calc(100vh - 76px);
    color:#172b4d;
    background:
        radial-gradient(ellipse at 86% 4%,rgba(82,145,255,.19),transparent 34%),
        radial-gradient(ellipse at 30% 46%,rgba(73,202,224,.075),transparent 32%),
        linear-gradient(145deg,#eaf3ff 0%,#f7faff 48%,#eaf2ff 100%);
}
.ciit-learning-header {
    padding:18px 0 25px;
    border-bottom:1px solid rgba(255,255,255,.88);
    background:linear-gradient(120deg,rgba(255,255,255,.68),rgba(218,235,255,.38));
    box-shadow:0 18px 54px rgba(40,76,135,.075),inset 0 1px 0 rgba(255,255,255,.96);
    -webkit-backdrop-filter:blur(36px) saturate(185%);
    backdrop-filter:blur(36px) saturate(185%);
}
.ciit-learning-header .container {max-width:none;padding-inline:clamp(18px,2.5vw,42px)}
.ciit-learning-back-link {
    display:inline-flex;align-items:center;gap:9px;padding:9px 13px;
    border:1px solid rgba(255,255,255,.85);border-radius:12px;
    background:rgba(255,255,255,.48);color:#526a8c;
    box-shadow:0 5px 18px rgba(34,67,122,.045);
    transition:transform .2s ease,background .2s ease,color .2s ease;
}
.ciit-learning-back-link:hover {transform:translateX(-2px);background:rgba(255,255,255,.78);color:#1769ff}
.ciit-learning-header-row {margin-top:18px}
.ciit-learning-course-intro {max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,390px);column-gap:clamp(24px,4vw,68px);align-items:center}
.ciit-learning-pills {grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px;margin-bottom:15px}
.ciit-learning-badge,.ciit-learning-meta-pill {
    min-height:34px;padding:7px 12px;border:1px solid rgba(255,255,255,.9);border-radius:999px;
    background:rgba(255,255,255,.52);color:#5b7192;font-size:.76rem;font-weight:750;
    box-shadow:0 6px 18px rgba(35,68,124,.045);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)
}
.ciit-learning-badge {background:linear-gradient(120deg,rgba(42,115,255,.13),rgba(52,201,229,.1));color:#2168e9;border-color:rgba(139,183,255,.4)}
.ciit-learning-course-intro h1 {grid-column:1;grid-row:2;margin:0;color:#162b4d;font-size:clamp(2rem,3.1vw,3.2rem);font-weight:850;letter-spacing:-.055em;line-height:1.05}
.ciit-learning-course-intro>p {grid-column:1;grid-row:3;max-width:650px;margin:13px 0 0;color:#7184a2;font-size:1rem;line-height:1.7}
.ciit-learning-course-progress {
    grid-column:2;grid-row:2/4;width:100%;max-width:none;margin:0;padding:22px 23px;
    border:1px solid rgba(255,255,255,.92);border-radius:21px;
    background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(232,243,255,.46));
    box-shadow:0 16px 42px rgba(34,67,122,.075),inset 0 1px 0 rgba(255,255,255,.98);
    -webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);
    animation:ciit-learning-progress-float .65s .15s ease-out both
}
.ciit-learning-course-progress-heading {margin-bottom:13px;color:#526b8e;font-size:.82rem;font-weight:750}
.ciit-learning-course-progress-heading strong {font-size:1.4rem;color:#1769ff;letter-spacing:-.04em}
.ciit-learning-course-progress-track {height:9px!important;overflow:hidden;border-radius:99px;background:rgba(133,163,208,.2)}
.ciit-learning-course-progress-track .progress-bar {border-radius:99px;background:linear-gradient(90deg,#2875ff,#3dc8e3);box-shadow:0 0 15px rgba(47,141,255,.22);transition:width .9s cubic-bezier(.2,.7,.25,1)}
.ciit-learning-course-progress small {display:block;margin-top:11px;color:#8192ad;font-size:.74rem}
.ciit-learning-shell {display:grid;grid-template-columns:minmax(270px,310px) minmax(0,1fr);align-items:start;gap:clamp(18px,2.2vw,34px);padding:24px clamp(18px,2.5vw,42px) 48px}
.ciit-learning-sidebar {
    position:sticky;top:182px;height:calc(100vh - 205px);max-height:calc(100vh - 205px);min-height:380px;
    overflow:hidden;border:1px solid rgba(255,255,255,.93);border-radius:23px;
    background:linear-gradient(155deg,rgba(255,255,255,.72),rgba(230,241,255,.46));
    box-shadow:0 20px 52px rgba(34,67,122,.085),inset 0 1px 0 rgba(255,255,255,.98);
    -webkit-backdrop-filter:blur(34px) saturate(175%);backdrop-filter:blur(34px) saturate(175%);
    animation:ciit-learning-panel-enter .65s .05s cubic-bezier(.2,.7,.25,1) both
}
.ciit-learning-sidebar-head {padding:19px 17px 16px;border-bottom:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.22)}
.ciit-learning-sidebar-head h2 {margin-top:5px;color:#203657;font-size:.96rem;font-weight:800;letter-spacing:-.025em}
.ciit-learning-count {border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.7);box-shadow:0 4px 13px rgba(34,67,122,.06)}
.ciit-learning-sidebar-scroll {height:calc(100% - 78px);padding:12px 10px 15px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(106,143,195,.38) transparent}
.ciit-learning-topic {
    margin-bottom:11px;overflow:hidden;border:1px solid rgba(255,255,255,.94);border-radius:17px;
    background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(245,249,255,.53));
    box-shadow:0 9px 23px rgba(34,67,122,.045),inset 0 1px 0 rgba(255,255,255,.95);
    transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease;
}
.ciit-learning-topic:hover,.ciit-learning-topic.is-active-topic {border-color:rgba(183,210,255,.9);box-shadow:0 13px 30px rgba(34,89,169,.075),inset 0 1px 0 #fff}
.ciit-learning-topic-heading {min-height:75px;padding:13px 12px;gap:10px;background:rgba(255,255,255,.18)}
.ciit-learning-topic-heading:after {content:"\f282";font-family:"bootstrap-icons";font-size:.78rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border:1px solid rgba(145,166,200,.24);border-radius:7px;background:rgba(255,255,255,.68);margin-left:auto;color:#6480aa;transition:transform .22s ease,background .22s ease,color .22s ease}
.ciit-learning-topic[open]>.ciit-learning-topic-heading:after {transform:rotate(180deg);background:rgba(219,235,255,.85);color:#1769ff}
.ciit-learning-topic-heading-text strong {color:#243958;font-size:.81rem;font-weight:800;line-height:1.35}
.ciit-learning-topic-heading-text>span {margin-top:4px;color:#8393ad;font-size:.7rem}
.ciit-learning-topic-icon {width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.95);border-radius:12px;background:linear-gradient(145deg,rgba(222,237,255,.92),rgba(255,255,255,.84));color:#347aff;box-shadow:0 5px 14px rgba(47,111,219,.07)}
.ciit-learning-topic-progress {margin:0 11px 12px;padding:10px;border:1px solid rgba(217,230,250,.72);border-radius:12px;background:rgba(255,255,255,.46)}
.ciit-learning-chapter {margin:0 7px 7px;overflow:hidden;border-radius:12px;background:rgba(245,249,255,.58)}
.ciit-learning-chapter-summary {gap:9px;padding:11px 9px}
.ciit-learning-chapter-number {width:30px;height:30px;border-radius:10px;background:rgba(229,239,255,.88);color:#5e7599}
.ciit-learning-chapter-title strong {font-size:.72rem;line-height:1.35}
.ciit-learning-chapter-title small {font-size:.66rem}
.ciit-learning-read-notes {border:1px solid rgba(170,201,255,.45);border-radius:10px;background:linear-gradient(110deg,rgba(222,237,255,.68),rgba(255,255,255,.72));}
.ciit-learning-resource-node {margin:0 6px 6px;border:1px solid rgba(222,233,250,.72);border-radius:11px;background:rgba(255,255,255,.48)}
.ciit-learning-resource-summary {padding:10px 8px}
.ciit-learning-resource-name strong {font-size:.72rem;line-height:1.35}
.ciit-learning-main {min-width:0;animation:ciit-learning-panel-enter .72s .1s cubic-bezier(.2,.7,.25,1) both}
.ciit-learning-main-card {
    min-height:450px;padding:clamp(20px,2.2vw,34px);border:1px solid rgba(255,255,255,.96);border-radius:27px;
    background:linear-gradient(145deg,rgba(255,255,255,.79),rgba(237,246,255,.52));
    box-shadow:0 25px 72px rgba(34,67,122,.09),inset 0 1px 0 rgba(255,255,255,.99);
    -webkit-backdrop-filter:blur(36px) saturate(175%);backdrop-filter:blur(36px) saturate(175%);
    animation:ciit-learning-panel-enter .7s .12s cubic-bezier(.2,.7,.25,1) both
}
.ciit-learning-main-card:before {height:4px;margin:calc(clamp(20px,2.2vw,34px) * -1) calc(clamp(20px,2.2vw,34px) * -1) 25px;border-radius:26px 26px 0 0;background:linear-gradient(90deg,#2875ff,#39c7e6,#8278ff,#2875ff);background-size:240% 100%;animation:ciit-learning-gradient-flow 7s ease-in-out infinite alternate}
.ciit-learning-lesson-header {display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:24px;border-bottom:1px solid rgba(202,221,248,.76)}
.ciit-learning-lesson-heading h2 {margin:8px 0;color:#172d50;font-size:clamp(1.6rem,2.3vw,2.45rem);font-weight:850;letter-spacing:-.05em;line-height:1.13}
.ciit-learning-lesson-heading p {margin:8px 0 0;color:#7c8eaa;font-size:.84rem}
.ciit-learning-lesson-actions {display:flex;flex-shrink:0;gap:9px}
.ciit-learning-lesson-actions .btn,.ciit-learning-completion-form .btn,.ciit-assessment-submit-row .btn {min-height:43px;padding:10px 16px;border-radius:12px;font-size:.81rem;font-weight:750;box-shadow:0 7px 18px rgba(36,102,218,.1)}
.ciit-learning-lesson-status {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:17px 18px;border-radius:17px}
.ciit-learning-resource {margin-top:20px;padding:20px;border:1px solid rgba(255,255,255,.94);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.63),rgba(244,249,255,.43));box-shadow:0 12px 30px rgba(34,67,122,.045),inset 0 1px 0 #fff}
.ciit-learning-resource-title {margin-bottom:16px}
.ciit-learning-resource-title h3 {color:#223a5d;font-size:1rem;font-weight:800}
.ciit-learning-resource-title p {margin-top:4px;color:#8393ad;font-size:.8rem}
.ciit-learning-resource-icon {width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,rgba(222,237,255,.95),rgba(255,255,255,.88));box-shadow:0 6px 17px rgba(43,108,221,.07)}
.ciit-learning-video-frame {overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:18px;background:#101a2b;box-shadow:0 18px 45px rgba(18,35,64,.16)}
.ciit-learning-video-frame video,.ciit-learning-video-frame iframe {display:block;width:100%;border:0}
.ciit-learning-open-resource {border:1px solid rgba(211,227,249,.86);border-radius:13px;background:rgba(255,255,255,.66);box-shadow:0 6px 18px rgba(34,67,122,.045)}
.ciit-learning-question {border:1px solid rgba(220,232,250,.86);border-radius:15px;background:rgba(255,255,255,.55)}
.ciit-learning-options label {border-radius:12px;background:rgba(255,255,255,.54);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.ciit-learning-options label:hover {transform:translateY(-1px);background:rgba(232,242,255,.82)}
@keyframes ciit-learning-progress-float {from{opacity:0;transform:translateY(9px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1050px) {
    .ciit-learning-shell {grid-template-columns:minmax(245px,285px) minmax(0,1fr);gap:16px;padding-inline:16px}
    .ciit-learning-course-intro {grid-template-columns:minmax(0,1fr) minmax(235px,310px);column-gap:24px}
}
@media(max-width:767.98px) {
    .ciit-learning-header {padding:14px 0 20px}
    .ciit-learning-course-intro {display:flex;flex-direction:column;align-items:stretch;gap:10px}
    .ciit-learning-course-intro h1 {font-size:2rem}
    .ciit-learning-course-intro>p {margin:0}
    .ciit-learning-course-progress {margin-top:8px;padding:16px}
    .ciit-learning-shell {display:flex;flex-direction:column;padding:15px 12px 30px}
    .ciit-learning-sidebar {position:relative;top:auto;width:100%;height:340px;max-height:40vh;min-height:260px}
    .ciit-learning-main {width:100%}
    .ciit-learning-main-card {min-height:0;padding:18px;border-radius:20px}
    .ciit-learning-main-card:before {margin:-18px -18px 19px}
    .ciit-learning-lesson-header {align-items:flex-start;flex-direction:column}
    .ciit-learning-lesson-actions {width:100%;justify-content:flex-end}
    .ciit-learning-lesson-status {align-items:flex-start;flex-direction:column}
    .ciit-learning-resource {padding:14px}
}
@media(prefers-reduced-motion:reduce) {
    .ciit-learning-progress-float,.ciit-learning-mode .ciit-learning-header,.ciit-learning-mode .ciit-learning-main-card {animation:none!important}
    .ciit-learning-page * {scroll-behavior:auto!important;transition:none!important}
}


/* High-impact motion pass: animated progress, ambient glass orbs and responsive lesson interactions. */
.ciit-learning-page::before,
.ciit-learning-page::after {
    position:fixed;z-index:0;pointer-events:none;content:"";border-radius:50%;
    filter:blur(2px);opacity:.52;
}
.ciit-learning-page::before {
    width:360px;height:360px;top:20%;right:-130px;
    border:1px solid rgba(95,157,255,.23);
    background:radial-gradient(circle,rgba(100,165,255,.13),rgba(100,165,255,0) 68%);
    animation:ciit-learning-orbit 16s ease-in-out infinite alternate;
}
.ciit-learning-page::after {
    width:260px;height:260px;bottom:5%;left:17%;
    border:1px solid rgba(62,203,222,.19);
    background:radial-gradient(circle,rgba(62,203,222,.12),rgba(62,203,222,0) 70%);
    animation:ciit-learning-orbit 19s ease-in-out -4s infinite alternate-reverse;
}
.ciit-learning-page>.ciit-learning-header,
.ciit-learning-page>.ciit-learning-shell {position:relative;z-index:1}
.ciit-learning-course-progress {
    position:relative;isolation:isolate;overflow:hidden;
    border-color:rgba(255,255,255,.98);
    background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(220,238,255,.54),rgba(255,255,255,.7));
    background-size:180% 180%;
    animation:ciit-learning-progress-float .75s .15s ease-out both,ciit-learning-card-breathe 9s ease-in-out infinite;
    transition:transform .3s ease,box-shadow .3s ease;
}
.ciit-learning-course-progress::before {
    position:absolute;z-index:-1;inset:0;content:"";pointer-events:none;
    background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.72) 46%,transparent 70%);
    transform:translateX(-120%);animation:ciit-learning-progress-sheen 4.8s 1s ease-in-out infinite;
}
.ciit-learning-course-progress:hover {transform:translateY(-3px);box-shadow:0 23px 52px rgba(34,91,171,.13),inset 0 1px 0 #fff}
.ciit-learning-course-progress-heading strong {
    display:inline-block;transform-origin:center;animation:ciit-learning-number-pop .8s .35s both;
    text-shadow:0 4px 20px rgba(38,112,255,.17);
}
.ciit-learning-course-progress-track {
    position:relative;height:11px!important;overflow:hidden;border:1px solid rgba(255,255,255,.8);
    background:linear-gradient(90deg,rgba(153,179,218,.18),rgba(126,159,207,.26));
    box-shadow:inset 0 2px 5px rgba(38,68,119,.09),0 1px 0 rgba(255,255,255,.8);
}
.ciit-learning-course-progress-track .progress-bar {
    position:relative;overflow:hidden;min-width:0;border-radius:999px;
    background:linear-gradient(90deg,#226aff 0%,#359cff 45%,#38d0dc 100%);
    background-size:220% 100%;
    box-shadow:0 0 12px rgba(43,133,255,.34),0 0 24px rgba(54,200,229,.18);
    animation:ciit-learning-progress-fill 1.4s .35s cubic-bezier(.18,.7,.25,1) both,ciit-learning-progress-flow 3.2s ease-in-out infinite;
}
.ciit-learning-course-progress-track .progress-bar::after {
    position:absolute;inset:0;content:"";background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.75) 48%,transparent 78%);
    transform:translateX(-120%);animation:ciit-learning-progress-sheen 2.8s .9s ease-in-out infinite;
}
.ciit-learning-topic-progress-track {overflow:hidden;position:relative}
.ciit-learning-topic-progress-track>span {
    position:relative;overflow:hidden;border-radius:999px;
    background:linear-gradient(90deg,#2c75ff,#39b7ff,#3ac9d9);background-size:200% 100%;
    box-shadow:0 0 10px rgba(42,126,255,.2);
    animation:ciit-learning-progress-flow 4s ease-in-out infinite;
    transition:width 1s cubic-bezier(.18,.7,.25,1);
}
.ciit-learning-topic-progress-track>span::after {
    position:absolute;inset:0;content:"";background:linear-gradient(100deg,transparent,rgba(255,255,255,.72),transparent);
    transform:translateX(-110%);animation:ciit-learning-progress-sheen 3.4s ease-in-out infinite;
}
.ciit-learning-main-card {transform-origin:50% 8%;transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.ciit-learning-main-card:hover {transform:translateY(-2px);box-shadow:0 32px 82px rgba(34,67,122,.13),inset 0 1px 0 #fff}
.ciit-learning-main-card:before {position:relative}
.ciit-learning-lesson-heading h2 {animation:ciit-learning-title-enter .6s .16s both}
.ciit-learning-lesson-status,.ciit-learning-resource {
    animation:ciit-learning-panel-enter .58s both;
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.ciit-learning-lesson-status {animation-delay:.2s}
.ciit-learning-video-section {animation-delay:.28s}
.ciit-learning-lesson-status:hover,.ciit-learning-resource:hover {
    transform:translateY(-2px);border-color:rgba(184,212,255,.96);
    box-shadow:0 17px 38px rgba(34,76,140,.09),inset 0 1px 0 #fff
}
.ciit-learning-lesson-status-icon.is-completed {animation:ciit-learning-complete-pop .55s .35s both}
.ciit-learning-lesson-actions .btn {position:relative;overflow:hidden}
.ciit-learning-lesson-actions .btn-primary {
    background:linear-gradient(115deg,#2b75ff,#1b5ee9,#398ffb);background-size:200% 100%;
    box-shadow:0 8px 22px rgba(38,105,235,.22);
    transition:transform .22s ease,box-shadow .22s ease,background-position .45s ease;
}
.ciit-learning-lesson-actions .btn-primary:hover {background-position:100% 0;transform:translateY(-3px);box-shadow:0 14px 30px rgba(38,105,235,.3)}
.ciit-learning-topic-heading:after {transition:transform .28s cubic-bezier(.2,.7,.25,1),background .22s ease,color .22s ease,box-shadow .22s ease}
.ciit-learning-topic[open]>.ciit-learning-topic-heading:after {box-shadow:0 3px 9px rgba(41,113,239,.12)}
.ciit-learning-topic[open]>.ciit-learning-topic-heading .ciit-learning-topic-icon {background:linear-gradient(145deg,rgba(205,228,255,.98),rgba(255,255,255,.94));box-shadow:0 6px 17px rgba(47,111,219,.13)}
.ciit-learning-topic[open]>.ciit-learning-topic-heading {background:linear-gradient(100deg,rgba(226,239,255,.58),rgba(255,255,255,.24))}
@keyframes ciit-learning-orbit {0%{transform:translate3d(0,-12px,0) scale(.96)}50%{transform:translate3d(-28px,20px,0) scale(1.04)}100%{transform:translate3d(12px,34px,0) scale(1)}}
@keyframes ciit-learning-card-breathe {0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes ciit-learning-progress-sheen {0%,30%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}
@keyframes ciit-learning-progress-flow {0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes ciit-learning-progress-fill {from{width:0;filter:brightness(1.25)}to{filter:brightness(1)}}
@keyframes ciit-learning-number-pop {0%{opacity:0;transform:translateY(7px) scale(.85)}70%{opacity:1;transform:translateY(-2px) scale(1.05)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ciit-learning-title-enter {from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes ciit-learning-complete-pop {0%{transform:scale(.72) rotate(-12deg)}70%{transform:scale(1.12) rotate(3deg)}100%{transform:scale(1) rotate(0)}}
@media(max-width:767.98px) {
    .ciit-learning-course-progress {animation:ciit-learning-progress-float .65s .1s ease-out both}
    .ciit-learning-page::before {width:220px;height:220px;right:-120px}
    .ciit-learning-page::after {width:180px;height:180px;left:-80px}
}
@media(prefers-reduced-motion:reduce) {
    .ciit-learning-page::before,.ciit-learning-page::after,
    .ciit-learning-course-progress,.ciit-learning-course-progress::before,
    .ciit-learning-course-progress-heading strong,.ciit-learning-course-progress-track .progress-bar,
    .ciit-learning-course-progress-track .progress-bar::after,.ciit-learning-topic-progress-track>span,
    .ciit-learning-topic-progress-track>span::after,.ciit-learning-lesson-heading h2,
    .ciit-learning-lesson-status,.ciit-learning-resource,.ciit-learning-lesson-status-icon.is-completed {
        animation:none!important;
    }
    .ciit-learning-main-card:hover,.ciit-learning-course-progress:hover,
    .ciit-learning-lesson-status:hover,.ciit-learning-resource:hover {transform:none}
}


/* Learning Path chapter navigation: three predictable resource groups. */
.ciit-learning-chapter-categories {display:grid;gap:10px;padding:10px 9px 12px}
.ciit-learning-category-link,.ciit-learning-category-heading {
    display:flex;align-items:center;gap:11px;width:100%;min-height:60px;padding:11px 12px;
    border:1px solid rgba(219,232,251,.88);border-radius:14px;
    background:linear-gradient(125deg,rgba(255,255,255,.78),rgba(239,246,255,.6));
    color:#314968;text-align:left;text-decoration:none;
    box-shadow:0 5px 15px rgba(36,75,135,.035),inset 0 1px 0 rgba(255,255,255,.9);
    transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.ciit-learning-category-link:hover,.ciit-learning-category[open]>.ciit-learning-category-heading {
    border-color:rgba(157,195,255,.88);background:linear-gradient(120deg,rgba(225,239,255,.86),rgba(255,255,255,.78));
    box-shadow:0 8px 21px rgba(42,99,184,.08),inset 0 1px 0 #fff;
}
.ciit-learning-category-link:hover {transform:translateY(-1px);color:#1769ff}
.ciit-learning-category-icon {
    display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;
    border:1px solid rgba(255,255,255,.96);border-radius:11px;
    background:linear-gradient(145deg,rgba(218,235,255,.95),rgba(255,255,255,.88));
    color:#347aff;box-shadow:0 4px 12px rgba(48,110,214,.06);
}
.ciit-learning-category-copy {display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.ciit-learning-category-copy strong {font-size:.78rem;font-weight:800;line-height:1.35;color:#2a405f}
.ciit-learning-category-copy small {font-size:.68rem;line-height:1.4;color:#8192ad;font-weight:500}
.ciit-learning-category-arrow {color:#7b91b1;transition:transform .2s ease}
.ciit-learning-category-link:hover .ciit-learning-category-arrow {transform:translate(2px,-2px);color:#1769ff}
.ciit-learning-category-count {display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border:1px solid rgba(207,225,251,.8);border-radius:9px;background:rgba(255,255,255,.76);color:#647d9f;font-size:.7rem;font-weight:800}
.ciit-learning-category>.ciit-learning-category-heading {cursor:pointer;list-style:none}
.ciit-learning-category>.ciit-learning-category-heading::-webkit-details-marker {display:none}
.ciit-learning-category>.ciit-learning-category-heading::marker {content:""}
.ciit-learning-category .ciit-learning-disclosure-icon {margin-left:1px;color:#7990b1;transition:transform .22s ease,color .22s ease}
.ciit-learning-category[open]>.ciit-learning-category-heading .ciit-learning-disclosure-icon {transform:rotate(180deg);color:#1769ff}
.ciit-learning-category-body {display:grid;gap:9px;padding:10px 2px 2px;animation:ciit-learning-panel-enter .32s ease both}
.ciit-learning-category-empty {margin:0;padding:12px;border:1px dashed rgba(176,199,232,.82);border-radius:12px;background:rgba(255,255,255,.4);color:#8292ab;font-size:.72rem;line-height:1.55}
.ciit-learning-content-item {padding:12px;border:1px solid rgba(220,232,250,.88);border-radius:13px;background:rgba(255,255,255,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}
.ciit-learning-content-item-title {display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;color:#344c6e;font-size:.73rem;line-height:1.45}
.ciit-learning-content-item-title>i {margin-top:1px;color:#347aff}
.ciit-learning-content-item-title strong {font-weight:750;overflow-wrap:anywhere}
.ciit-learning-category .ciit-learning-resource-links {display:flex;flex-wrap:wrap;gap:7px;margin:0 0 9px}
.ciit-learning-category .ciit-learning-resource-links a {display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(211,227,249,.92);border-radius:10px;background:rgba(255,255,255,.78);color:#587092;text-decoration:none;font-size:.69rem;font-weight:700;transition:background .2s ease,color .2s ease,transform .2s ease}
.ciit-learning-category .ciit-learning-resource-links a:hover {transform:translateY(-1px);background:#edf5ff;color:#1769ff}
.ciit-learning-category .ciit-learning-open-lesson {display:inline-flex;align-items:center;gap:7px;font-size:.7rem}
.ciit-learning-assessment-categories {gap:8px}
.ciit-learning-assessment-type {overflow:hidden;border:1px solid rgba(220,232,250,.88);border-radius:12px;background:rgba(255,255,255,.52)}
.ciit-learning-assessment-type>summary {display:flex;align-items:center;gap:8px;padding:11px 10px;cursor:pointer;list-style:none;color:#455d7e;font-size:.72rem;font-weight:750}
.ciit-learning-assessment-type>summary::-webkit-details-marker {display:none}
.ciit-learning-assessment-type>summary::marker {content:""}
.ciit-learning-assessment-type>summary>span {display:flex;align-items:center;gap:8px;flex:1}
.ciit-learning-assessment-type>summary>span>i {color:#347aff}
.ciit-learning-assessment-type[open]>summary {background:rgba(231,241,255,.62);color:#255eb9}
.ciit-learning-assessment-type[open]>summary>.ciit-learning-disclosure-icon {transform:rotate(180deg)}
.ciit-learning-assessment-type-body {padding:10px;animation:ciit-learning-panel-enter .3s ease both}
.ciit-learning-assessment-type-body .ciit-learning-assessment-question {margin:0 0 10px;padding:10px;border:1px solid rgba(220,232,250,.84);border-radius:11px;background:rgba(255,255,255,.62)}
.ciit-learning-assessment-type-body .ciit-learning-assessment-question strong {font-size:.71rem;line-height:1.55;overflow-wrap:anywhere}
.ciit-learning-assessment-type-body .ciit-learning-assessment-question ol {padding-left:20px;color:#7487a4;font-size:.69rem;line-height:1.55}
@media(max-width:767.98px) {
    .ciit-learning-chapter-categories {padding-inline:5px}
    .ciit-learning-category-link,.ciit-learning-category-heading {gap:9px;padding:10px}
    .ciit-learning-category-icon {flex-basis:32px;width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce) {
    .ciit-learning-category-body,.ciit-learning-assessment-type-body {animation:none!important}
    .ciit-learning-category-link,.ciit-learning-category-heading,.ciit-learning-category-arrow {transition:none!important}
}


/* Readable chapter names and one cohesive assessment surface. */
.ciit-learning-chapter-summary .ciit-learning-chapter-title {
    min-width: 0;
    flex: 1 1 auto;
}
.ciit-learning-chapter-summary .ciit-learning-chapter-title strong {
    display: block;
    color: #263d5f;
    font-size: .86rem !important;
    font-weight: 800;
    line-height: 1.5 !important;
    letter-spacing: -.012em;
    overflow-wrap: anywhere;
    word-break: normal;
}
.ciit-learning-chapter-summary .ciit-learning-chapter-title small {
    display: block;
    margin-top: 4px;
    color: #7889a4;
    font-size: .72rem !important;
    line-height: 1.45;
}
.ciit-learning-chapter-assessment {
    margin-top: 18px;
    padding: clamp(18px, 2.4vw, 30px);
    border: 1px solid rgba(211,226,249,.95);
    border-radius: 22px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 14px 36px rgba(36,70,119,.07), inset 0 1px 0 rgba(255,255,255,.9);
}
.ciit-learning-chapter-assessment > h4 {
    margin: 0 0 20px;
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    line-height: 1.35;
    font-weight: 850;
    letter-spacing: -.025em;
}
.ciit-learning-chapter-assessment .ciit-learning-assessment-subsection {
    margin: 22px 0 0;
    padding-top: 20px;
    border-top: 1px solid #e4ecf8;
}
.ciit-learning-chapter-assessment .ciit-learning-assessment-subsection h5 {
    margin: 0 0 14px;
    font-size: 1.05rem;
    line-height: 1.45;
    font-weight: 850;
}
.ciit-learning-chapter-assessment .ciit-learning-assessment-question {
    margin: 0;
    padding: 18px 4px;
    border: 0;
    border-bottom: 1px solid #e8eef8;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.ciit-learning-chapter-assessment .ciit-learning-assessment-question:last-child {
    border-bottom: 0;
}
.ciit-learning-chapter-assessment .ciit-learning-assessment-question > strong {
    display: block;
    margin: 0 0 10px;
    color: #263d5f;
    font-size: .98rem;
    line-height: 1.75;
    font-weight: 800;
    overflow-wrap: anywhere;
}
.ciit-learning-chapter-assessment .ciit-learning-assessment-question p,
.ciit-learning-chapter-assessment .ciit-practice-import-description {
    margin: 0;
    color: #506783;
    font-size: .94rem;
    line-height: 1.85;
    overflow-wrap: anywhere;
}
.ciit-learning-chapter-assessment .ciit-learning-assessment-question ol {
    margin: 0;
    padding-left: 1.5rem;
    color: #526985;
    font-size: .9rem;
    line-height: 1.85;
}
.ciit-learning-chapter-assessment .ciit-learning-assessment-question li { padding-left: .25rem; }
@media (max-width: 767.98px) {
    .ciit-learning-chapter-assessment { padding: 17px; border-radius: 17px; }
    .ciit-learning-chapter-assessment .ciit-learning-assessment-question { padding: 15px 1px; }
    .ciit-learning-chapter-assessment .ciit-learning-assessment-question > strong { font-size: .92rem; }
}


/* Independent short-page navigation for notes, lesson resources and assessments. */
.ciit-learning-subpage-pager,
.ciit-learning-content-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin: 18px 0 8px;
    padding: 10px 12px;
    border: 1px solid rgba(214,228,249,.92);
    border-radius: 15px;
    background: rgba(241,247,255,.82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}
.ciit-learning-subpage-pager {
    position: relative;
    z-index: 1;
}
.ciit-learning-subpage-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #d8e6fb;
    border-radius: 10px;
    background: rgba(255,255,255,.9);
    color: #2a65bd;
    font-size: .8rem;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.ciit-learning-subpage-arrow:hover:not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(45,101,184,.12);
}
.ciit-learning-subpage-arrow:disabled {
    opacity: .4;
    cursor: not-allowed;
}
.ciit-learning-subpage-numbers,
.ciit-learning-content-pager-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 6px;
}
.ciit-learning-subpage-number,
.ciit-learning-content-pager-buttons button {
    min-width: 34px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #617793;
    font-size: .78rem;
    font-weight: 800;
    transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.ciit-learning-subpage-number:hover,
.ciit-learning-content-pager-buttons button:hover {
    transform: translateY(-1px);
    background: rgba(255,255,255,.85);
}
.ciit-learning-subpage-number.is-active,
.ciit-learning-content-pager-buttons button.is-active {
    border-color: #d5e5ff;
    background: #fff;
    color: #1769ff;
    box-shadow: 0 4px 12px rgba(45,101,184,.12);
}
.ciit-learning-subpage[hidden],
[data-learning-content-page][hidden] {
    display: none !important;
}
.ciit-learning-subpage.is-entering {
    animation: ciit-learning-subpage-enter .3s cubic-bezier(.2,.7,.25,1) both;
}
.ciit-learning-question-unanswered {
    outline: 2px solid #f0a1a6;
    outline-offset: 5px;
    border-radius: 12px;
    animation: ciit-learning-question-pulse .55s ease-in-out 2;
}
.ciit-learning-video-frame .ciit-mux-player {
    width: 100%;
    min-height: 240px;
    aspect-ratio: 16 / 9;
    background: #101827;
}
.ciit-learning-video-frame .ciit-mux-player video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #101827;
}
.ciit-learning-video-frame .ciit-video-fallback {
    display: flex;
    min-height: 240px;
    aspect-ratio: 16 / 9;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    color: #c6d6ef;
    font-size: .9rem;
}
.ciit-learning-video-frame .ciit-video-fallback i { font-size: 2rem; color: #76a9ff; }
.ciit-learning-direct-video-frame video {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #101827;
    object-fit: contain;
}
.ciit-learning-extra-panels > [data-learning-content-pager] {
    margin-top: 0;
}
.ciit-learning-chapter-assessment .ciit-learning-subpage-pager {
    margin: 14px 0 0;
}
@keyframes ciit-learning-subpage-enter {
    from { opacity: 0; transform: translateY(9px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes ciit-learning-question-pulse {
    50% { background: rgba(255,235,237,.85); }
}
@media (max-width: 767.98px) {
    .ciit-learning-subpage-pager,
    .ciit-learning-content-pager {
        gap: 7px;
        padding: 8px;
    }
    .ciit-learning-subpage-arrow {
        min-height: 35px;
        padding: 7px 9px;
        font-size: .72rem;
    }
    .ciit-learning-subpage-numbers,
    .ciit-learning-content-pager-buttons { gap: 3px; }
    .ciit-learning-subpage-number,
    .ciit-learning-content-pager-buttons button {
        min-width: 30px;
        min-height: 31px;
        padding: 5px 8px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .ciit-learning-subpage *,
    .ciit-learning-subpage-pager *,
    .ciit-learning-content-pager * {
        animation: none !important;
        transition: none !important;
    }
}


/* The outer Chapter Assessments resource is the single card surface. */
.ciit-learning-all-assessments .ciit-learning-chapter-assessment {
    margin: 14px 0 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.ciit-learning-all-assessments .ciit-learning-chapter-assessment > h4 {
    padding: 0 0 16px;
    border-bottom: 1px solid #e4ecf8;
}
.ciit-learning-all-assessments .ciit-learning-chapter-assessment .ciit-learning-assessment-subsection {
    padding-top: 16px;
}

.ciit-video-fallback-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid rgba(137,176,238,.45);
    border-radius: 10px;
    color: #dce9ff;
    background: rgba(255,255,255,.07);
    font-size: .8rem;
    font-weight: 750;
    text-decoration: none;
}
.ciit-video-fallback-link:hover {
    color: #fff;
    background: rgba(255,255,255,.13);
}


/* Corrected learning pagination: glass surfaces without shrinking note content. */
.ciit-learning-panel-pager,
.ciit-learning-subpage-pager,
.ciit-learning-content-pager {
    border: 1px solid rgba(255, 255, 255, .76) !important;
    background: rgba(232, 242, 255, .56) !important;
    -webkit-backdrop-filter: blur(26px) saturate(175%);
    backdrop-filter: blur(26px) saturate(175%);
    box-shadow:
        0 12px 32px rgba(40, 78, 132, .10),
        inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}
.ciit-learning-panel-pager button,
.ciit-learning-subpage-arrow,
.ciit-learning-subpage-number,
.ciit-learning-content-pager-buttons button {
    border-color: rgba(255, 255, 255, .55);
    background: rgba(255, 255, 255, .24);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    transition:
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease,
        color .22s ease;
}
.ciit-learning-panel-pager button.is-active,
.ciit-learning-subpage-number.is-active,
.ciit-learning-content-pager-buttons button.is-active {
    border: 1px solid rgba(255, 255, 255, .95);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 5px 18px rgba(41, 99, 181, .13), inset 0 1px 0 #fff;
}
.ciit-learning-subpage-arrow:hover:not(:disabled),
.ciit-learning-subpage-number:hover,
.ciit-learning-content-pager-buttons button:hover {
    background: rgba(255, 255, 255, .66);
    border-color: rgba(255, 255, 255, .92);
}
.ciit-learning-subpage[hidden] { display: none !important; }

/* One assessment card: chapter title, graded knowledge check, MCQs and answers. */
.ciit-learning-all-assessments {
    overflow: hidden;
    border: 1px solid rgba(205, 224, 250, .95);
    border-radius: 22px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 14px 36px rgba(36, 70, 119, .07), inset 0 1px 0 rgba(255, 255, 255, .92);
}
.ciit-learning-all-assessments > .ciit-learning-resource-title {
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(213, 228, 248, .9);
}
.ciit-learning-all-assessments .ciit-learning-chapter-assessment {
    margin: 0;
    padding: 18px 0 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.ciit-learning-all-assessments .ciit-learning-chapter-assessment > h4 {
    margin: 0 0 18px;
    padding: 0 0 16px;
    border-bottom: 1px solid rgba(213, 228, 248, .9);
}
.ciit-learning-all-assessments .ciit-learning-assessment-section {
    margin: 0 0 20px;
    padding: 18px;
    border: 1px solid rgba(211, 226, 249, .88);
    border-radius: 17px;
    background: rgba(245, 249, 255, .48);
    box-shadow: none;
}
.ciit-learning-all-assessments .ciit-learning-assessment-section .ciit-learning-resource-title {
    margin-bottom: 16px;
}
.ciit-learning-all-assessments .ciit-learning-assessment-section .ciit-assessment-submit-row {
    margin-top: 18px;
}
.ciit-learning-all-assessments .ciit-learning-assessment-subsection {
    padding-top: 16px;
    border-top: 1px solid rgba(213, 228, 248, .9);
}
.ciit-learning-all-assessments .ciit-learning-assessment-subsection > h5 {
    margin-top: 0;
}
.ciit-learning-all-assessments .ciit-learning-subpage-pager {
    margin: 12px 0;
}
.ciit-learning-main-card .ciit-learning-notes-content {
    line-height: 1.85;
}
.ciit-learning-main-card .ciit-learning-notes-content > * {
    max-width: 100%;
}
.ciit-learning-main-card .ciit-learning-notes-content > [data-learning-subpage] {
    animation: ciit-learning-subpage-enter .28s ease both;
}
.ciit-learning-main-card .ciit-learning-content-pager {
    margin: 0 0 18px;
}
.ciit-learning-video-section .ciit-learning-video-frame {
    width: 100%;
    min-height: 300px;
    aspect-ratio: 16 / 9;
}
.ciit-learning-video-section .ciit-mux-player,
.ciit-learning-video-section .ciit-learning-direct-video-frame video,
.ciit-learning-video-section iframe {
    width: 100%;
    min-height: 300px;
    aspect-ratio: 16 / 9;
}
@media (max-width: 767.98px) {
    .ciit-learning-all-assessments .ciit-learning-assessment-section {
        padding: 14px;
    }
    .ciit-learning-video-section .ciit-learning-video-frame,
    .ciit-learning-video-section .ciit-mux-player,
    .ciit-learning-video-section .ciit-learning-direct-video-frame video,
    .ciit-learning-video-section iframe {
        min-height: 220px;
    }
}


/* Keep Knowledge Check as a section of the same card, not a nested card. */
.ciit-learning-all-assessments .ciit-learning-assessment-section {
    margin: 18px 0;
    padding: 18px 0;
    border: 0;
    border-top: 1px solid rgba(213, 228, 248, .9);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.ciit-learning-all-assessments .ciit-learning-assessment-section .ciit-learning-resource-title {
    margin-bottom: 16px;
}


/* Improve readability of the chapter resource count. */
.ciit-learning-chapter-summary .ciit-learning-chapter-title small {
    color: #5f7392;
    font-size: .8rem !important;
    font-weight: 650;
    line-height: 1.5;
    letter-spacing: -.005em;
}


/* Keep only the graded knowledge-check pager sticky while its questions scroll.
   Other pagers must stay in normal flow so they never cover lesson controls. */
.ciit-assessment-form > .ciit-learning-subpage-pager {
    position: sticky;
    top: 174px;
    z-index: 40;
    margin-top: 12px;
    border-color: rgba(255, 255, 255, .94) !important;
    background: rgba(239, 246, 255, .94) !important;
    -webkit-backdrop-filter: blur(26px) saturate(175%);
    backdrop-filter: blur(26px) saturate(175%);
    box-shadow:
        0 10px 26px rgba(41, 78, 132, .13),
        inset 0 1px 0 rgba(255, 255, 255, .98) !important;
    scroll-margin-top: 184px;
}

@media (max-width: 767.98px) {
    .ciit-assessment-form > .ciit-learning-subpage-pager {
        top: 126px;
    }
}

/* Curriculum resource map: readable chapter headings and resource inventory. */
.ciit-curriculum-chapter-map {
    padding: 18px 0;
    border-bottom: 1px solid rgba(210, 225, 246, .9);
}
.ciit-curriculum-chapter-map:last-child { border-bottom: 0; }
.ciit-curriculum-chapter-map-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}
.ciit-curriculum-chapter-map-heading strong {
    display: block;
    color: #203858;
    font-size: 1rem;
    font-weight: 750;
}
.ciit-curriculum-chapter-map-heading small {
    display: block;
    margin-top: 3px;
    color: #7387a5;
    font-size: .82rem;
}
.ciit-curriculum-resource-map {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
    padding-left: 44px;
}
.ciit-curriculum-resource-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 1px solid rgba(205, 223, 249, .95);
    border-radius: 12px;
    color: #31537d;
    background: rgba(244, 249, 255, .82);
    font-size: .86rem;
    font-weight: 650;
}
.ciit-curriculum-resource-detail {
    flex-basis: 100%;
    margin: 2px 0;
    color: #657b9a;
    font-size: .9rem;
}
.ciit-curriculum-resource-group { flex-basis: 100%; }
.ciit-curriculum-resource-group .ciit-curriculum-resource-chip { margin-bottom: 8px; }


/* Refined premium glassmorphism for the Previous / page numbers / Next bar. */
.ciit-learning-subpage-pager,
.ciit-learning-content-pager {
    border: 1px solid rgba(255, 255, 255, .88) !important;
    border-radius: 18px;
    background: linear-gradient(
        120deg,
        rgba(242, 248, 255, .72),
        rgba(221, 235, 255, .48) 52%,
        rgba(248, 251, 255, .68)
    ) !important;
    -webkit-backdrop-filter: blur(30px) saturate(185%);
    backdrop-filter: blur(30px) saturate(185%);
    box-shadow:
        0 12px 30px rgba(41, 78, 132, .09),
        inset 0 1px 0 rgba(255, 255, 255, .96),
        inset 0 -1px 0 rgba(195, 216, 246, .3) !important;
}

.ciit-learning-subpage-arrow,
.ciit-learning-subpage-number,
.ciit-learning-content-pager-buttons button {
    border: 1px solid rgba(255, 255, 255, .84);
    border-radius: 12px;
    background: rgba(255, 255, 255, .38);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
}

.ciit-learning-subpage-arrow:not(:disabled):hover,
.ciit-learning-subpage-number:hover,
.ciit-learning-content-pager-buttons button:hover {
    background: rgba(255, 255, 255, .78);
    border-color: rgba(255, 255, 255, .98);
    box-shadow: 0 6px 16px rgba(43, 91, 159, .1), inset 0 1px 0 #fff;
}

.ciit-learning-subpage-number.is-active,
.ciit-learning-content-pager-buttons button.is-active {
    border-color: rgba(255, 255, 255, .98);
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(234, 243, 255, .88));
    box-shadow:
        0 5px 16px rgba(37, 99, 190, .14),
        inset 0 1px 0 #fff;
}

@media (prefers-reduced-transparency: reduce) {
    .ciit-learning-subpage-pager,
    .ciit-learning-content-pager {
        background: #eef5ff !important;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }
}

/* Sticky assessment pagination: overflow:hidden ancestors prevent position:sticky
   from following the viewport, so use clip (which does not create a scroll container). */
.ciit-learning-mode .ciit-learning-main-card,
.ciit-learning-all-assessments {
    overflow: clip !important;
}

.ciit-assessment-form > .ciit-learning-subpage-pager,
.ciit-learning-assessment-section .ciit-learning-subpage-pager,
.ciit-learning-chapter-assessment .ciit-learning-subpage-pager {
    position: sticky !important;
    top: 174px;
    z-index: 60;
    margin-top: 12px;
    border: 1px solid rgba(255, 255, 255, .94) !important;
    background: rgba(239, 246, 255, .96) !important;
    -webkit-backdrop-filter: blur(26px) saturate(175%);
    backdrop-filter: blur(26px) saturate(175%);
    box-shadow:
        0 10px 26px rgba(41, 78, 132, .13),
        inset 0 1px 0 rgba(255, 255, 255, .98) !important;
    scroll-margin-top: 184px;
}

@media (max-width: 767.98px) {
    .ciit-assessment-form > .ciit-learning-subpage-pager,
    .ciit-learning-assessment-section .ciit-learning-subpage-pager,
    .ciit-learning-chapter-assessment .ciit-learning-subpage-pager {
        top: 126px;
    }
}