.learning-shell {
    --learning-green: #27967A;
    --learning-green-deep: #0B8667;
    --learning-green-mid: #178E70;
    --learning-green-dark: #158267;
    --learning-navy: #102A43;
    --learning-navy-deep: #071D2B;
    --learning-lime: #B7E34A;
    --learning-warm-white: #F8FAF9;
    --learning-soft-grey: #EAF2EF;
    --learning-field-border: #52636A;
    --learning-slate: #52636A;
    --learning-charcoal: #17252A;
    --learning-white: #FFFFFF;
    --learning-font: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    margin: 0;
    min-height: 100vh;
    background: var(--learning-warm-white);
    color: var(--learning-charcoal);
    font-family: var(--learning-font);
    line-height: 1.5;
}

.learning-shell *,
.learning-shell *::before,
.learning-shell *::after {
    box-sizing: border-box;
}

.learning-shell a {
    color: var(--learning-green-deep);
}

.learning-app {
    min-height: 100vh;
}

.learning-shell--learner .learning-app {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.learning-shell--admin .learning-app {
    display: flex;
    min-height: 100vh;
}

.learning-nav {
    width: 16.5rem;
    flex-shrink: 0;
    background: var(--learning-navy-deep);
    color: var(--learning-white);
    padding: 1.35rem 1.1rem 1.5rem;
}

.learning-nav__eyebrow {
    margin: 0 0 0.35rem;
    color: var(--learning-lime);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.learning-nav__brand {
    display: block;
    width: fit-content;
    max-width: 9rem;
    margin: 0 0 1.35rem;
    padding: 0.4rem 0.45rem;
    line-height: 0;
    text-decoration: none;
    background: var(--learning-white);
    border-radius: 0.7rem;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.learning-nav__logo {
    display: block;
    width: 8.1rem;
    max-width: 100%;
    height: auto;
    border-radius: 0.4rem;
}

.learning-nav__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.learning-nav__link {
    display: block;
    padding: 0.65rem 0.8rem;
    border-radius: 0.5rem;
    color: var(--learning-white);
    text-decoration: none;
    font-weight: 500;
}

.learning-nav__link.is-current,
.learning-nav__link:hover,
.learning-nav__link:focus {
    background: var(--learning-navy);
    color: var(--learning-white);
}

.learning-nav__link--signout {
    margin-top: 0.85rem;
    color: var(--learning-lime);
}

.learning-workspace {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.learning-header {
    background: var(--learning-white);
    border-bottom: 1px solid var(--learning-soft-grey);
}

.learning-shell--learner .learning-header {
    position: relative;
    z-index: 40;
    background: var(--learning-navy-deep);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--learning-white);
}

.learning-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1.5rem;
}

.learning-shell--learner .learning-header__inner {
    box-sizing: border-box;
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    min-height: 72px;
    margin: 0 auto;
    padding: 0.55rem 0;
    gap: 1.25rem;
}

.learning-header__brand {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--learning-navy);
}

.learning-shell--learner .learning-header__brand {
    color: var(--learning-white);
}

.learning-header__brand-logo {
    display: flex;
    align-items: center;
    min-width: 0;
    text-decoration: none;
}

.learning-header__logo {
    display: block;
    width: auto;
    max-width: 10.5rem;
    height: auto;
}

.learning-shell--learner .learning-header__logo {
    width: 120px;
    max-width: 120px;
    height: auto;
    border-radius: 12px;
}

.learning-shell--learner .learning-header__brand-logo {
    flex: 0 0 auto;
}

.learning-header__start {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    min-width: 0;
}

.learning-shell--learner .learning-header__start {
    flex: 1 1 auto;
    justify-content: space-between;
    gap: 1.75rem;
}

.learning-learner-nav {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 1.75rem;
}

.learning-shell a.learning-learner-nav__link,
.learning-shell a.learning-learner-nav__link:link,
.learning-shell a.learning-learner-nav__link:visited {
    display: inline-block;
    padding: 0.2rem 0 0.35rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: inset 0 -2px 0 transparent;
}

.learning-shell a.learning-learner-nav__link:hover,
.learning-shell a.learning-learner-nav__link:focus {
    color: var(--learning-lime);
}

.learning-shell a.learning-learner-nav__link.is-current {
    color: var(--learning-green);
    box-shadow: inset 0 -2px 0 var(--learning-green);
}

.learning-shell a.learning-learner-nav__cta,
.learning-shell a.learning-learner-nav__cta:link,
.learning-shell a.learning-learner-nav__cta:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 11px 16px;
    border-radius: 8px;
    background: var(--learning-green);
    color: var(--learning-white);
    font-size: 0.875rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 8px 20px rgba(39, 150, 122, 0.18);
}

.learning-shell a.learning-learner-nav__cta:hover,
.learning-shell a.learning-learner-nav__cta:focus,
.learning-shell a.learning-learner-nav__cta:focus-visible {
    background: var(--learning-green-deep);
    color: var(--learning-white);
}

.learning-dashboard {
    max-width: 64rem;
}

.learning-dashboard__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem 1.5rem;
    padding-bottom: 1.2rem;
    margin-bottom: 1.35rem;
    border-bottom: 1px solid var(--learning-soft-grey);
}

.learning-dashboard__intro h1 {
    margin-bottom: 0.4rem;
}

.learning-dashboard__count {
    margin: 0;
    padding: 0.32rem 0.75rem;
    border-radius: 999px;
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.learning-course-count {
    margin: 0 0 1rem;
    color: var(--learning-slate);
    font-size: 0.85rem;
    font-weight: 600;
}

.learning-course-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(21rem, 28rem));
    justify-content: start;
    gap: 1.25rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.learning-course-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding: 1.35rem 1.4rem 1.25rem;
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-left: 4px solid var(--learning-green);
    border-radius: 0.85rem;
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.045);
}

.learning-shell a.learning-course-card,
.learning-shell a.learning-course-card:link,
.learning-shell a.learning-course-card:visited {
    color: inherit;
    text-decoration: none;
}

.learning-shell a.learning-course-card:hover,
.learning-shell a.learning-course-card:focus {
    border-color: var(--learning-green-dark);
    border-left-color: var(--learning-green-deep);
    box-shadow: 0 14px 32px rgba(16, 42, 67, 0.08);
}

.learning-shell a.learning-course-card:focus-visible {
    outline: 2px solid var(--learning-green);
    outline-offset: 3px;
}

.learning-back {
    margin: 0 0 1rem;
}

.learning-shell .learning-back a,
.learning-shell .learning-back a:link,
.learning-shell .learning-back a:visited {
    color: var(--learning-green-deep);
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
}

.learning-hero {
    margin: 0.35rem 0 0;
    color: var(--learning-navy);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.4;
}

.learning-course-meta {
    margin: 0.65rem 0 0;
    color: var(--learning-slate);
    font-size: 0.88rem;
    font-weight: 600;
}

.learning-course-page {
    max-width: 64rem;
}

.learning-course-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.25rem 1.75rem;
    margin: 0 0 1.25rem;
    padding: 1.4rem 1.45rem 1.35rem;
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-left: 4px solid var(--learning-green);
    border-radius: 0.85rem;
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.045);
}

.learning-course-intro h1 {
    margin: 0;
    color: var(--learning-navy);
    font-size: 1.75rem;
    line-height: 1.2;
}

.learning-course-intro .learning-hero {
    margin-top: 0.45rem;
    color: var(--learning-slate);
    font-size: 1.05rem;
    font-weight: 500;
}

.learning-course-intro .learning-course-card__facts {
    margin: 0.95rem 0 0;
}

.learning-course-intro__action {
    margin: 0;
    flex-shrink: 0;
}

.learning-course-panel {
    padding: 1.3rem 1.4rem 1.35rem;
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.045);
}

.learning-course-page .learning-learner-section {
    margin-bottom: 1.25rem;
    max-width: none;
}

.learning-course-page .learning-faculty .learning-faculty-card {
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.045);
}

.learning-course-page .learning-content-count {
    padding: 0.32rem 0.75rem;
    border-radius: 999px;
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.learning-course-page .learning-progress--course {
    margin: 0 0 1rem;
}

.learning-course-page .learning-progress--course .learning-progress__bar::-webkit-progress-value {
    background: linear-gradient(90deg, var(--learning-green) 0%, var(--learning-green-mid) 76%, var(--learning-lime) 100%);
}

.learning-course-page .learning-progress--course .learning-progress__bar::-moz-progress-bar {
    background: linear-gradient(90deg, var(--learning-green) 0%, var(--learning-green-mid) 76%, var(--learning-lime) 100%);
}

.learning-course-page .learning-module-list {
    box-shadow: none;
}

.learning-learner-section {
    margin: 0 0 2rem;
    max-width: 46rem;
}

.learning-learner-section h2 {
    margin: 0 0 0.85rem;
    color: var(--learning-navy);
    font-size: 1.15rem;
}

.learning-overview {
    color: var(--learning-charcoal);
    line-height: 1.65;
}

.learning-overview p + p,
.learning-overview br + br {
    margin-top: 0.15rem;
}

.learning-outcome-list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--learning-charcoal);
}

.learning-outcome-list li {
    position: relative;
    margin: 0 0 0.7rem;
    padding-left: 1.15rem;
    line-height: 1.55;
}

.learning-outcome-list li:last-child {
    margin-bottom: 0;
}

.learning-outcome-list li::before {
    content: "";
    position: absolute;
    top: 0.55rem;
    left: 0;
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: var(--learning-green);
}

.learning-faculty-list--single .learning-faculty-card {
    display: grid;
    grid-template-columns: 8.5rem minmax(0, 1fr);
    gap: 1.15rem 1.4rem;
    align-items: start;
    padding: 1.2rem 1.25rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 1rem;
    background: var(--learning-white);
}

.learning-faculty-list--multiple {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.learning-faculty-list--multiple .learning-faculty-card {
    display: grid;
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: 0.85rem 1rem;
    align-items: start;
    padding: 1.05rem 1.1rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 1rem;
    background: var(--learning-white);
    min-width: 0;
}

.learning-faculty-photo {
    position: relative;
    flex-shrink: 0;
}

.learning-faculty-photo__img,
.learning-faculty-photo__initials {
    display: block;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 999px;
    object-fit: cover;
    background: var(--learning-soft-grey);
}

.learning-faculty-list--multiple .learning-faculty-photo__img,
.learning-faculty-list--multiple .learning-faculty-photo__initials {
    width: 4.5rem;
    height: 4.5rem;
}

.learning-faculty-photo__initials {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--learning-navy);
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.learning-faculty-photo__img[hidden],
.learning-faculty-photo__initials[hidden] {
    display: none !important;
}

.learning-faculty-list--multiple .learning-faculty-photo__initials {
    font-size: 1.05rem;
}

.learning-faculty-card__body {
    min-width: 0;
    overflow-wrap: break-word;
}

.learning-faculty-card__name {
    margin: 0 0 0.3rem;
    color: var(--learning-navy);
    font-size: 1.15rem;
    line-height: 1.3;
}

.learning-faculty-card__role {
    margin: 0 0 0.35rem;
    color: var(--learning-green-dark);
    font-size: 0.85rem;
    font-weight: 700;
}

.learning-faculty-card__meta {
    margin: 0 0 0.7rem;
    color: var(--learning-slate);
    font-size: 0.92rem;
}

.learning-faculty-card__bio {
    margin: 0 0 0.75rem;
    color: var(--learning-charcoal);
    line-height: 1.65;
}

.learning-faculty-card__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.1rem;
    margin: 0;
    font-weight: 600;
}

.learning-faculty-card__bio + .learning-faculty-card__links,
.learning-faculty-card__meta + .learning-faculty-card__links {
    margin-top: 0.15rem;
}

@media (min-width: 40rem) {
    .learning-faculty-list--multiple {
        grid-template-columns: 1fr 1fr;
    }
}

.learning-content-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 0.85rem;
}

.learning-content-head h2 {
    margin: 0;
}

.learning-content-count {
    margin: 0;
    color: var(--learning-slate);
    font-size: 0.85rem;
    font-weight: 600;
}

.learning-module-list {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    background: var(--learning-white);
    overflow: hidden;
}

.learning-module-row {
    border-bottom: 1px solid var(--learning-soft-grey);
}

.learning-module-row:last-child {
    border-bottom: 0;
}

.learning-module-row__inner {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr) auto;
    gap: 0.75rem 0.85rem;
    align-items: start;
    padding: 0.85rem 1.1rem;
}

.learning-shell a.learning-module-row__link,
.learning-shell a.learning-module-row__link:link,
.learning-shell a.learning-module-row__link:visited {
    color: inherit;
    text-decoration: none;
}

.learning-shell a.learning-module-row__link:hover,
.learning-shell a.learning-module-row__link:focus {
    background: var(--learning-soft-grey);
}

.learning-module-row--unavailable .learning-module-row__title {
    color: var(--learning-slate);
}

.learning-module-row__num {
    color: var(--learning-green-dark);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.learning-module-row__title {
    color: var(--learning-navy);
    font-weight: 600;
}

.learning-module-row__body {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem 0.65rem;
}

.learning-module-row__status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.15rem;
    text-align: right;
}

.learning-module-row__action {
    color: var(--learning-green-deep);
    font-size: 0.78rem;
    font-weight: 700;
}

.learning-module-state {
    font-size: 0.75rem;
    font-weight: 700;
}

.learning-module-state--not_started {
    color: var(--learning-slate);
}

.learning-module-state--in_progress {
    color: var(--learning-green);
}

.learning-module-state--completed {
    color: var(--learning-green-deep);
}

.learning-module-state--assessment_required {
    color: var(--learning-green);
    max-width: 12.5rem;
    white-space: normal;
}

.learning-module-state__watched {
    display: block;
    margin-top: 0.1rem;
    color: var(--learning-slate);
    font-size: 0.72rem;
    font-weight: 600;
}

.learning-module-row__flag {
    color: var(--learning-slate);
    font-size: 0.75rem;
    font-weight: 600;
}

.learning-resource-list {
    display: grid;
    gap: 0.7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.learning-resource-row {
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    box-shadow: 0 1px 2px rgba(16, 42, 67, 0.04);
}

.learning-resource-row__inner {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) auto;
    gap: 0.75rem 0.95rem;
    align-items: start;
    padding: 0.95rem 1.1rem;
    border-radius: 0.85rem;
}

.learning-shell a.learning-resource-row__link,
.learning-shell a.learning-resource-row__link:link,
.learning-shell a.learning-resource-row__link:visited {
    color: inherit;
    text-decoration: none;
}

.learning-resource-row:hover,
.learning-resource-row:focus-within {
    border-color: #d7e5e0;
}

.learning-shell a.learning-resource-row__link:hover,
.learning-shell a.learning-resource-row__link:focus {
    background: #f4faf7;
}

.learning-resource-icon {
    position: relative;
    display: inline-flex;
    width: 2.4rem;
    height: 2.55rem;
    flex-shrink: 0;
    color: #8a1f11;
}

.learning-resource-icon--word { color: #1d4f91; }
.learning-resource-icon--excel { color: #1f6b3a; }
.learning-resource-icon--powerpoint { color: #b7472a; }
.learning-resource-icon--csv { color: #0b6b4f; }
.learning-resource-icon--text { color: #52636a; }
.learning-resource-icon--image { color: #5b3d99; }
.learning-resource-icon--document { color: #102a43; }

.learning-resource-icon__page {
    display: block;
    width: 2.4rem;
    height: 2.55rem;
    fill: currentColor;
}

.learning-resource-icon__page path:last-child {
    fill: #fff;
    opacity: 0.22;
}

.learning-resource-icon__mark {
    position: absolute;
    left: 0.38rem;
    right: 0.38rem;
    bottom: 0.42rem;
    color: #fff;
    font-size: 0.52rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1;
    text-align: center;
}

.learning-resource-row__body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.learning-resource-row__title {
    color: var(--learning-navy);
    font-weight: 600;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.learning-resource-row__description {
    color: var(--learning-slate);
    font-size: 0.86rem;
    font-weight: 400;
    line-height: 1.4;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.learning-resource-row__meta {
    color: var(--learning-slate);
    font-size: 0.78rem;
    font-weight: 600;
}

.learning-resource-row__action {
    color: var(--learning-green-deep);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.35;
    padding-top: 0.15rem;
    white-space: nowrap;
}

.learning-progress {
    margin: 0.85rem 0 0;
}

.learning-progress--course {
    margin: 0 0 1rem;
}

.learning-certificate {
    margin: 0 0 1.6rem;
}

.learning-certificate__card {
    max-width: 28rem;
    padding: 1rem 1.15rem 1.1rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.55rem;
    background: var(--learning-white);
}

.learning-certificate__card--issued,
.learning-certificate__card--revoked,
.learning-certificate__card--superseded {
    border-color: #cfe6df;
}

.learning-certificate__body {
    margin: 0;
    color: var(--learning-charcoal);
}

.learning-certificate__credential {
    margin: 0.55rem 0 0;
    color: var(--learning-navy);
    font-size: 0.92rem;
    font-weight: 700;
}

.learning-certificate__action {
    margin: 0.85rem 0 0;
}

.learning-shell--verify {
    background: var(--learning-warm-white);
}

.learning-verify {
    box-sizing: border-box;
    width: min(40rem, calc(100% - 2rem));
    margin: 0 auto;
    padding: 1.5rem 0 2.5rem;
}

.learning-verify__brand {
    margin: 0 0 1.25rem;
    text-align: center;
}

.learning-verify__logo {
    display: block;
    width: min(13.75rem, 70vw);
    height: auto;
    margin: 0 auto 0.85rem;
}

.learning-verify__eyebrow {
    margin: 0;
    color: var(--learning-navy);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.learning-verify__panel {
    padding: 1.35rem 1.25rem 1.4rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.7rem;
    background: var(--learning-white);
}

.learning-verify__state-text {
    margin: 0 0 0.35rem;
    color: var(--learning-navy);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.learning-verify__panel h1 {
    margin: 0;
    color: var(--learning-navy);
    font-size: clamp(1.45rem, 4vw, 1.85rem);
    line-height: 1.2;
}

.learning-verify__summary,
.learning-verify__hint {
    margin: 0.7rem 0 0;
    color: var(--learning-charcoal);
}

.learning-verify__result {
    margin: 1.25rem 0 0;
    padding-top: 1.1rem;
    border-top: 1px solid var(--learning-soft-grey);
}

.learning-verify__learner {
    margin: 0;
    color: var(--learning-navy);
    font-size: 1.35rem;
    font-weight: 700;
}

.learning-verify__wording {
    margin: 0.35rem 0 0;
    color: var(--learning-slate);
}

.learning-verify__course {
    margin: 0.2rem 0 0;
    color: var(--learning-navy);
    font-size: 1.12rem;
    font-weight: 700;
}

.learning-verify__course-short {
    margin: 0.15rem 0 0;
    color: var(--learning-slate);
}

.learning-verify__facts {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem 1.25rem;
    margin: 1.15rem 0 0;
}

.learning-verify__fact {
    margin: 0;
}

.learning-verify__fact dt {
    margin: 0;
    color: var(--learning-slate);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.learning-verify__fact dd {
    margin: 0.15rem 0 0;
    color: var(--learning-navy);
    font-weight: 600;
}

.learning-verify__fact--secondary dt,
.learning-verify__fact--secondary dd {
    font-weight: 500;
    color: var(--learning-slate);
}

.learning-verify__footer {
    margin: 1.15rem 0 0;
    color: var(--learning-slate);
    font-size: 0.88rem;
}

@media (min-width: 36rem) {
    .learning-verify {
        padding-top: 2rem;
    }

    .learning-verify__panel {
        padding: 1.6rem 1.6rem 1.7rem;
    }

    .learning-verify__facts {
        grid-template-columns: 1fr 1fr;
    }
}

.learning-progress__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.35rem 0.85rem;
}

.learning-progress__pct {
    color: var(--learning-navy);
    font-size: 0.82rem;
    font-weight: 700;
}

.learning-progress__count {
    color: var(--learning-slate);
    font-size: 0.78rem;
    font-weight: 600;
}

.learning-progress__bar {
    display: block;
    width: 100%;
    height: 0.45rem;
    margin: 0.45rem 0 0;
    border: 0;
    border-radius: 999px;
    background: var(--learning-soft-grey);
    overflow: hidden;
    accent-color: var(--learning-green);
}

.learning-progress__bar::-webkit-progress-bar {
    background: var(--learning-soft-grey);
    border-radius: 999px;
}

.learning-progress__bar::-webkit-progress-value {
    background: var(--learning-green);
    border-radius: 999px;
}

.learning-progress__bar::-moz-progress-bar {
    background: var(--learning-green);
    border-radius: 999px;
}

.learning-progress__done {
    margin: 0.4rem 0 0;
    color: var(--learning-green-deep);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.learning-progress__note {
    margin: 0.4rem 0 0;
    color: var(--learning-green);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.learning-module-status {
    margin: 0.45rem 0 0;
    font-size: 0.82rem;
    font-weight: 700;
}

.learning-module-status--not_started {
    color: var(--learning-slate);
}

.learning-module-status--in_progress {
    color: var(--learning-green);
}

.learning-module-status--completed {
    color: var(--learning-green-deep);
}

.learning-module-status--assessment_required {
    color: var(--learning-green);
}

.learning-course-card__eyebrow {
    margin: 0 0 0.45rem;
    color: var(--learning-green-dark);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.learning-course-card__title {
    margin: 0 0 0.5rem;
    color: var(--learning-navy);
    font-size: 1.2rem;
    line-height: 1.3;
}

.learning-course-card__summary {
    margin: 0 0 0.95rem;
    color: var(--learning-slate);
    flex: 1 1 auto;
}

.learning-course-card__meta {
    margin: 0;
    color: var(--learning-slate);
    font-size: 0.82rem;
    font-weight: 600;
}

.learning-course-card__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
}

.learning-course-card__facts li {
    margin: 0;
    padding: 0.22rem 0.58rem;
    border-radius: 999px;
    background: var(--learning-soft-grey);
    color: var(--learning-navy);
    font-size: 0.74rem;
    font-weight: 600;
}

.learning-progress--card {
    margin-top: 0;
    padding-top: 0.15rem;
}

.learning-progress--card .learning-progress__bar::-webkit-progress-value {
    background: linear-gradient(90deg, var(--learning-green) 0%, var(--learning-green-mid) 76%, var(--learning-lime) 100%);
}

.learning-progress--card .learning-progress__bar::-moz-progress-bar {
    background: linear-gradient(90deg, var(--learning-green) 0%, var(--learning-green-mid) 76%, var(--learning-lime) 100%);
}

.learning-progress--card .learning-progress__bar {
    accent-color: var(--learning-green);
}

.learning-course-card__cta {
    margin: 0.95rem 0 0;
    padding-top: 0.85rem;
    border-top: 1px solid var(--learning-soft-grey);
    color: var(--learning-green-deep);
    font-size: 0.88rem;
    font-weight: 700;
}

.learning-course-card:hover .learning-course-card__cta,
.learning-course-card:focus .learning-course-card__cta {
    color: var(--learning-green-dark);
}

.learning-empty {
    max-width: 36rem;
}

.learning-empty h2 {
    margin: 0 0 0.5rem;
}

.learning-account {
    position: relative;
    min-width: 0;
    flex-shrink: 0;
}

.learning-account__toggle {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    max-width: 100%;
    margin: 0;
    padding: 0.15rem 0.35rem 0.15rem 0.15rem;
    border: 0;
    border-radius: 0.55rem;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.learning-account__toggle:hover,
.learning-account.is-open .learning-account__toggle {
    background: var(--learning-soft-grey);
}

.learning-account__toggle:focus {
    outline: none;
}

.learning-account__toggle:focus-visible {
    outline: 2px solid var(--learning-green);
    outline-offset: 2px;
}

.learning-account__toggle::after {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.15rem;
    border-right: 2px solid var(--learning-slate);
    border-bottom: 2px solid var(--learning-slate);
    transform: rotate(45deg) translateY(-0.12rem);
    flex-shrink: 0;
}

.learning-account__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: var(--learning-green);
    color: var(--learning-white);
    font-size: 0.85rem;
    font-weight: 700;
    flex-shrink: 0;
}

.learning-account__meta {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.learning-account__name,
.learning-account__org {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.learning-account__name {
    font-size: 0.9rem;
    font-weight: 600;
}

.learning-account__org {
    font-size: 0.75rem;
    color: var(--learning-slate);
}

.learning-shell--learner .learning-account__name {
    color: var(--learning-white);
}

.learning-shell--learner .learning-account__org {
    color: #A9BDC1;
}

.learning-shell--learner .learning-account__toggle:hover,
.learning-shell--learner .learning-account.is-open .learning-account__toggle {
    background: rgba(255, 255, 255, 0.08);
}

.learning-shell--learner .learning-account__toggle::after {
    border-right-color: #A9BDC1;
    border-bottom-color: #A9BDC1;
}

.learning-account__menu {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    z-index: 30;
    min-width: 10.5rem;
    padding: 0.35rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.7rem;
    background: var(--learning-white);
    box-shadow: 0 10px 24px rgba(16, 42, 67, 0.12);
}

.learning-shell a.learning-account__menu-item,
.learning-shell a.learning-account__menu-item:link,
.learning-shell a.learning-account__menu-item:visited {
    display: block;
    padding: 0.55rem 0.75rem;
    border-radius: 0.45rem;
    color: var(--learning-navy);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
}

.learning-shell a.learning-account__menu-item:hover,
.learning-shell a.learning-account__menu-item:focus,
.learning-shell a.learning-account__menu-item:focus-visible {
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
}

.learning-content {
    flex: 1;
    padding: 1.75rem 1.5rem 2.5rem;
}

.learning-shell--learner .learning-content {
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
}

.learning-page-header {
    margin-bottom: 1.5rem;
}

.learning-page-header__eyebrow {
    margin: 0 0 0.4rem;
    color: var(--learning-green-dark);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.learning-page-header h1 {
    margin: 0 0 0.35rem;
    color: var(--learning-navy);
    font-size: 1.75rem;
    line-height: 1.2;
}

.learning-lede {
    margin: 0;
    color: var(--learning-slate);
    max-width: 40rem;
}

.learning-panel {
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-radius: 1rem;
    padding: 1.5rem;
    max-width: 40rem;
}

.learning-dl {
    margin: 0;
}

.learning-dl div {
    display: grid;
    grid-template-columns: 8.5rem 1fr;
    gap: 0.5rem 1rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--learning-soft-grey);
}

.learning-dl div:last-child {
    border-bottom: 0;
}

.learning-dl dt {
    margin: 0;
    color: var(--learning-slate);
    font-size: 0.8rem;
    font-weight: 600;
}

.learning-dl dd {
    margin: 0;
    min-width: 0;
    font-weight: 500;
}

.learning-status {
    display: inline-block;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.learning-footer {
    margin-top: auto;
    padding: 70px 0 25px;
    background: var(--learning-navy-deep);
    color: #A9BDC1;
    font-size: 13px;
}

.learning-footer__shell {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.learning-footer__grid {
    display: grid;
    grid-template-columns: 2fr repeat(3, 1fr);
    gap: 50px;
}

.learning-footer__grid > * {
    min-width: 0;
}

.learning-footer__brand p {
    margin: 15px 0 0;
    font-size: 13px;
}

.learning-footer__logo {
    display: block;
    width: 160px;
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.learning-footer__heading {
    margin: 0 0 18px;
    color: var(--learning-white);
    font-family: Manrope, Inter, "Segoe UI", sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.learning-footer__links {
    display: block;
}

.learning-shell .learning-footer a,
.learning-shell .learning-footer a:link,
.learning-shell .learning-footer a:visited {
    display: block;
    margin: 10px 0;
    color: #A9BDC1;
    font-size: 13px;
    text-decoration: none;
}

.learning-shell .learning-footer a:hover,
.learning-shell .learning-footer a:focus,
.learning-shell .learning-footer a:focus-visible {
    color: var(--learning-lime);
}

.learning-footer__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 11px;
}

@media (max-width: 980px) {
    .learning-footer__shell {
        width: min(100% - 34px, 760px);
    }

    .learning-footer__grid {
        grid-template-columns: 2fr 1fr 1fr;
    }

    .learning-footer__grid > .learning-footer__column:last-child {
        grid-column: 2;
    }
}

@media (max-width: 620px) {
    .learning-footer__shell {
        width: calc(100% - 28px);
    }

    .learning-footer__grid {
        grid-template-columns: 1fr 1fr;
    }

    .learning-footer__brand {
        grid-column: 1 / -1;
    }

    .learning-footer__grid > .learning-footer__column:last-child {
        grid-column: auto;
    }

    .learning-footer__bottom {
        flex-direction: column;
        gap: 12px;
    }
}

.learning-nav-toggle {
    display: none;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border: 0;
    border-radius: 0.45rem;
    background: var(--learning-soft-grey);
    cursor: pointer;
}

.learning-nav-toggle__bar {
    display: block;
    width: 1.05rem;
    height: 2px;
    margin: 0 auto;
    background: var(--learning-navy);
    box-shadow: 0 -5px 0 var(--learning-navy), 0 5px 0 var(--learning-navy);
}

.learning-nav-toggle--learner {
    background: transparent;
}

.learning-nav-toggle--learner .learning-nav-toggle__bar {
    background: var(--learning-white);
    box-shadow: 0 -5px 0 var(--learning-white), 0 5px 0 var(--learning-white);
}

@media (max-width: 980px) {
    .learning-nav-toggle.learning-nav-toggle--learner {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
    }

    .learning-shell--learner .learning-header__inner {
        width: min(100% - 34px, 1180px);
        min-height: 64px;
        padding: 0.55rem 0;
        flex-wrap: nowrap;
    }

    .learning-shell--learner .learning-header__start {
        flex: 0 1 auto;
        flex-wrap: nowrap;
        gap: 0.75rem;
    }

    .learning-shell--learner .learning-header__logo {
        width: 120px;
        max-width: 120px;
    }

    .learning-shell--learner .learning-header__brand-logo {
        flex: 0 0 auto;
    }

    .learning-nav-toggle.learning-nav-toggle--learner {
        flex: 0 0 auto;
        width: 2.2rem;
        height: 2.2rem;
    }

    .learning-shell--learner .learning-account,
    .learning-shell--learner .learning-guest-header__links {
        margin-left: auto;
        flex: 0 0 auto;
    }

    .learning-shell--learner .learning-account__meta,
    .learning-shell--learner .learning-account__toggle::after {
        display: none;
    }

    .learning-guest-header__links {
        gap: 0.45rem;
    }

    .learning-shell--learner .learning-header a.learning-button {
        padding: 0.5rem 0.7rem;
        font-size: 0.8rem;
    }

    .learning-shell--learner .learning-header a.learning-button.learning-guest-header__register,
    .learning-shell--learner .learning-header a.learning-button.learning-guest-header__register:link,
    .learning-shell--learner .learning-header a.learning-button.learning-guest-header__register:visited {
        display: none;
    }

    .learning-shell.is-nav-open a.learning-learner-nav__link.learning-guest-header__menu-register,
    .learning-shell.is-nav-open a.learning-learner-nav__link.learning-guest-header__menu-register:link,
    .learning-shell.is-nav-open a.learning-learner-nav__link.learning-guest-header__menu-register:visited {
        display: inline-block;
    }

    .learning-learner-nav {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 25;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.1rem;
        padding: 1.25rem 1.5rem 1.6rem;
        background: var(--learning-navy-deep);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .learning-shell.is-nav-open .learning-learner-nav {
        display: flex;
    }

    .learning-shell a.learning-learner-nav__cta,
    .learning-shell a.learning-learner-nav__cta:link,
    .learning-shell a.learning-learner-nav__cta:visited {
        margin-top: 0.25rem;
    }
}

@media (max-width: 620px) {
    .learning-shell--learner .learning-header__inner {
        width: calc(100% - 28px);
        padding: 0.5rem 0;
        gap: 0.75rem;
    }

    .learning-shell--learner .learning-header__logo {
        width: 110px;
        max-width: 110px;
    }
}

.learning-shell--error {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.learning-error {
    width: min(28rem, 100%);
    background: var(--learning-white);
    border-radius: 1rem;
    padding: 2rem 1.5rem;
    box-shadow: 0 10px 30px rgba(16, 42, 67, 0.08);
}

.learning-error__brand {
    margin: 0 0 0.75rem;
    color: var(--learning-green-dark);
    font-weight: 700;
}

.learning-error h1 {
    margin: 0 0 0.75rem;
    color: var(--learning-navy);
    font-size: 1.5rem;
}

.learning-error p {
    margin: 0 0 1rem;
    color: var(--learning-slate);
}

.learning-shell a.learning-button,
.learning-shell a.learning-button:link,
.learning-shell a.learning-button:visited {
    display: inline-block;
    padding: 0.55rem 0.9rem;
    border-radius: 0.5rem;
    background: var(--learning-green);
    color: var(--learning-white);
    font-weight: 600;
    text-decoration: none;
}

.learning-shell a.learning-button:hover,
.learning-shell a.learning-button:focus,
.learning-shell a.learning-button:focus-visible {
    background: var(--learning-green-dark);
    color: var(--learning-white);
}

.learning-shell a.learning-button:focus,
.learning-shell a.learning-button:focus-visible {
    outline: 2px solid var(--learning-navy);
    outline-offset: 2px;
}

.learning-shell .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.learning-page-header--actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.learning-flash {
    margin: 0 0 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: 0.7rem;
    font-weight: 600;
}

.learning-flash--success {
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
}

.learning-flash--error {
    background: #fdecea;
    color: #8a1f11;
}

.learning-flash--info {
    background: var(--learning-soft-grey);
    color: var(--learning-navy);
}

.learning-panel--wide,
.learning-form--wide {
    max-width: 52rem;
}

.learning-panel h2 {
    margin: 0 0 1rem;
    color: var(--learning-navy);
    font-size: 1.1rem;
}

.learning-form {
    max-width: 40rem;
}

.learning-form .learning-panel {
    margin-bottom: 1.25rem;
}

.learning-field {
    margin-bottom: 1rem;
}

.learning-field label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.85rem;
    font-weight: 600;
}

.learning-field input[type="text"],
.learning-field input[type="search"],
.learning-field input[type="date"],
.learning-field input[type="url"],
.learning-field input[type="email"],
.learning-field input[type="password"],
.learning-field input[type="number"],
.learning-field textarea,
.learning-field select {
    width: 100%;
    max-width: 100%;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--learning-field-border);
    border-radius: 0.5rem;
    background: var(--learning-white);
    color: var(--learning-charcoal);
    font: inherit;
}

.learning-field input:focus,
.learning-field textarea:focus,
.learning-field select:focus {
    outline: 2px solid var(--learning-green);
    outline-offset: 2px;
}

.learning-field__hint,
.learning-field__error {
    margin: 0.35rem 0 0;
    font-size: 0.8rem;
}

.learning-field__hint {
    color: var(--learning-slate);
}

.learning-field__error {
    color: #8a1f11;
}

.learning-field-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.learning-check {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.65rem 0;
    font-weight: 600;
}

.learning-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1.25rem 0 1.75rem;
}

.learning-form-errors {
    margin: 0 0 1.25rem;
    padding: 0.9rem 1rem;
    border-radius: 0.7rem;
    background: #fdecea;
    color: #8a1f11;
}

.learning-form-errors p,
.learning-form-errors ul {
    margin: 0;
}

.learning-form-errors ul {
    padding-left: 1.2rem;
    margin-top: 0.4rem;
}

.learning-quiz-questions {
    max-width: 52rem;
}

.learning-quiz-questions > h2 {
    margin-bottom: 1.15rem;
}

.learning-quiz-question {
    margin: 0 0 1.15rem;
    padding: 0;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    background: var(--learning-white);
    overflow: hidden;
}

.learning-quiz-question:last-child {
    margin-bottom: 0;
}

.learning-quiz-question__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.15rem;
    border-bottom: 1px solid var(--learning-soft-grey);
    background: #f8fbf9;
}

.learning-quiz-question__header h3 {
    margin: 0;
    color: var(--learning-navy);
    font-size: 1rem;
}

.learning-quiz-question__meta {
    margin: 0.3rem 0 0;
    color: var(--learning-slate);
    font-size: 0.8rem;
}

.learning-quiz-question .learning-form {
    padding: 1.1rem 1.15rem 1.2rem;
}

.learning-quiz-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem 0.75rem;
    margin: 0.35rem 0 0.85rem;
}

.learning-quiz-option {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.55rem;
    background: #f8fbf9;
    color: var(--learning-navy);
    font-size: 0.86rem;
    font-weight: 600;
}

.learning-quiz-answers {
    margin: 0.9rem 0 0.35rem;
    padding: 0;
    border: 0;
}

.learning-quiz-answers legend {
    margin: 0 0 0.65rem;
    color: var(--learning-navy);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.learning-quiz-answers__head,
.learning-quiz-answer-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 6.5rem minmax(10.5rem, auto);
    gap: 0.7rem;
    align-items: center;
}

.learning-quiz-answers__head {
    margin: 0 0 0.35rem;
    padding: 0 0.15rem;
    color: var(--learning-slate);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.learning-quiz-answer-row {
    margin: 0 0 0.45rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.55rem;
    background: #fcfefd;
}

.learning-quiz-answer-row input[type="text"] {
    width: 100%;
    min-width: 0;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--learning-field-border);
    border-radius: 0.4rem;
    background: var(--learning-white);
    color: var(--learning-navy);
    font: inherit;
}

.learning-quiz-correct {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.4rem;
    margin: 0;
    color: var(--learning-navy);
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.learning-quiz-answer-row__spacer {
    min-height: 1px;
}

.learning-quiz-answers__add {
    margin: 0.65rem 0 0;
}

.learning-quiz-answer-action {
    display: none;
}

.learning-quiz-question--add {
    border-style: dashed;
}

.learning-quiz-question--add .learning-quiz-answers__head,
.learning-quiz-question--add .learning-quiz-answer-row {
    grid-template-columns: minmax(0, 1fr) 6.5rem;
}

.learning-row-actions__group button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.38rem 0.7rem;
    border: 0;
    border-right: 1px solid #d5e2de;
    border-radius: 0;
    background: var(--learning-white);
    color: var(--learning-navy);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.learning-row-actions__group > :last-child {
    border-right: 0;
}

.learning-row-actions__group button:hover,
.learning-row-actions__group button:focus {
    background: var(--learning-soft-grey);
    color: var(--learning-navy-deep);
}

.learning-row-actions__group button:focus,
.learning-row-actions__group button:focus-visible {
    outline: 2px solid var(--learning-green);
    outline-offset: -2px;
    z-index: 1;
}

.learning-row-actions__group button.learning-row-actions__quiet {
    color: #6b4f3a;
}

.learning-table-wrap {
    overflow-x: auto;
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-radius: 1rem;
}

.learning-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.learning-table th,
.learning-table td {
    padding: 0.75rem 0.9rem;
    text-align: left;
    vertical-align: top;
    border-bottom: 1px solid var(--learning-soft-grey);
}

.learning-table th {
    color: var(--learning-slate);
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.learning-table--courses {
    width: 100%;
}

.learning-table--courses th,
.learning-table--courses td {
    padding: 1.15rem 1.25rem;
    vertical-align: middle;
}

.learning-table--courses thead th {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    background: #f4f8f6;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
}

.learning-table--courses tbody tr:last-child td {
    border-bottom: 0;
}

.learning-table--courses tbody tr:hover {
    background: #fbfdfc;
}

.learning-table__course {
    min-width: 16rem;
}

.learning-table--courses .learning-table__badge,
.learning-table--courses .learning-table__updated,
.learning-table--courses .learning-table__actions-cell {
    width: 1%;
    white-space: nowrap;
}

.learning-table__title {
    font-weight: 600;
    text-decoration: none;
}

.learning-shell .learning-table__title,
.learning-shell .learning-table__title:link,
.learning-shell .learning-table__title:visited {
    color: var(--learning-navy);
    font-size: 0.98rem;
    line-height: 1.35;
}

.learning-shell .learning-table__title:hover,
.learning-shell .learning-table__title:focus {
    color: var(--learning-green-deep);
}

.learning-table__sub {
    display: block;
    color: var(--learning-slate);
    font-size: 0.8rem;
}

.learning-table__meta {
    display: block;
    margin-top: 0.35rem;
    color: var(--learning-slate);
    font-size: 0.8rem;
    line-height: 1.4;
}

.learning-table__date {
    display: block;
    color: var(--learning-navy);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.learning-table--courses .learning-table__updated .learning-table__sub {
    margin-top: 0.2rem;
}

.learning-table__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
}

.learning-table th:last-child,
.learning-table td.learning-table__actions-cell {
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
}

.learning-row-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    flex-wrap: nowrap;
}

.learning-row-actions__group {
    display: inline-flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid #d5e2de;
    border-radius: 0.45rem;
    background: var(--learning-white);
}

.learning-shell .learning-row-actions__group a,
.learning-shell .learning-row-actions__group a:link,
.learning-shell .learning-row-actions__group a:visited,
.learning-row-actions__form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.38rem 0.7rem;
    border: 0;
    border-right: 1px solid #d5e2de;
    border-radius: 0;
    background: var(--learning-white);
    color: var(--learning-navy);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.learning-row-actions__group > :last-child,
.learning-row-actions__form:last-child button {
    border-right: 0;
}

.learning-shell .learning-row-actions__group a:hover,
.learning-shell .learning-row-actions__group a:focus,
.learning-row-actions__form button:hover,
.learning-row-actions__form button:focus {
    background: var(--learning-soft-grey);
    color: var(--learning-navy-deep);
}

.learning-shell .learning-row-actions__group a:focus,
.learning-shell .learning-row-actions__group a:focus-visible,
.learning-row-actions__form button:focus,
.learning-row-actions__form button:focus-visible {
    outline: 2px solid var(--learning-green);
    outline-offset: -2px;
    z-index: 1;
}

.learning-row-actions__form {
    display: inline-flex;
    margin: 0;
}

.learning-row-actions__form button.learning-row-actions__quiet {
    color: #6b4f3a;
}

.learning-inline-form {
    display: inline;
    margin: 0;
}

.learning-inline-form button,
.learning-button {
    font: inherit;
    cursor: pointer;
}

.learning-shell button.learning-button,
.learning-shell a.learning-button.learning-button--quiet,
.learning-shell a.learning-button.learning-button--quiet:link,
.learning-shell a.learning-button.learning-button--quiet:visited {
    background: transparent;
    color: var(--learning-navy);
    border: 1px solid var(--learning-soft-grey);
}

.learning-shell button.learning-button {
    display: inline-block;
    padding: 0.55rem 0.9rem;
    border: 0;
    border-radius: 0.5rem;
    background: var(--learning-green);
    color: var(--learning-white);
    font-weight: 600;
}

.learning-shell button.learning-button:hover,
.learning-shell button.learning-button:focus,
.learning-shell button.learning-button:focus-visible {
    background: var(--learning-green-dark);
    color: var(--learning-white);
}

.learning-shell button.learning-button:focus,
.learning-shell button.learning-button:focus-visible {
    outline: 2px solid var(--learning-navy);
    outline-offset: 2px;
}

.learning-shell button.learning-button.learning-button--quiet {
    background: transparent;
    color: var(--learning-navy);
    border: 1px solid var(--learning-soft-grey);
}

.learning-inline-form button {
    padding: 0;
    border: 0;
    background: none;
    color: var(--learning-green-deep);
    font-weight: 600;
}

.learning-status--draft { background: var(--learning-soft-grey); color: var(--learning-slate); }
.learning-status--ready_for_review { background: #e8f4ff; color: var(--learning-navy); }
.learning-status--published { background: var(--learning-soft-grey); color: var(--learning-green-dark); }
.learning-status--archived { background: #f4eee8; color: #6b4f3a; }
.learning-status--access-ready { background: var(--learning-soft-grey); color: var(--learning-green-dark); }
.learning-status--access-not_configured { background: #f4eee8; color: #6b4f3a; }
.learning-status--access-invalid { background: #f8e8e8; color: #7a3030; }
.learning-status--cert-pending { background: var(--learning-soft-grey); color: var(--learning-slate); }
.learning-status--cert-issued { background: var(--learning-soft-grey); color: var(--learning-green-dark); }
.learning-status--cert-failed { background: #f8e8e8; color: #7a3030; }
.learning-status--cert-revoked { background: #f4eee8; color: #6b4f3a; }
.learning-status--cert-superseded { background: #e8f4ff; color: var(--learning-navy); }

.learning-filters--courses,
.learning-filters--certificates {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem 1rem;
    margin: 0 0 1.25rem;
    padding: 1.15rem 1.25rem 1.2rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 1rem;
    background: var(--learning-white);
}

.learning-filters--courses .learning-field,
.learning-filters--certificates .learning-field {
    margin-bottom: 0;
}

.learning-field--actions {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    min-height: 2.55rem;
}

.learning-filters__clear {
    font-size: 0.88rem;
    font-weight: 600;
    white-space: nowrap;
}

.learning-result-count {
    margin: 0 0 0.65rem;
    color: var(--learning-slate);
    font-size: 0.82rem;
    font-weight: 600;
}

.learning-empty {
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-radius: 1rem;
    padding: 2rem 1.5rem;
}

.learning-empty h2 {
    margin: 0 0 0.45rem;
    color: var(--learning-navy);
    font-size: 1.15rem;
}

.learning-empty p {
    margin: 0;
    max-width: 36rem;
    color: var(--learning-slate);
}

.learning-empty p + p {
    margin-top: 0.85rem;
}

.learning-button--secondary {
    background: var(--learning-white);
    color: var(--learning-navy);
    border: 1px solid var(--learning-soft-grey);
}

@media (min-width: 48rem) {
    .learning-filters--courses {
        grid-template-columns: minmax(12rem, 16rem) auto;
        align-items: end;
    }
}

@media (min-width: 56rem) {
    .learning-filters--certificates {
        grid-template-columns: minmax(14rem, 2.2fr) minmax(9rem, 1fr) minmax(9rem, 1fr) minmax(9rem, 1fr) auto;
        align-items: end;
    }
}

.learning-repeater__row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    margin-bottom: 0.65rem;
}

.learning-repeater__row input[type="text"] {
    flex: 1;
    min-width: 12rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--learning-field-border);
    border-radius: 0.5rem;
    font: inherit;
}

.learning-repeater__row input[type="text"]:focus {
    outline: 2px solid var(--learning-green);
    outline-offset: 2px;
}

.learning-repeater__remove {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
}

.learning-readiness {
    margin: 0 0 0.75rem;
    padding-left: 1.2rem;
}

.learning-document-upload__status {
    margin: 0 0 0.75rem;
    color: var(--learning-green-deep);
    font-weight: 600;
}

.learning-document-upload__status.is-error {
    color: #9b2c2c;
}

.learning-editor-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0 0 1.25rem;
}

.learning-editor-nav__link {
    display: inline-block;
    padding: 0.45rem 0.85rem;
    border-radius: 0.5rem;
    text-decoration: none;
    font-weight: 600;
}

.learning-shell a.learning-editor-nav__link,
.learning-shell a.learning-editor-nav__link:link,
.learning-shell a.learning-editor-nav__link:visited {
    color: var(--learning-navy);
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
}

.learning-shell a.learning-editor-nav__link.is-current,
.learning-shell a.learning-editor-nav__link.is-current:link,
.learning-shell a.learning-editor-nav__link.is-current:visited {
    background: var(--learning-green);
    border-color: var(--learning-green);
    color: var(--learning-white);
}

.learning-shell a.learning-editor-nav__link:focus-visible {
    outline: 2px solid var(--learning-navy);
    outline-offset: 2px;
}

.learning-readiness-panel {
    margin: 0 0 1.25rem;
    padding: 1rem 1.15rem;
    border-radius: 0.85rem;
    max-width: 52rem;
}

.learning-readiness-panel h2 {
    margin: 0 0 0.5rem;
    font-size: 1.05rem;
}

.learning-readiness-panel ul {
    margin: 0 0 0.65rem;
    padding-left: 1.2rem;
}

.learning-readiness-panel--ready {
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
}

.learning-readiness-panel--incomplete {
    background: #f4eee8;
    color: #6b4f3a;
}

.learning-readiness-panel--access-ready {
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
}

.learning-readiness-panel--access-not_configured {
    background: #f4eee8;
    color: #6b4f3a;
}

.learning-readiness-panel--access-invalid {
    background: #f8e8e8;
    color: #7a3030;
}

.learning-publish-readiness {
    margin: 0.75rem 0 0.85rem;
}

.learning-publish-readiness__row {
    display: grid;
    grid-template-columns: minmax(10rem, 16rem) 1fr;
    gap: 0.75rem;
    padding: 0.35rem 0;
    border-bottom: 1px solid rgba(16, 42, 67, 0.08);
}

.learning-publish-readiness__row:last-child {
    border-bottom: 0;
}

.learning-publish-readiness dt {
    margin: 0;
    font-weight: 600;
}

.learning-publish-readiness dd {
    margin: 0;
    font-weight: 700;
}
}

.learning-access__id {
    margin: 0 0 0.5rem;
    font-size: 0.92rem;
}

.learning-access-alignment {
    margin: 0 0 1.25rem;
    padding: 1rem 1.15rem;
    border-radius: 0.85rem;
    max-width: 52rem;
}

.learning-access-alignment h2 {
    margin: 0 0 0.5rem;
    font-size: 1.05rem;
}

.learning-access-alignment--aligned {
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
}

.learning-access-alignment--warning {
    background: #f4eee8;
    color: #6b4f3a;
}

.learning-module-list {
    margin: 0 0 1.75rem;
    padding: 0;
    list-style: none;
    max-width: 52rem;
}

.learning-module {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.85rem 1rem;
    margin-bottom: 0.75rem;
    padding: 1rem 1.1rem;
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-radius: 1rem;
}

.learning-module__main {
    display: flex;
    gap: 0.85rem;
    min-width: 0;
    flex: 1;
}

.learning-module__order {
    margin: 0;
    min-width: 1.75rem;
    color: var(--learning-slate);
    font-weight: 700;
}

.learning-module__title {
    margin: 0 0 0.25rem;
    font-size: 1.05rem;
    color: var(--learning-navy);
}

.learning-module__meta,
.learning-module__flags {
    margin: 0.15rem 0 0;
    color: var(--learning-slate);
    font-size: 0.85rem;
}

.learning-module__flags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem 0.65rem;
    align-items: center;
}

.learning-module__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
}

.learning-module__actions .learning-row-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
}

.learning-availability {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 700;
}

.learning-availability--available {
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
}

.learning-availability--unpublished {
    background: #f4eee8;
    color: #6b4f3a;
}

.learning-availability--unavailable {
    background: #fdecea;
    color: #8a1f11;
}

.learning-video-results {
    display: grid;
    gap: 0.85rem;
    margin: 1.25rem 0 0;
    padding: 0;
    list-style: none;
}

.learning-video-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 10.5rem;
    gap: 0.85rem 1.25rem;
    min-height: 8.5rem;
    padding: 1rem 1.15rem;
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    box-shadow: 0 1px 2px rgba(16, 42, 67, 0.04);
}

.learning-video-card:hover {
    border-color: #d7e5e0;
    box-shadow: 0 2px 8px rgba(16, 42, 67, 0.06);
}

.learning-video-card__main {
    min-width: 0;
}

.learning-video-card__title {
    margin: 0;
    color: var(--learning-navy);
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.3;
}

.learning-video-card__topic {
    margin: 0.2rem 0 0;
    color: var(--learning-charcoal);
    font-size: 0.95rem;
}

.learning-video-card__meta {
    margin: 0.5rem 0 0;
    color: var(--learning-slate);
    font-size: 0.85rem;
}

.learning-video-card__perm {
    margin: 0.7rem 0 0;
}

.learning-video-card__perm-label {
    margin: 0;
    color: var(--learning-slate);
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.learning-video-card__perm-value {
    margin: 0.15rem 0 0;
    color: var(--learning-navy);
    font-size: 0.92rem;
}

.learning-video-card__aside {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    gap: 0.75rem;
}

.learning-video-card__state {
    margin: 0;
    max-width: 10.5rem;
    color: var(--learning-slate);
    font-size: 0.85rem;
    font-weight: 600;
    text-align: right;
    line-height: 1.35;
}

.learning-video-card--on-course,
.learning-video-card--removed {
    background: #fbfdfc;
}

.learning-video-card--selected {
    margin: 0 0 1rem;
    max-width: 52rem;
}

.learning-pager {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin: 1.15rem 0 0;
}

@media (max-width: 800px) {
    .learning-shell--admin .learning-app {
        display: block;
    }

    .learning-nav {
        position: fixed;
        z-index: 20;
        top: 0;
        left: 0;
        height: 100%;
        transform: translateX(-100%);
        transition: transform 0.2s ease;
    }

    .learning-shell.is-nav-open .learning-nav {
        transform: translateX(0);
    }

    .learning-nav-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .learning-header__start {
        flex-wrap: wrap;
        gap: 0.65rem 1rem;
    }

    .learning-shell--learner .learning-header__start {
        flex-wrap: nowrap;
    }

    .learning-header__inner {
        padding: 0.8rem 1rem;
    }

    .learning-header__logo {
        max-width: 8.75rem;
    }

    .learning-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .learning-dl div {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }

    .learning-course-intro,
    .learning-dashboard__header,
    .learning-page-header--actions,
    .learning-field-grid,
    .learning-instructor-heading,
    .learning-assigned-courses li {
        display: block;
    }

    .learning-dashboard__count {
        display: inline-block;
        margin-top: 0.85rem;
    }

    .learning-course-intro__action {
        margin-top: 0.25rem;
    }

    .learning-module-nav {
        display: block;
    }

    .learning-module-nav__siblings {
        margin-top: 0.75rem;
    }

    .learning-course-grid {
        grid-template-columns: 1fr;
    }

    .learning-instructor-heading__actions {
        justify-content: flex-start;
        margin-top: 0.75rem;
    }

    .learning-faculty-list--single .learning-faculty-card,
    .learning-faculty-list--multiple {
        display: block;
    }

    .learning-faculty-list--multiple .learning-faculty-card {
        display: grid;
        margin-bottom: 1rem;
    }

    .learning-faculty-list--single .learning-faculty-photo {
        margin-bottom: 0.85rem;
    }

    .learning-module {
        display: block;
    }

    .learning-module-row__inner {
        grid-template-columns: 2.4rem minmax(0, 1fr);
    }

    .learning-module-row__status {
        grid-column: 2;
        align-items: flex-start;
        text-align: left;
    }

    .learning-resource-row__inner {
        grid-template-columns: 2.5rem minmax(0, 1fr);
    }

    .learning-resource-row__action {
        grid-column: 2;
        justify-self: start;
    }

    .learning-video-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .learning-video-card__aside {
        align-items: stretch;
        justify-content: flex-start;
    }

    .learning-video-card__aside .learning-availability {
        align-self: flex-start;
    }

    .learning-video-card__state {
        max-width: none;
        text-align: left;
    }

    .learning-shell .learning-video-card__aside a.learning-button,
    .learning-shell .learning-video-card__aside a.learning-button:link,
    .learning-shell .learning-video-card__aside a.learning-button:visited {
        width: 100%;
        text-align: center;
    }

    .learning-module__actions,
    .learning-editor-nav {
        margin-top: 0.75rem;
    }

    .learning-quiz-question__header,
    .learning-quiz-options {
        display: block;
    }

    .learning-quiz-question__header .learning-row-actions {
        margin-top: 0.75rem;
        justify-content: flex-start;
    }

    .learning-quiz-answers__head {
        display: none;
    }

    .learning-quiz-answer-row,
    .learning-quiz-question--add .learning-quiz-answer-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .learning-quiz-answer-row input[type="text"] {
        grid-column: 1 / -1;
    }
}

.learning-crumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 1.15rem;
    color: var(--learning-slate);
    font-size: 0.88rem;
    font-weight: 600;
}

.learning-shell .learning-crumb a,
.learning-shell .learning-crumb a:link,
.learning-shell .learning-crumb a:visited {
    color: var(--learning-green-deep);
    text-decoration: none;
}

.learning-module-header h1 {
    margin-top: 0.15rem;
}

.learning-module-page {
    max-width: 64rem;
}

.learning-module-intro {
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.45rem 1.3rem;
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-left: 4px solid var(--learning-green);
    border-radius: 0.85rem;
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.045);
}

.learning-module-intro h1 {
    margin: 0.15rem 0 0;
    color: var(--learning-navy);
    font-size: 1.75rem;
    line-height: 1.2;
}

.learning-module-intro .learning-course-card__facts {
    margin: 0.9rem 0 0;
}

.learning-module-intro__description {
    margin-top: 0.95rem;
}

.learning-module-page .learning-learner-section {
    margin-bottom: 1.25rem;
    max-width: none;
}

.learning-module-page .learning-quizzes,
.learning-module-page .learning-resources {
    padding: 1.3rem 1.4rem 1.35rem;
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.045);
}

.learning-module-page .learning-quiz-card {
    margin-bottom: 0;
}

.learning-module-page .learning-quiz-card__inner,
.learning-module-page .learning-resource-row {
    box-shadow: none;
}

.learning-player {
    overflow: hidden;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    background: var(--learning-navy-deep);
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.08);
}

.learning-player__video {
    display: block;
    width: 100%;
    max-height: 70vh;
    background: var(--learning-navy-deep);
}

.learning-module-unavailable {
    padding: 1.5rem 1.2rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    background: var(--learning-white);
}

.learning-module-unavailable h2 {
    margin: 0 0 0.45rem;
    color: var(--learning-navy);
    font-size: 1.05rem;
}

.learning-module-unavailable p {
    margin: 0;
    color: var(--learning-slate);
}

.learning-module-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem 1.25rem;
    margin: 0 0 0.25rem;
    padding: 1.05rem 1.2rem;
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.045);
    max-width: none;
}

.learning-module-page .learning-module-nav {
    margin-top: 0.15rem;
}

.learning-module-nav__back,
.learning-module-nav__siblings {
    margin: 0;
}

.learning-module-nav__siblings {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.learning-shell .learning-module-nav a:not(.learning-button),
.learning-shell .learning-module-nav a:not(.learning-button):link,
.learning-shell .learning-module-nav a:not(.learning-button):visited {
    color: var(--learning-green-deep);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
}

.learning-quiz-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.learning-quiz-card {
    margin: 0 0 0.75rem;
}

.learning-quiz-card__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.95rem 1.1rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    background: var(--learning-white);
    text-decoration: none;
}

.learning-shell a.learning-quiz-card__inner,
.learning-shell a.learning-quiz-card__inner:link,
.learning-shell a.learning-quiz-card__inner:visited {
    color: inherit;
    text-decoration: none;
}

.learning-quiz-card__title {
    display: block;
    color: var(--learning-navy);
    font-weight: 700;
}

.learning-quiz-card__flag {
    display: block;
    margin-top: 0.15rem;
    color: var(--learning-slate);
    font-size: 0.75rem;
    font-weight: 600;
}

.learning-quiz-card__meta,
.learning-quiz-card__action {
    display: block;
    margin-top: 0.3rem;
    color: var(--learning-slate);
    font-size: 0.82rem;
}

.learning-quiz-card__status {
    text-align: right;
    white-space: nowrap;
}

.learning-quiz-state {
    display: inline-block;
    padding: 0.2rem 0.65rem;
    border-radius: 999px;
    background: var(--learning-soft-grey);
    color: var(--learning-navy);
    font-size: 0.75rem;
    font-weight: 700;
}

.learning-quiz-state--passed {
    color: var(--learning-green-dark);
}

.learning-quiz-state--not_passed {
    color: #7a3030;
}

.learning-quiz-page {
    max-width: 64rem;
}

.learning-quiz-intro {
    margin: 0 0 1.25rem;
    padding: 1.35rem 1.45rem 1.3rem;
    background: var(--learning-white);
    border: 1px solid var(--learning-soft-grey);
    border-left: 4px solid var(--learning-green);
    border-radius: 0.85rem;
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.045);
}

.learning-quiz-intro h1 {
    margin: 0.15rem 0 0;
    color: var(--learning-navy);
    font-size: 1.75rem;
    line-height: 1.2;
}

.learning-quiz-intro .learning-lede {
    margin-top: 0.45rem;
}

.learning-quiz-intro .learning-course-card__facts {
    margin: 0.9rem 0 0;
}

.learning-quiz-intro__copy {
    margin-top: 0.95rem;
}

.learning-quiz-intro__actions {
    margin: 1.15rem 0 0;
}

.learning-quiz-page .learning-learner-section {
    margin-bottom: 1.25rem;
    max-width: none;
}

.learning-quiz-page .learning-form.learning-quiz-take {
    max-width: none;
}

.learning-quiz-page .learning-quiz-take-question {
    box-shadow: 0 10px 28px rgba(16, 42, 67, 0.045);
}

.learning-quiz-page .learning-quiz-option {
    background: var(--learning-warm-white);
}

.learning-quiz-page .learning-quiz-result {
    margin-bottom: 1.25rem;
}

.learning-quiz-history {
    list-style: none;
    margin: 0;
    padding: 0;
}

.learning-quiz-history__item {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 0.55rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--learning-soft-grey);
}

.learning-quiz-take-question {
    margin: 0 0 1.15rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    background: var(--learning-white);
}

.learning-quiz-take-question h2 {
    margin: 0 0 0.45rem;
    font-size: 1rem;
}

.learning-quiz-take-question__text {
    margin: 0 0 0.4rem;
}

.learning-quiz-take-question__meta,
.learning-quiz-selected,
.learning-quiz-correct-reveal,
.learning-quiz-explain {
    margin: 0.35rem 0 0;
    color: var(--learning-slate);
    font-size: 0.86rem;
}

.learning-quiz-options-set {
    margin: 0.65rem 0 0;
    padding: 0;
    border: 0;
}

.learning-quiz-result__banner {
    margin: 0 0 1rem;
    padding: 0.7rem 0.85rem;
    border-radius: 0.55rem;
    font-weight: 700;
}

.learning-quiz-result__banner--pass {
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
}

.learning-quiz-result__banner--fail {
    background: #fdecea;
    color: #8a1f11;
}

.learning-quiz-mark--correct {
    color: var(--learning-green-dark);
    font-weight: 700;
}

.learning-quiz-mark--incorrect {
    color: #8a1f11;
    font-weight: 700;
}

.learning-quiz-save {
    margin: 0 0 0.85rem;
    color: var(--learning-slate);
    font-size: 0.82rem;
}

.learning-quiz-save.is-error {
    color: #8a1f11;
}

@media (max-width: 40rem) {
    .learning-quiz-card__inner,
    .learning-quiz-history__item {
        display: block;
    }

    .learning-quiz-card__status,
    .learning-quiz-history__item a {
        margin-top: 0.55rem;
        text-align: left;
    }
}

.learning-filters--instructors {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem 1rem;
    margin: 0 0 1.25rem;
    padding: 1.15rem 1.25rem 1.2rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 1rem;
    background: var(--learning-white);
}

.learning-filters--instructors .learning-field {
    margin-bottom: 0;
}

.learning-instructor-name {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.learning-avatar {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    flex-shrink: 0;
    border-radius: 999px;
    object-fit: cover;
    background: var(--learning-soft-grey);
}

.learning-avatar--lg {
    width: 6rem;
    height: 6rem;
}

.learning-avatar--initials {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--learning-navy);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.learning-avatar--lg.learning-avatar--initials {
    font-size: 1.35rem;
}

.learning-status--instructor-active {
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
}

.learning-status--instructor-archived {
    background: var(--learning-soft-grey);
    color: var(--learning-slate);
}

.learning-instructor-heading {
    display: flex;
    align-items: flex-start;
    gap: 1.15rem;
    min-width: 0;
}

.learning-instructor-heading .learning-avatar--lg {
    width: 5.25rem;
    height: 5.25rem;
    box-shadow: 0 0 0 3px var(--learning-white), 0 0 0 4px var(--learning-soft-grey);
}

.learning-instructor-heading__status {
    margin: 0.55rem 0 0;
}

.learning-instructor-heading__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.65rem;
    flex-shrink: 0;
}

.learning-instructor-current {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin: 0 0 1.25rem;
    padding: 1rem 1.05rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.85rem;
    background: var(--learning-warm-white);
}

.learning-instructor-current__title {
    margin: 0 0 0.25rem;
    color: var(--learning-navy);
    font-weight: 700;
}

.learning-instructor-current .learning-field__hint {
    margin-top: 0;
}

.learning-assigned-courses {
    margin: 0;
    padding: 0;
    list-style: none;
}

.learning-assigned-courses li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 0;
    border-bottom: 1px solid var(--learning-soft-grey);
}

.learning-assigned-courses li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.learning-assigned-courses li:first-child {
    padding-top: 0;
}

.learning-empty-inline {
    margin: 0;
    color: var(--learning-slate);
}

.learning-form-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 0.25rem;
}

.learning-form-actions--inline {
    margin: 0.35rem 0 0;
}

.learning-form-actions a {
    font-weight: 600;
}

.learning-panel > .learning-field:last-child,
.learning-panel > .learning-form-actions:last-child {
    margin-bottom: 0;
}

.learning-file {
    display: block;
    padding: 0.85rem 1rem;
    border: 1px dashed #c5d4ce;
    border-radius: 0.7rem;
    background: var(--learning-warm-white);
}

.learning-field input[type="file"] {
    width: 100%;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
}

.learning-shell a.learning-button.learning-button--secondary,
.learning-shell a.learning-button.learning-button--secondary:link,
.learning-shell a.learning-button.learning-button--secondary:visited,
.learning-shell button.learning-button.learning-button--secondary {
    background: var(--learning-white);
    color: var(--learning-navy);
    border: 1px solid var(--learning-soft-grey);
}

.learning-shell a.learning-button.learning-button--secondary:hover,
.learning-shell a.learning-button.learning-button--secondary:focus,
.learning-shell a.learning-button.learning-button--secondary:focus-visible,
.learning-shell button.learning-button.learning-button--secondary:hover,
.learning-shell button.learning-button.learning-button--secondary:focus,
.learning-shell button.learning-button.learning-button--secondary:focus-visible {
    background: var(--learning-soft-grey);
    color: var(--learning-navy);
}

@media (min-width: 48rem) {
    .learning-filters--instructors {
        grid-template-columns: minmax(14rem, 2fr) minmax(9rem, 1fr) auto;
        align-items: end;
    }
}

.learning-course-instructor-list .learning-module__main {
    align-items: center;
    gap: 0.75rem;
}

.learning-hp {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.learning-guest-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.learning-guest-header__links {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.75rem;
    align-items: center;
    flex-shrink: 0;
}

.learning-shell a.learning-learner-nav__link.learning-guest-header__menu-register,
.learning-shell a.learning-learner-nav__link.learning-guest-header__menu-register:link,
.learning-shell a.learning-learner-nav__link.learning-guest-header__menu-register:visited {
    display: none;
}

.learning-shell--learner .learning-header a.learning-button.learning-button--quiet,
.learning-shell--learner .learning-header a.learning-button.learning-button--quiet:link,
.learning-shell--learner .learning-header a.learning-button.learning-button--quiet:visited {
    color: var(--learning-white);
    border-color: rgba(255, 255, 255, 0.25);
}

.learning-checkout-price {
    margin: 0.35rem 0 1rem;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--learning-navy);
}

.learning-checkout-note {
    color: var(--learning-slate);
}

.learning-order-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0 0 1rem;
}

.learning-order-tabs__link {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.75rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 999px;
    background: var(--learning-white);
    color: var(--learning-navy);
    font-size: 0.82rem;
    font-weight: 600;
    text-decoration: none;
}

.learning-order-tabs__link.is-current {
    background: var(--learning-navy);
    border-color: var(--learning-navy);
    color: #fff;
}

.learning-filters--orders {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem 1rem;
    margin: 0 0 1.25rem;
    padding: 1.15rem 1.25rem 1.2rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 1rem;
    background: var(--learning-white);
}

.learning-filters--orders .learning-field {
    margin-bottom: 0;
}

.learning-order-ref {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.86em;
    white-space: nowrap;
}

.learning-order-detail .learning-panel {
    max-width: 56rem;
}

.learning-order-detail .learning-order-ref {
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.learning-table-wrap--orders {
    overflow-x: visible;
    background: #f4f8f6;
    padding: 0 0.55rem 0.35rem;
}

.learning-table--orders {
    table-layout: fixed;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.7rem;
}

.learning-table--orders thead th {
    padding: 0.75rem 0.85rem 0.55rem;
    background: transparent;
}

.learning-table--orders th:nth-child(1),
.learning-table--orders td:nth-child(1) { width: 9%; }
.learning-table--orders th:nth-child(2),
.learning-table--orders td:nth-child(2) { width: 7%; }
.learning-table--orders th:nth-child(3),
.learning-table--orders td:nth-child(3) { width: 22%; }
.learning-table--orders th:nth-child(4),
.learning-table--orders td:nth-child(4) { width: 14%; }
.learning-table--orders th:nth-child(5),
.learning-table--orders td:nth-child(5) { width: 10%; }
.learning-table--orders th:nth-child(6),
.learning-table--orders td:nth-child(6) { width: 14%; }
.learning-table--orders th:nth-child(7),
.learning-table--orders td:nth-child(7) { width: 11%; }
.learning-table--orders th:nth-child(8),
.learning-table--orders td:nth-child(8) { width: 13%; }

.learning-table--orders th,
.learning-table--orders td {
    vertical-align: top;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    padding: 1rem 0.85rem;
}

.learning-table--orders .learning-table__badge,
.learning-table--orders .learning-table__updated,
.learning-table--orders .learning-table__course {
    width: auto;
    min-width: 0;
    white-space: normal;
}

.learning-table--orders tbody td {
    background: var(--learning-white);
    border-top: 1px solid var(--learning-soft-grey);
    border-bottom: 1px solid var(--learning-soft-grey);
}

.learning-table--orders tbody td:first-child {
    border-left: 1px solid var(--learning-soft-grey);
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
    box-shadow: inset 3px 0 0 var(--learning-navy);
    padding-left: 1.05rem;
}

.learning-table--orders tbody td:last-child {
    border-right: 1px solid var(--learning-soft-grey);
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

.learning-table--orders tbody tr:last-child td {
    border-bottom: 1px solid var(--learning-soft-grey);
}

.learning-table--orders tbody tr:hover td {
    background: #fbfdfc;
}

.learning-table--orders .learning-table__stack {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.28rem;
    min-width: 0;
}

.learning-table--orders .learning-table__sub {
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.learning-table--orders .learning-status-stack {
    flex-direction: column;
    align-items: flex-start;
}

.learning-table--orders .learning-table__date {
    white-space: normal;
}

.learning-table--orders tbody tr.learning-table__row--attention td:first-child {
    box-shadow: inset 3px 0 0 #c45c26;
}

.learning-table--orders tbody tr.learning-table__row--finance-attention td:first-child {
    box-shadow: inset 3px 0 0 #3d6b99;
}

.learning-table--orders tbody tr.learning-table__row--attention.learning-table__row--finance-attention td:first-child {
    box-shadow: inset 3px 0 0 #c45c26, inset 6px 0 0 #3d6b99;
}

.learning-status-stack {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.learning-status--fin-partial {
    background: #e8f4ff;
    color: var(--learning-navy);
}

.learning-status--fin-full {
    background: #f4eee8;
    color: #6b4f3a;
}

.learning-status--fin-dispute-open {
    background: #fff4e8;
    color: #6b4f3a;
}

.learning-status--fin-dispute-closed {
    background: var(--learning-soft-grey);
    color: var(--learning-slate);
}

.learning-status--fin-refund-failed {
    background: #f8e8e8;
    color: #7a3030;
}

.learning-status--fin-refund-pending {
    background: #fff4e8;
    color: #6b4f3a;
}

.learning-status--pay-pending,
.learning-status--pay-checkout_created {
    background: var(--learning-soft-grey);
    color: var(--learning-slate);
}

.learning-status--pay-paid {
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
}

.learning-status--pay-cancelled,
.learning-status--pay-failed,
.learning-status--pay-refunded,
.learning-status--pay-disputed {
    background: #f4eee8;
    color: #6b4f3a;
}

.learning-status--ent-not_granted {
    background: var(--learning-soft-grey);
    color: var(--learning-slate);
}

.learning-status--ent-preparing {
    background: #e8f4ff;
    color: var(--learning-navy);
}

.learning-status--ent-granted {
    background: var(--learning-soft-grey);
    color: var(--learning-green-dark);
}

.learning-status--ent-blocked {
    background: #f8e8e8;
    color: #7a3030;
}

.learning-status--ent-revoked {
    background: var(--learning-soft-grey);
    color: var(--learning-navy);
}

.learning-status--mode-test {
    background: var(--learning-soft-grey);
    color: var(--learning-slate);
}

.learning-status--mode-live {
    background: #f8e8e8;
    color: #7a3030;
}

.learning-order-attention {
    margin: 0 0 1.15rem;
    padding: 0.85rem 1rem;
    border: 1px solid #f0d2c2;
    border-radius: 0.85rem;
    background: #fff8f4;
    color: #6b4f3a;
    font-weight: 600;
}

.learning-order-attention--finance {
    border-color: #d5e4f0;
    background: #f4f8fc;
    color: var(--learning-navy);
}

.learning-order-note {
    margin: 0.75rem 0 0;
    color: var(--learning-slate);
    font-size: 0.9rem;
    font-weight: 400;
}

.learning-order-timeline {
    list-style: none;
    margin: 0;
    padding: 0;
}

.learning-order-timeline li {
    display: grid;
    gap: 0.15rem;
    padding: 0.7rem 0;
    border-bottom: 1px solid var(--learning-soft-grey);
}

.learning-order-timeline li:last-child {
    border-bottom: 0;
}

.learning-order-timeline span {
    color: var(--learning-slate);
    font-size: 0.88rem;
}

.learning-refund-actions {
    display: grid;
    gap: 1.25rem;
    margin-top: 1rem;
}

.learning-refund-form {
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.7rem;
    background: var(--learning-warm-white);
}

.learning-refund-confirm p {
    margin: 0 0 1rem;
    max-width: 42rem;
}

.learning-email-templates__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 1.25rem;
}

.learning-shell a.learning-email-templates__tab,
.learning-shell a.learning-email-templates__tab:link,
.learning-shell a.learning-email-templates__tab:visited {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.8rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 999px;
    background: var(--learning-white);
    color: var(--learning-navy);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
}

.learning-shell a.learning-email-templates__tab.is-current,
.learning-shell a.learning-email-templates__tab:hover,
.learning-shell a.learning-email-templates__tab:focus {
    border-color: var(--learning-green);
    color: var(--learning-green-dark);
}

.learning-email-preview__frame {
    display: block;
    width: 100%;
    min-height: 36rem;
    margin: 0 0 1.25rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.7rem;
    background: var(--learning-warm-white);
}

.learning-email-preview__text {
    margin: 0;
    padding: 1rem 1.1rem;
    border: 1px solid var(--learning-soft-grey);
    border-radius: 0.7rem;
    background: var(--learning-warm-white);
    color: var(--learning-navy);
    font-size: 0.85rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (min-width: 56rem) {
    .learning-filters--orders {
        grid-template-columns: minmax(14rem, 1.6fr) minmax(12rem, 1.4fr) minmax(9rem, 1fr) minmax(9rem, 1fr) auto;
        align-items: end;
    }
}

@media (max-width: 800px) {
    .learning-status-stack .learning-status {
        white-space: normal;
    }
}