/*
 * MVR premium visual refresh.
 *
 * This stylesheet is deliberately loaded last: it changes presentation only.
 * WordPress templates, LifterLMS state, H5P, quizzes, narration and commerce
 * flows remain owned by their existing implementations.
 */

:root {
  --mvr-blue: #176c88;
  --mvr-blue-deep: #073f54;
  --mvr-blue-ink: #082e43;
  --mvr-blue-soft: #def2f5;
  --mvr-blue-muted: #76aab6;
  --mvr-coral: #e66776;
  --mvr-coral-deep: #c74658;
  --mvr-coral-soft: #fdebed;
  --mvr-ink: #0d1e36;
  --mvr-text: #294154;
  --mvr-muted: #667d8b;
  --mvr-line: #cfe2e7;
  --mvr-canvas: #f2f8f9;
  --mvr-sage: #68a990;
  --mvr-sage-soft: #e2f3eb;
  --mvr-shadow-sm: 0 10px 30px rgba(7, 63, 84, .075);
  --mvr-shadow: 0 24px 70px rgba(7, 63, 84, .13);
  --mvr-radius-sm: 16px;
  --mvr-radius: 24px;
  --mvr-radius-lg: 30px;
  --mvr-container: 1240px;
}

.mvr-alpha-shell {
  background:
    radial-gradient(circle at 8% 4%, rgba(118, 206, 218, .12), transparent 25rem),
    radial-gradient(circle at 94% 18%, rgba(230, 103, 118, .07), transparent 23rem),
    #f5fafb;
  color: var(--mvr-text);
}

.mvr-alpha-shell h1,
.mvr-alpha-shell h2,
.mvr-alpha-shell h3 {
  color: var(--mvr-ink);
  letter-spacing: -.045em;
}

.mvr-alpha-shell h1 {
  font-size: clamp(2.45rem, 4.6vw, 4.15rem);
}

.mvr-alpha-shell h2 {
  font-size: clamp(1.75rem, 2.75vw, 2.72rem);
}

.mvr-section {
  padding-block: clamp(64px, 7vw, 92px);
}

.mvr-section--soft {
  background: linear-gradient(180deg, rgba(234, 246, 248, .8), rgba(248, 252, 252, .92));
  border-block: 1px solid rgba(207, 226, 231, .72);
}

.mvr-eyebrow {
  color: #1c718d;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .16em;
}

/* Shared actions and fields */
.mvr-button,
.mvr-lms-shell .llms-button-action,
.mvr-lms-shell .llms-button-primary,
.mvr-lms-shell button.llms-button-action,
.mvr-lms-shell input.llms-button-action,
.mvr-lms-shell .llms-quiz-ui .llms-button-action {
  background: linear-gradient(180deg, #39bdd1 0%, #20a4bd 100%);
  border-color: #70dbe5;
  border-radius: 15px;
  box-shadow: 0 9px 22px rgba(14, 123, 149, .2), inset 0 1px 0 rgba(255, 255, 255, .28);
  letter-spacing: -.01em;
}

.mvr-button:hover,
.mvr-lms-shell .llms-button-action:hover,
.mvr-lms-shell .llms-button-primary:hover,
.mvr-lms-shell button.llms-button-action:hover,
.mvr-lms-shell input.llms-button-action:hover {
  background: linear-gradient(180deg, #4bc8d9, #269db8);
  border-color: #91e6ed;
  box-shadow: 0 12px 28px rgba(14, 103, 126, .25);
}

.mvr-button--coral,
.mvr-lms-shell .llms-button-secondary {
  background: linear-gradient(180deg, #ee7785, #dc596a);
  border-color: #f29aa4;
  box-shadow: 0 9px 22px rgba(199, 70, 88, .18);
}

.mvr-button--coral:hover,
.mvr-lms-shell .llms-button-secondary:hover {
  background: linear-gradient(180deg, #f0808d, #c94759);
  border-color: #f3a5ae;
}

.mvr-button--outline {
  background: rgba(255, 255, 255, .7);
  border-color: #8abcc7;
  box-shadow: none;
  color: var(--mvr-blue-deep) !important;
}

.mvr-button--ghost-light {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .64);
  box-shadow: none;
}

.mvr-alpha-shell :where(input, select, textarea):not([type="checkbox"]):not([type="radio"]) {
  border-color: #c9dfe4;
  border-radius: 12px;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.mvr-alpha-shell :where(input, select, textarea):not([type="checkbox"]):not([type="radio"]):focus {
  border-color: #52adbe;
  box-shadow: 0 0 0 4px rgba(54, 176, 197, .12);
}

/* Public navigation */
.mvr-site-header {
  background: rgba(249, 253, 253, .9);
  border-bottom-color: rgba(193, 219, 225, .9);
  box-shadow: 0 8px 30px rgba(8, 55, 73, .055);
}

@supports (backdrop-filter: blur(16px)) {
  .mvr-site-header {
    backdrop-filter: blur(16px) saturate(1.18);
  }
}

.mvr-header-inner {
  min-height: 72px;
}

.mvr-brand__mvr {
  color: var(--mvr-blue-deep);
  font-size: 1.72rem;
}

.mvr-brand__rule {
  background: linear-gradient(180deg, var(--mvr-coral), #f09aa4);
  border-radius: 999px;
  height: 31px;
  width: 3px;
}

.mvr-brand__name {
  color: var(--mvr-ink);
}

.mvr-site-nav {
  gap: 23px;
}

.mvr-site-nav > a:not(.mvr-button) {
  color: #173447;
  font-size: .86rem;
}

.mvr-site-nav > a:not(.mvr-button)::after {
  bottom: -8px;
  border-radius: 999px;
  height: 3px;
}

/* Home portal */
.mvr-hero {
  background:
    radial-gradient(circle at 83% 25%, rgba(72, 193, 211, .25), transparent 21rem),
    radial-gradient(circle at 90% 90%, rgba(230, 103, 118, .18), transparent 18rem),
    linear-gradient(125deg, #052f43 0%, #074b62 52%, #0b647b 100%);
  border-radius: 0 0 32px 32px;
  box-shadow: 0 22px 60px rgba(5, 47, 67, .16);
  padding-top: 68px;
}

.mvr-hero::before {
  background:
    linear-gradient(120deg, transparent 48%, rgba(115, 220, 231, .12) 48.5%, transparent 49%),
    radial-gradient(circle, rgba(255, 255, 255, .14) 0 1.5px, transparent 2px) 0 0 / 27px 27px;
  height: 100%;
  inset: 0 0 auto auto;
  opacity: .56;
  width: 50%;
}

.mvr-hero-grid {
  gap: clamp(32px, 5vw, 66px);
}

.mvr-hero-copy {
  padding-bottom: 66px;
}

.mvr-hero h1 {
  font-size: clamp(2.85rem, 5vw, 4.55rem);
  line-height: .98;
  margin-bottom: 20px;
  text-wrap: balance;
}

.mvr-hero h1 em {
  color: #a9e1e8;
}

.mvr-hero-lede {
  color: rgba(240, 250, 252, .86);
  font-size: 1.08rem;
  max-width: 590px;
}

.mvr-intention-card {
  background: rgba(255, 255, 255, .96);
  border-color: rgba(179, 226, 232, .55);
  border-radius: 17px;
  box-shadow: 0 12px 30px rgba(1, 35, 50, .14);
  min-height: 98px;
}

/* The intention cards sit on a light surface: keep every state explicitly dark. */
.mvr-intention-card,
.mvr-intention-card strong,
.mvr-intention-card small {
  color: #0d1e36;
}

.mvr-intention-card:hover strong,
.mvr-intention-card:focus-visible strong,
.mvr-intention-card:hover small,
.mvr-intention-card:focus-visible small {
  color: #082e43;
}

.mvr-intention-card--team {
  background: rgba(236, 249, 250, .97);
}

.mvr-intention-icon {
  box-shadow: inset 0 0 0 1px rgba(230, 103, 118, .1);
}

.mvr-learning-window {
  background: rgba(255, 255, 255, .97);
  border: 1px solid rgba(190, 228, 233, .85);
  border-radius: 26px;
  box-shadow: 0 32px 80px rgba(0, 26, 39, .36);
  padding: 20px;
  transform: rotate(1.25deg);
}

.mvr-window-card {
  background: linear-gradient(135deg, #edf9fa, #f9fcfd);
  border: 1px solid #daecef;
}

.mvr-hero-search {
  background: rgba(255, 255, 255, .97);
  border: 1px solid rgba(200, 225, 230, .9);
  border-bottom: 0;
  border-radius: 19px 19px 0 0;
  box-shadow: 0 -6px 30px rgba(5, 47, 67, .13);
}

.mvr-hero-search button {
  background: linear-gradient(180deg, #ee7583, #db5768);
  border-radius: 13px;
  box-shadow: 0 7px 17px rgba(190, 64, 81, .2);
}

/* Shared editorial cards */
.mvr-category-card,
.mvr-product-card,
.mvr-comparison-grid > div,
.mvr-price-paths article,
.mvr-offer-grid > a,
.mvr-mini-pack,
.mvr-side-card,
.mvr-expert-card,
.mvr-auth-card,
.mvr-demo-form,
.mvr-order-summary,
.mvr-quote-form-card,
.mvr-support-contact,
.mvr-portal-panel,
.mvr-dashboard-stat,
.mvr-learner-courses article {
  border-color: rgba(196, 220, 226, .86);
  box-shadow: var(--mvr-shadow-sm);
}

.mvr-category-card,
.mvr-product-card,
.mvr-comparison-grid > div,
.mvr-offer-grid > a {
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.mvr-category-card:hover,
.mvr-product-card:hover,
.mvr-comparison-grid > div:hover,
.mvr-offer-grid > a:hover {
  border-color: #8dc2cc;
  box-shadow: 0 22px 52px rgba(8, 65, 86, .13);
  transform: translateY(-4px);
}

.mvr-category-card {
  border-radius: 19px;
  min-height: 146px;
  overflow: hidden;
  padding: 22px;
}

.mvr-category-card::after {
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 50%;
  content: '';
  height: 92px;
  position: absolute;
  right: -35px;
  top: -35px;
  width: 92px;
}

.mvr-category-card--1 { background: linear-gradient(145deg, #fff3f4, #f9edef); }
.mvr-category-card--2 { background: linear-gradient(145deg, #edf9f5, #e6f3ee); }
.mvr-category-card--3 { background: linear-gradient(145deg, #f4f5fb, #e9edf7); }
.mvr-category-card--4 { background: linear-gradient(145deg, #fff7ee, #f8ecde); }
.mvr-category-card--5 { background: linear-gradient(145deg, #edf8fa, #e4f1f4); }

.mvr-product-card {
  border-radius: 22px;
  box-shadow: 0 14px 38px rgba(7, 63, 84, .075);
}

.mvr-card-art {
  height: 155px;
}

.mvr-card-art::before {
  border-width: 20px;
  opacity: .82;
}

.mvr-card-art__orb {
  box-shadow: 0 9px 25px rgba(7, 63, 84, .14);
  height: 54px;
  width: 54px;
}

.mvr-card-body {
  padding: 23px;
}

.mvr-chip {
  background: #e0f2f5;
  color: #125e77;
  padding: 5px 9px;
}

.mvr-card-bottom {
  border-top-color: #deeaed;
}

.mvr-pack-feature {
  background:
    radial-gradient(circle at 86% 14%, rgba(59, 187, 207, .14), transparent 18rem),
    linear-gradient(125deg, #eff9fa, #fbfdfd);
  border-color: #c7e1e6;
  box-shadow: 0 20px 55px rgba(7, 63, 84, .09);
}

.mvr-section--enterprise-band,
.mvr-product-bottom-cta {
  background:
    radial-gradient(circle at 90% 15%, rgba(49, 184, 207, .23), transparent 20rem),
    linear-gradient(120deg, #052f43, #07566d);
}

.mvr-enterprise-band {
  border-radius: 24px;
}

.mvr-benefit-grid > div {
  background: rgba(255, 255, 255, .76);
  border: 1px solid rgba(202, 225, 230, .85);
  border-radius: 20px;
  box-shadow: 0 12px 34px rgba(7, 63, 84, .065);
  padding: 24px;
}

/* Catalogue and editorial intros */
.mvr-page-intro {
  background:
    radial-gradient(circle at 88% 20%, rgba(56, 188, 208, .17), transparent 17rem),
    linear-gradient(120deg, #edf8fa, #fbfdfd);
  border-bottom: 1px solid #cee4e8;
  padding: 64px 0 58px;
}

.mvr-page-intro::before {
  border: 1px solid rgba(39, 143, 166, .14);
  border-radius: 50%;
  content: '';
  height: 250px;
  position: absolute;
  right: 7%;
  top: -115px;
  width: 250px;
}

.mvr-page-intro::after {
  border-color: rgba(230, 103, 118, .13);
  border-width: 28px;
}

.mvr-page-intro .mvr-container {
  max-width: var(--mvr-container);
}

.mvr-page-intro h1 {
  font-size: clamp(2.45rem, 4.6vw, 4rem);
  text-wrap: balance;
}

.mvr-page-intro--packs {
  background: radial-gradient(circle at 88% 15%, rgba(230, 103, 118, .15), transparent 18rem), linear-gradient(120deg, #fff2f3, #fbfdfd);
}

.mvr-page-intro--pricing {
  background: radial-gradient(circle at 84% 12%, rgba(81, 190, 207, .16), transparent 19rem), linear-gradient(120deg, #ecf8fa, #fbfdfd);
}

.mvr-page-intro--assistance {
  background: radial-gradient(circle at 85% 14%, rgba(230, 103, 118, .12), transparent 18rem), linear-gradient(120deg, #f2f9f8, #fbfdfd);
}

.mvr-section--catalogue {
  background: linear-gradient(180deg, rgba(245, 250, 251, .96), #eef7f8);
}

.mvr-catalogue-controls {
  background: rgba(255, 255, 255, .9);
  border-color: #c9e0e5;
  border-radius: 18px;
  box-shadow: 0 16px 42px rgba(7, 63, 84, .09);
  padding: 16px 18px;
}

@supports (backdrop-filter: blur(14px)) {
  .mvr-catalogue-controls {
    backdrop-filter: blur(14px);
  }
}

.mvr-filter-search {
  border-right-color: #d7e7ea;
}

.mvr-catalogue-summary {
  margin-top: 33px;
}

/* Enterprise and pricing */
.mvr-enterprise-hero {
  background:
    radial-gradient(circle at 83% 17%, rgba(67, 194, 212, .26), transparent 19rem),
    radial-gradient(circle at 95% 100%, rgba(230, 103, 118, .19), transparent 18rem),
    linear-gradient(123deg, #052f43, #075b72);
  border-radius: 0 0 32px 32px;
  box-shadow: 0 22px 60px rgba(5, 47, 67, .14);
  padding: 76px 0;
}

.mvr-enterprise-hero::after {
  opacity: .13;
}

.mvr-licence-visual {
  border: 1px solid rgba(191, 227, 232, .72);
  box-shadow: 0 30px 72px rgba(0, 26, 39, .32);
  transform: rotate(1deg);
}

.mvr-comparison-grid > div,
.mvr-price-paths article {
  background: rgba(255, 255, 255, .92);
}

.mvr-volume-tier {
  background: rgba(255, 255, 255, .94);
  border-color: #c9e0e5;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(7, 63, 84, .055);
}

.mvr-volume-tier.is-selected {
  background: #fff8f8;
  border-color: var(--mvr-coral);
  box-shadow: 0 12px 30px rgba(199, 70, 88, .14);
}

.mvr-seat-summary,
.mvr-price-paths__featured,
.mvr-subscription-feature__card {
  background:
    radial-gradient(circle at 88% 12%, rgba(63, 191, 211, .2), transparent 13rem),
    linear-gradient(125deg, #06384c, #075c72);
  border-color: #0b6177 !important;
  box-shadow: 0 20px 48px rgba(5, 47, 67, .18);
}

.mvr-enterprise-process li {
  background: rgba(255, 255, 255, .82);
  border: 1px solid #d2e4e8;
  border-radius: 16px;
  box-shadow: 0 9px 25px rgba(7, 63, 84, .055);
  padding: 18px;
}

/* Product pages */
.mvr-product-hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(61, 189, 208, .24), transparent 18rem),
    linear-gradient(125deg, #052f43, #075c72);
  border-radius: 0 0 32px 32px;
  box-shadow: 0 22px 60px rgba(5, 47, 67, .14);
  padding-bottom: 62px;
}

.mvr-product-hero--coral,
.mvr-product-hero--rose {
  background: radial-gradient(circle at 83% 15%, rgba(255, 255, 255, .17), transparent 18rem), linear-gradient(125deg, #733e50, #d45a6b);
}

.mvr-product-hero--sage {
  background: radial-gradient(circle at 83% 15%, rgba(150, 226, 197, .17), transparent 18rem), linear-gradient(125deg, #28564d, #5f9f87);
}

.mvr-product-hero--violet {
  background: radial-gradient(circle at 83% 15%, rgba(255, 255, 255, .14), transparent 18rem), linear-gradient(125deg, #383c61, #6c719f);
}

.mvr-product-hero--amber {
  background: radial-gradient(circle at 83% 15%, rgba(255, 245, 219, .16), transparent 18rem), linear-gradient(125deg, #694c34, #ae7c51);
}

.mvr-product-hero h1 {
  font-size: clamp(2.45rem, 4.7vw, 4.15rem);
  line-height: 1;
  text-wrap: balance;
}

.mvr-purchase-card {
  border: 1px solid rgba(191, 225, 231, .75);
  border-radius: 22px;
  box-shadow: 0 26px 65px rgba(1, 31, 44, .26);
  padding: 28px;
}

.mvr-purchase-card__price strong {
  color: var(--mvr-ink);
}

.mvr-product-main {
  background: linear-gradient(180deg, #f6fafb, #fff 28%);
  padding-top: 66px;
}

.mvr-detail-intro,
.mvr-objectives,
.mvr-program {
  background: rgba(255, 255, 255, .88);
  border: 1px solid #d2e4e8;
  border-radius: 20px;
  box-shadow: 0 12px 34px rgba(7, 63, 84, .06);
  margin-bottom: 18px;
  padding: 27px;
}

.mvr-detail-intro,
.mvr-objectives {
  border-bottom: 1px solid #d2e4e8;
}

.mvr-program ol {
  border-top-color: #d7e6e9;
}

.mvr-program li {
  border-bottom-color: #dce9ec;
}

.mvr-accordion-trigger {
  border-radius: 12px;
  padding-inline: 9px;
}

.mvr-accordion-trigger:hover {
  background: #f1f9fa;
}

.mvr-side-card {
  background: rgba(255, 255, 255, .95);
  border-radius: 19px;
}

.mvr-product-editorial-visual__frame,
.mvr-enterprise-editorial__media {
  border-radius: 24px;
  box-shadow: 0 22px 55px rgba(7, 63, 84, .12);
  overflow: hidden;
}

.mvr-product-bottom-cta > .mvr-container {
  border-radius: 24px;
}

/* Auth, checkout and assistance */
.mvr-auth,
.mvr-checkout,
.mvr-quote,
.mvr-confirmation,
.mvr-not-found {
  background:
    radial-gradient(circle at 14% 8%, rgba(74, 190, 208, .14), transparent 21rem),
    radial-gradient(circle at 91% 75%, rgba(230, 103, 118, .08), transparent 20rem),
    linear-gradient(180deg, #f4fafb, #edf7f8);
}

.mvr-auth-card,
.mvr-demo-form,
.mvr-order-summary,
.mvr-quote-form-card,
.mvr-confirmation__card {
  background: rgba(255, 255, 255, .96);
  border: 1px solid #cbe1e5;
  border-radius: 24px;
  box-shadow: 0 24px 64px rgba(7, 63, 84, .12);
}

.mvr-order-summary,
.mvr-confirmation__card {
  position: relative;
  overflow: hidden;
}

.mvr-order-summary::before,
.mvr-confirmation__card::before {
  background: linear-gradient(90deg, #28abc2 0 73%, var(--mvr-coral) 73%);
  content: '';
  height: 4px;
  inset: 0 0 auto;
  position: absolute;
}

.mvr-checkout-steps b {
  background: #e0f2f5;
  color: var(--mvr-blue-deep);
}

.mvr-checkout-steps .is-current b,
.mvr-checkout-success {
  background: var(--mvr-sage-soft);
  color: #33745f;
}

.mvr-faq details {
  background: rgba(255, 255, 255, .9);
  border-color: #cfe2e7;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(7, 63, 84, .05);
}

/* Learner dashboard and company portal */
.mvr-dashboard-head,
.mvr-portal-head {
  background:
    radial-gradient(circle at 87% 18%, rgba(58, 187, 207, .25), transparent 20rem),
    linear-gradient(120deg, #052f43, #07596f);
  border-radius: 0 0 30px 30px;
  box-shadow: 0 18px 50px rgba(5, 47, 67, .14);
  padding: 47px 0;
}

.mvr-dashboard-head h1,
.mvr-portal-head h1 {
  letter-spacing: -.055em;
}

.mvr-dashboard-profile,
.mvr-portal-head__user {
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  padding: 8px 12px;
}

.mvr-section--dashboard,
.mvr-section--portal {
  background:
    radial-gradient(circle at 93% 5%, rgba(80, 190, 205, .12), transparent 19rem),
    linear-gradient(180deg, #f3f9fa, #ecf6f7);
}

.mvr-resume-card {
  background:
    radial-gradient(circle at 87% 5%, rgba(49, 184, 207, .12), transparent 16rem),
    rgba(255, 255, 255, .96);
  border: 1px solid #c8e0e5;
  border-radius: 22px;
  box-shadow: 0 20px 50px rgba(7, 63, 84, .105);
  padding: 27px;
}

.mvr-resume-card__visual {
  background: #eff8f9;
  border-radius: 50%;
}

.mvr-dashboard-grid {
  gap: 24px;
}

.mvr-learner-courses article {
  border-radius: 17px;
  padding: 14px;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.mvr-learner-courses article:hover {
  border-color: #8ebfc9;
  box-shadow: 0 16px 38px rgba(7, 63, 84, .1);
  transform: translateX(3px);
}

.mvr-dashboard-stat {
  background: rgba(255, 255, 255, .94);
  border-radius: 18px;
}

.mvr-dashboard-stat--certificate {
  background: linear-gradient(135deg, #e1f2eb, #f5fbf8);
}

.mvr-portal-stats > div,
.mvr-portal-footer-card {
  background: rgba(255, 255, 255, .94);
  border-color: #cae0e5;
  border-radius: 18px;
  box-shadow: 0 12px 34px rgba(7, 63, 84, .07);
}

.mvr-portal-panel {
  background: rgba(255, 255, 255, .96);
  border-radius: 20px;
}

.mvr-table-wrap {
  border-color: #d3e4e8;
  border-radius: 14px;
  overflow: hidden;
}

.mvr-portal-table thead {
  background: #eaf6f8;
}

/* Generic LMS shell */
.mvr-lms-shell {
  background:
    radial-gradient(circle at 82% 2%, rgba(79, 190, 207, .14), transparent 22rem),
    linear-gradient(180deg, #f6fbfc, #edf7f8);
}

.mvr-lms-coursebar {
  background:
    radial-gradient(circle at 84% 14%, rgba(64, 193, 211, .23), transparent 18rem),
    linear-gradient(120deg, #052f43, #075a70);
  border-radius: 0 0 28px 28px;
  box-shadow: 0 18px 48px rgba(5, 47, 67, .14);
}

.mvr-lms-progress {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(178, 229, 235, .22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.mvr-lms-course-content,
.mvr-lms-activity-content,
.mvr-lms-certificate-content,
.mvr-lms-outline details {
  background: rgba(255, 255, 255, .96);
  border-color: #cde2e6;
  box-shadow: 0 20px 55px rgba(7, 63, 84, .09);
}

.mvr-lms-course-content,
.mvr-lms-activity-content,
.mvr-lms-certificate-content {
  border-radius: 22px;
  overflow: hidden;
  position: relative;
}

.mvr-lms-course-content::before,
.mvr-lms-activity-content::before {
  background: linear-gradient(90deg, #29adc3 0 72%, var(--mvr-coral) 72%);
  content: '';
  height: 4px;
  inset: 0 0 auto;
  position: absolute;
}

.mvr-lms-outline details {
  border-radius: 18px;
}

.mvr-lms-outline summary {
  background: linear-gradient(120deg, #f8fcfd, #edf8fa);
}

.mvr-lms-outline__count {
  background: #dceff3;
  color: #155d75;
}

.mvr-lms-shell .llms-access-plan,
.mvr-lms-shell .llms-question-wrapper,
.mvr-lms-shell .llms-quiz-question-wrapper {
  background: linear-gradient(135deg, #f4fafb, #fbfdfd);
  border-color: #cfe3e7;
  border-radius: 17px;
}

.mvr-lms-shell .llms-choice {
  background: #fff;
  border-color: #d1e2e6;
}

.mvr-lms-shell .llms-choice:hover {
  background: #edf8fa;
  border-color: #74b8c4;
}

.mvr-lms-shell .h5p-iframe-wrapper {
  background: #fff;
  border-color: #c8e0e5;
  box-shadow: 0 17px 45px rgba(7, 63, 84, .105);
}

/* LifterLMS achievement messages remain visible, but as compact MVR toasts. */
.mvr-lms-shell .llms-notification {
  background: rgba(255, 255, 255, .97);
  border: 1px solid #c9e0e5;
  border-left: 4px solid var(--mvr-coral);
  border-radius: 15px;
  border-top-width: 1px;
  box-shadow: 0 18px 45px rgba(5, 47, 67, .18);
  color: var(--mvr-text);
  left: auto !important;
  max-width: 390px;
  padding: 13px 38px 12px 13px;
  width: calc(100% - 28px);
}

.mvr-lms-shell .llms-notification.visible {
  left: auto !important;
  right: 14px !important;
}

.mvr-lms-shell .llms-notification .llms-notification-content {
  align-items: center;
}

.mvr-lms-shell .llms-notification .llms-notification-aside {
  flex: 0 0 38px;
  margin-right: 11px;
}

.mvr-lms-shell .llms-notification .llms-notification-icon {
  border-radius: 50%;
  height: 38px;
  max-width: 38px;
  object-fit: cover;
  width: 38px;
}

.mvr-lms-shell .llms-notification .llms-notification-title {
  color: var(--mvr-ink);
  font-size: .88rem;
  font-weight: 800;
  line-height: 1.2;
  padding-right: 2px;
}

.mvr-lms-shell .llms-notification .llms-notification-body {
  color: var(--mvr-muted);
  font-size: .72rem;
  line-height: 1.35;
}

.mvr-lms-shell .llms-notification .llms-notification-body p {
  margin: 3px 0 0;
}

.mvr-lms-shell .llms-notification .llms-notification-footer {
  border-top-color: #dbe8eb;
  color: var(--mvr-muted);
  font-size: .62rem;
  margin-top: 8px;
  padding-top: 5px;
}

.mvr-lms-shell .llms-notification .llms-notification-dismiss {
  color: var(--mvr-coral-deep);
  font-size: 18px;
  right: 11px;
  top: 10px;
}

/* Validated MVR course portal */
.mvr-course-app {
  background:
    radial-gradient(circle at 86% 0, rgba(99, 203, 216, .18), transparent 24rem),
    linear-gradient(180deg, #f7fcfd, #edf7f8);
}

.mvr-course-appnav {
  background:
    radial-gradient(circle at 50% 88%, rgba(37, 170, 194, .13), transparent 16rem),
    linear-gradient(170deg, #052f43 0%, #064d63 57%, #052f43 100%);
  box-shadow: 12px 0 36px rgba(4, 42, 58, .1);
}

.mvr-course-appnav > nav a {
  border-left-width: 3px;
  color: rgba(245, 252, 253, .84);
}

.mvr-course-appnav > nav a.is-active {
  background: linear-gradient(90deg, rgba(35, 180, 204, .72), rgba(35, 180, 204, .33));
  border-left-color: #76ebf2;
}

.mvr-course-dashboard__heading h1 {
  color: #0b1d35;
  letter-spacing: -.06em;
}

.mvr-course-progress-card,
.mvr-course-dashboard__stats,
.mvr-course-detail-panels details {
  background: rgba(255, 255, 255, .91);
  border-color: #c9e1e5;
  box-shadow: 0 12px 34px rgba(7, 63, 84, .065);
}

.mvr-course-hero {
  background:
    radial-gradient(circle at 72% 21%, rgba(67, 190, 211, .35), transparent 16rem),
    linear-gradient(125deg, #052f43 0%, #07556c 60%, #063a4f 100%);
  border: 1px solid rgba(117, 218, 229, .17);
  border-radius: 18px;
  box-shadow: 0 20px 48px rgba(5, 47, 67, .2);
}

.mvr-alpha-shell .mvr-course-hero__copy h2,
.mvr-alpha-shell .mvr-course-hero__copy p,
.mvr-alpha-shell .mvr-course-hero__copy > span,
.mvr-alpha-shell .mvr-course-hero__copy > strong {
  color: #fff;
}

.mvr-course-hero__copy > span,
.mvr-course-hero__visual p {
  color: #d8f2f5;
}

.mvr-course-appnav__brand {
  align-items: baseline;
  flex-wrap: wrap;
}

.mvr-course-appnav__brand small {
  color: #b9dce2;
  flex: 0 0 100%;
  font-size: .56rem;
  letter-spacing: .06em;
  margin-left: 1px;
}

.mvr-course-hero__copy .mvr-button {
  background: linear-gradient(180deg, #42c8d8, #25a9c1);
  border-color: #7ce2ea;
  border-radius: 14px;
}

/* Completed activities use state and iconography, never strikethrough text. */
.mvr-alpha-shell.mvr-lms-aet-activity .mvr-lms-outline .llms-lesson-preview.llms-lesson-complete,
.mvr-alpha-shell.mvr-lms-aet-activity .mvr-lms-outline .llms-lesson-preview.llms-lesson-complete *,
.mvr-alpha-shell.mvr-lms-aet-activity .mvr-lms-outline .llms-lesson-preview.is-complete,
.mvr-alpha-shell.mvr-lms-aet-activity .mvr-lms-outline .llms-lesson-preview.is-complete *,
.mvr-alpha-shell.mvr-lms-aet-activity .mvr-lms-outline .lesson-title.done,
.mvr-alpha-shell.mvr-lms-aet-activity .mvr-lms-outline .lesson-title.done * {
  text-decoration: none !important;
  text-decoration-line: none !important;
}

.mvr-alpha-shell.mvr-lms-aet-activity .mvr-lms-outline .lesson-title.done {
  color: #397d69;
}

.mvr-course-dashboard__stats {
  border-radius: 17px;
  padding: 11px;
}

.mvr-course-dashboard__stats > div,
.mvr-course-dashboard__stats blockquote {
  background: linear-gradient(125deg, #eaf8fa, #f9fdfd);
  border: 1px solid #d8ebee;
}

.mvr-lms-module-card {
  background: rgba(255, 255, 255, .94);
  border-color: #d0e3e7;
  border-radius: 15px;
  box-shadow: 0 10px 28px rgba(7, 63, 84, .06);
}

.mvr-lms-module-card:hover {
  border-color: #82bec8;
  box-shadow: 0 17px 38px rgba(7, 63, 84, .11);
}

.mvr-lms-module-card.is-current {
  background: linear-gradient(180deg, #fff, #fff8f8);
  border-color: var(--mvr-coral);
  box-shadow: 0 14px 34px rgba(199, 70, 88, .12);
}

.mvr-lms-module-card.is-progress {
  background: linear-gradient(180deg, #fff, #f0f9f7);
  border-color: #68a990;
}

.mvr-lms-module-card.is-progress .mvr-lms-module-card__icon {
  background: #e2f3eb;
}

.mvr-lms-module-card.is-locked {
  background: #f3f6f7;
}

.mvr-lms-module-card.is-upcoming .mvr-lms-module-card__state {
  color: #176c88;
}

.mvr-lms-module-card.is-complete .mvr-lms-module-card__icon {
  background: #dff3ea;
}

.mvr-lms-module-card.is-current .mvr-lms-module-card__icon {
  background: #fde8ea;
}

.mvr-course-dashboard__promise {
  background: linear-gradient(90deg, #e5f6f8, #f6fcfc);
  border: 1px solid #d2e8eb;
  box-shadow: 0 9px 28px rgba(7, 63, 84, .055);
}

/* Modern activity reader, including H5P, quizzes and results */
.mvr-lms-aet-activity .mvr-activity-app {
  background:
    radial-gradient(circle at 84% 0, rgba(84, 197, 212, .17), transparent 22rem),
    linear-gradient(180deg, #f7fcfd, #edf7f8);
}

.mvr-activity-topbar {
  background:
    radial-gradient(circle at 88% -35%, rgba(232, 104, 118, .16), transparent 12rem),
    linear-gradient(120deg, rgba(255, 255, 255, .98), rgba(234, 248, 250, .96));
  border-color: #bddde3;
  border-radius: 17px;
  box-shadow: 0 13px 38px rgba(7, 63, 84, .09);
}

.mvr-lms-aet-activity .mvr-activity-topbar__context > p {
  color: #07566e;
  position: relative;
}

.mvr-lms-aet-activity .mvr-activity-topbar__context > p::before {
  background: var(--mvr-coral);
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(232, 104, 118, .12);
  content: '';
  display: inline-block;
  height: 6px;
  margin: 0 9px 2px 0;
  width: 6px;
}

@supports (backdrop-filter: blur(14px)) {
  .mvr-activity-topbar {
    backdrop-filter: blur(14px);
  }
}

.mvr-lms-aet-activity .mvr-lms-activity-content {
  border-color: #c9e0e5;
  border-radius: 21px;
  box-shadow: 0 22px 60px rgba(7, 63, 84, .1);
}

.mvr-lms-aet-activity .mvr-lms-activity-content::before {
  background: linear-gradient(90deg, #29adc3 0 72%, var(--mvr-coral) 72%);
}

.mvr-lms-aet-activity .mvr-lms-activity-content__header {
  background:
    radial-gradient(circle at 88% 25%, rgba(84, 213, 225, .3), transparent 13rem),
    radial-gradient(circle at 76% 120%, rgba(232, 104, 118, .2), transparent 16rem),
    linear-gradient(125deg, #063d53, #086b7f 72%, #0d8294);
  border: 0;
  border-radius: 21px;
  box-shadow: 0 16px 36px rgba(6, 61, 83, .17);
  isolation: isolate;
  margin-bottom: clamp(27px, 3vw, 38px);
  overflow: hidden;
  padding: clamp(24px, 3vw, 34px);
  position: relative;
}

.mvr-lms-aet-activity .mvr-lms-activity-content__header::after {
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 50%;
  content: '';
  height: 150px;
  position: absolute;
  right: -35px;
  top: -70px;
  width: 150px;
  z-index: -1;
}

.mvr-lms-aet-activity .mvr-lms-activity-content__header .mvr-eyebrow {
  align-items: center;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  color: #ffd6da;
  display: inline-flex;
  padding: 6px 11px;
}

.mvr-lms-aet-activity .mvr-lms-activity-content__header h1 {
  color: #fff;
  letter-spacing: -.045em;
  margin-top: 4px;
  max-width: 780px;
  text-shadow: 0 2px 16px rgba(0, 25, 37, .18);
}

.mvr-lms-aet-activity .mvr-lms-activity-content__header h1::after {
  background: linear-gradient(90deg, #ff8995, #70dce4);
  border-radius: 99px;
  content: '';
  display: block;
  height: 4px;
  margin-top: 16px;
  width: 70px;
}

.mvr-lms-aet-activity .mvr-lms-outline details {
  border-color: #c9e0e5;
  box-shadow: 0 18px 48px rgba(7, 63, 84, .09);
}

.mvr-lms-aet-activity .mvr-lms-outline summary {
  background: linear-gradient(120deg, #f7fcfd, #e9f6f8);
}

.mvr-lms-aet-activity .mvr-lms-outline .llms-lesson-preview.current .llms-lesson-link,
.mvr-lms-aet-activity .mvr-lms-outline .llms-lesson-preview.is-current .llms-lesson-link {
  background: linear-gradient(90deg, #feecee, #fff8f8);
  box-shadow: inset 3px 0 0 var(--mvr-coral);
}

.mvr-lms-aet-activity .llms-quiz-meta-info,
.mvr-lms-aet-activity .llms-question-wrapper,
.mvr-lms-aet-activity .llms-quiz-question-wrapper {
  background: linear-gradient(135deg, #f1f9fa, #fbfdfd);
  border-color: #cce2e6;
}

.mvr-lms-aet-activity .llms-choice {
  border-radius: 13px;
  box-shadow: 0 5px 15px rgba(7, 63, 84, .035);
}

.mvr-quiz-guidance {
  background: linear-gradient(120deg, #eaf7f8, #f8fcfc);
  border: 1px solid #b9dce2;
  border-left: 5px solid #176c88;
  border-radius: 14px;
  color: #294154;
  margin: 18px 0;
  padding: 15px 17px;
}

.mvr-quiz-guidance.is-passed {
  background: #e9f6f0;
  border-color: #b7d9cc;
  border-left-color: #4f8d77;
}

.mvr-quiz-guidance strong {
  color: #082e43;
  display: block;
  font-size: .95rem;
  margin-bottom: 4px;
}

.mvr-quiz-guidance p,
.mvr-quiz-guidance small {
  color: #354f60;
  display: block;
  line-height: 1.5;
  margin: 0;
}

.mvr-quiz-guidance small {
  font-size: .78rem;
  margin-top: 3px;
}

.mvr-lms-aet-activity .llms-quiz-ui .llms-start-quiz-button,
.mvr-lms-aet-activity .llms-quiz-ui input[name="start_quiz"],
.mvr-lms-aet-activity .llms-quiz-ui .llms-button-primary {
  font-size: .95rem;
  min-height: 48px;
}

.mvr-alpha-shell :where(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid #c74658;
  outline-offset: 3px;
}

/* Footer */
.mvr-site-footer {
  background:
    radial-gradient(circle at 88% 20%, rgba(53, 183, 204, .16), transparent 18rem),
    linear-gradient(135deg, #042c3e, #073f54);
  border-top: 1px solid rgba(107, 205, 217, .18);
}

/* Keep typography explicit on every dark MVR surface. */
.mvr-hero h1,
.mvr-enterprise-hero h1,
.mvr-product-hero h1,
.mvr-dashboard-head h1,
.mvr-portal-head h1,
.mvr-lms-coursebar h1,
.mvr-enterprise-band h2,
.mvr-product-bottom-cta h2,
.mvr-price-paths__featured h2,
.mvr-subscription-feature__card h3,
.mvr-order-summary h2,
.mvr-portal-panel--side h2 {
  color: #fff;
}

.mvr-hero h1 em {
  color: #a9e1e8;
}

.mvr-order-summary {
  background:
    radial-gradient(circle at 90% 8%, rgba(59, 190, 210, .2), transparent 13rem),
    linear-gradient(145deg, #052f43, #07556b);
  border-color: #0b6479;
  color: #fff;
}

.mvr-order-summary::before {
  background: linear-gradient(90deg, #42c3d4 0 72%, var(--mvr-coral) 72%);
}

.mvr-portal-panel--side {
  background:
    radial-gradient(circle at 88% 10%, rgba(58, 190, 209, .18), transparent 12rem),
    linear-gradient(145deg, #052f43, #07566c);
  border-color: #0a6075;
  color: #fff;
}

.mvr-portal-panel--side > a {
  border-top-color: rgba(255, 255, 255, .15);
  color: #fff;
}

.mvr-portal-panel--side > a > svg {
  color: #bdebf0;
}

.mvr-portal-panel--side a small {
  color: rgba(255, 255, 255, .68);
}

.mvr-footer-top {
  gap: clamp(25px, 4vw, 56px);
}

.mvr-footer-bottom {
  border-top-color: rgba(191, 229, 233, .15);
}

/* Responsive interpretation of the same desktop design. */
@media (max-width: 980px) {
  .mvr-hero,
  .mvr-enterprise-hero,
  .mvr-product-hero,
  .mvr-dashboard-head,
  .mvr-portal-head,
  .mvr-lms-coursebar {
    border-radius: 0 0 24px 24px;
  }

  .mvr-detail-intro,
  .mvr-objectives,
  .mvr-program {
    padding: 23px;
  }
}

@media (max-width: 760px) {
  :root {
    --mvr-radius: 19px;
    --mvr-radius-lg: 23px;
  }

  .mvr-alpha-shell h1 {
    font-size: clamp(2.2rem, 10.8vw, 3.2rem);
  }

  .mvr-container {
    width: min(calc(100% - 28px), var(--mvr-container));
  }

  .mvr-section {
    padding-block: 58px;
  }

  .mvr-site-header {
    background: rgba(248, 252, 253, .97);
  }

  .mvr-header-inner {
    min-height: 64px;
  }

  .mvr-hero {
    border-radius: 0 0 22px 22px;
    padding-top: 28px;
  }

  .mvr-hero-copy {
    padding-bottom: 22px;
  }

  .mvr-hero h1 {
    font-size: clamp(2.45rem, 12vw, 3.35rem);
  }

  .mvr-hero-lede {
    font-size: .98rem;
  }

  .mvr-intention-grid {
    gap: 10px;
  }

  .mvr-intention-card {
    min-height: 76px;
    padding-block: 11px;
  }

  .mvr-hero-visual {
    display: none;
  }

  .mvr-learning-window {
    border-radius: 21px;
    transform: none;
  }

  .mvr-hero-search {
    border-radius: 17px 17px 0 0;
  }

  .mvr-category-card {
    min-height: 92px;
    padding: 16px;
  }

  .mvr-card-art {
    height: 142px;
  }

  .mvr-page-intro {
    padding: 49px 0 45px;
  }

  .mvr-page-intro h1 {
    font-size: clamp(2.2rem, 10vw, 3rem);
  }

  .mvr-catalogue-controls {
    border-radius: 17px;
    padding: 15px;
  }

  .mvr-enterprise-hero,
  .mvr-product-hero,
  .mvr-dashboard-head,
  .mvr-portal-head,
  .mvr-lms-coursebar {
    border-radius: 0 0 22px 22px;
  }

  .mvr-purchase-card,
  .mvr-auth-card,
  .mvr-demo-form,
  .mvr-order-summary,
  .mvr-quote-form-card,
  .mvr-confirmation__card {
    border-radius: 19px;
  }

  .mvr-product-main {
    padding-top: 45px;
  }

  .mvr-detail-intro,
  .mvr-objectives,
  .mvr-program {
    border-radius: 17px;
    padding: 20px;
  }

  .mvr-resume-card {
    border-radius: 19px;
    padding: 20px;
  }

  .mvr-course-mobilebar {
    background: linear-gradient(110deg, #052f43, #075a70);
    box-shadow: 0 9px 28px rgba(4, 42, 58, .18);
  }

  .mvr-course-mobilebar .mvr-course-appnav__brand small {
    display: none;
  }

  .mvr-activity-topbar__progress > div:first-child {
    align-items: start;
    flex-direction: column;
    gap: 2px;
  }

  .mvr-activity-topbar__progress strong {
    font-size: .72rem;
  }

  .mvr-lms-shell .llms-notification {
    border-radius: 13px;
    max-width: calc(100% - 20px);
    padding: 10px 34px 10px 10px;
    width: calc(100% - 20px);
  }

  .mvr-lms-shell .llms-notification.visible {
    right: 10px !important;
  }

  .mvr-lms-shell .llms-notification .llms-notification-aside {
    flex-basis: 32px;
    margin-right: 9px;
  }

  .mvr-lms-shell .llms-notification .llms-notification-icon {
    height: 32px;
    max-width: 32px;
    width: 32px;
  }

  .mvr-lms-shell .llms-notification .llms-notification-title {
    font-size: .8rem;
  }

  .mvr-lms-shell .llms-notification .llms-notification-body {
    font-size: .66rem;
  }

  .mvr-course-hero {
    border-radius: 17px;
  }

  .mvr-course-dashboard__stats > div {
    border-radius: 13px;
  }

  .mvr-lms-module-card {
    border-radius: 14px;
  }

  .mvr-activity-topbar,
  .mvr-lms-aet-activity .mvr-lms-activity-content {
    border-radius: 16px;
  }
}

/* AET audio interpretation review — deliberately separate from learner audio. */
.mvr-alpha-screen-audio-comparison {
  background: #eef7f8;
}

.mvr-audio-review-hero {
  background:
    radial-gradient(circle at 83% 20%, rgba(67, 198, 215, .31), transparent 21rem),
    radial-gradient(circle at 68% 105%, rgba(232, 104, 118, .17), transparent 23rem),
    linear-gradient(125deg, #052f43, #07556c 62%, #063c50);
  color: #fff;
  overflow: hidden;
  padding: clamp(55px, 8vw, 98px) 0;
  position: relative;
}

.mvr-audio-review-hero .mvr-container {
  position: relative;
  z-index: 1;
}

.mvr-audio-review-hero .mvr-eyebrow {
  color: #85e6ee;
}

.mvr-audio-review-hero h1 {
  color: #fff;
  font-size: clamp(2.35rem, 5vw, 4.7rem);
  letter-spacing: -.06em;
  line-height: .98;
  margin: 10px 0 20px;
  max-width: 920px;
}

.mvr-audio-review-hero p:not(.mvr-eyebrow) {
  color: #d8edf1;
  font-size: 1.05rem;
  line-height: 1.65;
  max-width: 720px;
}

.mvr-audio-review-hero .mvr-button {
  border-color: rgba(255, 255, 255, .5);
  color: #fff;
  margin-top: 14px;
}

.mvr-audio-review {
  padding-bottom: clamp(65px, 8vw, 110px);
  padding-top: clamp(46px, 6vw, 78px);
}

.mvr-audio-review__instructions {
  display: grid;
  gap: 8px 40px;
  grid-template-columns: minmax(260px, .75fr) minmax(340px, 1.25fr);
  margin-bottom: 30px;
}

.mvr-audio-review__instructions .mvr-eyebrow {
  grid-column: 1 / -1;
  margin: 0;
}

.mvr-audio-review__instructions h2 {
  color: #0d2035;
  font-size: clamp(1.9rem, 3vw, 3rem);
  letter-spacing: -.05em;
  line-height: 1.03;
  margin: 0;
}

.mvr-audio-review__instructions > p:last-child {
  align-self: end;
  color: #46616c;
  line-height: 1.65;
  margin: 0;
}

.mvr-audio-review__grid {
  display: grid;
  gap: 17px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mvr-audio-review__grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mvr-audio-review-card {
  background: rgba(255, 255, 255, .95);
  border: 1px solid #cae0e4;
  border-radius: 20px;
  box-shadow: 0 18px 48px rgba(18, 75, 94, .09);
  overflow: hidden;
  padding: clamp(20px, 2.7vw, 29px);
  position: relative;
}

.mvr-audio-review-card::before {
  background: #49b8ca;
  content: '';
  height: 4px;
  inset: 0 0 auto;
  position: absolute;
}

.mvr-audio-review-card--original::before {
  background: #55717d;
}

.mvr-audio-review-card--b::before,
.mvr-audio-review-card--b_fluid::before,
.mvr-audio-review-card--e::before {
  background: var(--mvr-coral);
}

.mvr-audio-review__changes {
  background: linear-gradient(120deg, #073f55, #075c72);
  border-radius: 20px;
  box-shadow: 0 18px 48px rgba(18, 75, 94, .11);
  color: #fff;
  margin-top: 22px;
  padding: clamp(24px, 3.5vw, 38px);
}

.mvr-audio-review__changes .mvr-eyebrow {
  color: #82e1e9;
  margin: 0 0 16px;
}

.mvr-audio-review__changes ul {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.mvr-audio-review__changes li {
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 12px;
  display: grid;
  gap: 6px;
  padding: 13px 14px;
}

.mvr-audio-review__changes strong {
  color: #fff;
  font-size: .77rem;
}

.mvr-audio-review__changes span {
  color: #d7edf1;
  font-size: .72rem;
  line-height: 1.5;
}

.mvr-audio-review__level {
  border-top: 1px solid rgba(255, 255, 255, .16);
  color: #d7edf1;
  font-size: .72rem;
  line-height: 1.5;
  margin: 17px 0 0;
  padding-top: 15px;
}

.mvr-audio-review__level strong {
  color: #fff;
}

.mvr-audio-review-card header > span {
  background: #e7f5f7;
  border-radius: 999px;
  color: #17657b;
  display: inline-flex;
  font-size: .65rem;
  font-weight: 850;
  letter-spacing: .07em;
  padding: 5px 9px;
  text-transform: uppercase;
}

.mvr-audio-review-card header > small {
  color: #697f88;
  float: right;
  font-size: .72rem;
  font-weight: 750;
  padding-top: 4px;
}

.mvr-audio-review-card h3 {
  color: #10243a;
  font-size: 1.35rem;
  letter-spacing: -.035em;
  margin: 18px 0 8px;
}

.mvr-audio-review-card header p {
  color: #506873;
  font-size: .82rem;
  line-height: 1.55;
  min-height: 77px;
}

.mvr-audio-review-card audio {
  display: block;
  margin: 20px 0;
  max-width: 100%;
  width: 100%;
}

.mvr-audio-review-card dl {
  border-top: 1px solid #dce9eb;
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding-top: 17px;
}

.mvr-audio-review-card dl > div {
  background: #f2f8f9;
  border-radius: 9px;
  padding: 8px 9px;
}

.mvr-audio-review-card dt {
  color: #617780;
  font-size: .6rem;
  font-weight: 700;
  text-transform: uppercase;
}

.mvr-audio-review-card dd {
  color: #153b4c;
  font-size: .84rem;
  font-weight: 850;
  margin: 1px 0 0;
}

.mvr-audio-review__script {
  background: #fff;
  border: 1px solid #cde1e5;
  border-radius: 20px;
  box-shadow: 0 17px 45px rgba(18, 75, 94, .07);
  display: grid;
  gap: 28px 40px;
  grid-template-columns: minmax(230px, .65fr) minmax(380px, 1.35fr);
  margin-top: 22px;
  padding: clamp(24px, 4vw, 42px);
}

.mvr-audio-review__script h2 {
  color: #10243a;
  font-size: 1.55rem;
  letter-spacing: -.04em;
  line-height: 1.12;
  margin: 7px 0 0;
}

.mvr-audio-review__script > p {
  color: #38525f;
  line-height: 1.75;
  margin: 0;
}

.mvr-audio-review__script aside {
  background: linear-gradient(110deg, #e8f6f7, #fff5f5);
  border-radius: 12px;
  display: grid;
  gap: 4px;
  grid-column: 1 / -1;
  padding: 14px 17px;
}

.mvr-audio-review__script aside strong {
  color: #0d5067;
  font-size: .79rem;
}

.mvr-audio-review__script aside span {
  color: #4a626d;
  font-size: .76rem;
}

.mvr-audio-review__script code {
  color: #a83f4e;
}

@media (max-width: 820px) {
  .mvr-audio-review__instructions,
  .mvr-audio-review__script {
    grid-template-columns: 1fr;
  }

  .mvr-audio-review__grid {
    grid-template-columns: 1fr;
  }

  .mvr-audio-review__changes ul {
    grid-template-columns: 1fr;
  }

  .mvr-audio-review-card header p {
    min-height: 0;
  }

  .mvr-audio-review__script aside {
    grid-column: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mvr-alpha-shell *,
  .mvr-alpha-shell *::before,
  .mvr-alpha-shell *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media print {
  .mvr-alpha-shell,
  .mvr-lms-shell {
    background: #fff !important;
  }
}

/* Premium learning states: revisit completed activities without strike-through. */
.mvr-lms-aet-activity .mvr-lms-outline :is(.llms-lesson-preview.is-complete, .llms-lesson-preview.llms-lesson-complete) *,
.mvr-lms-course-dashboard :is(.llms-lesson-preview.is-complete, .llms-lesson-preview.llms-lesson-complete) * {
  text-decoration: none !important;
}

/* Quiz results: one readable summary followed by full-width explanations. */
.mvr-lms-aet-activity .llms-quiz-results,
.mvr-lms-aet-activity .llms-quiz-results-wrapper {
  background: transparent;
  border: 0;
  color: #294154;
  margin: 0;
  padding: 0;
}

.mvr-lms-aet-activity .llms-quiz-results-title {
  background: linear-gradient(120deg, #063c50, #0e6f84);
  border-radius: 18px 18px 0 0;
  color: #fff;
  font-size: clamp(1.35rem, 2.6vw, 1.9rem);
  margin: 22px 0 0;
  padding: 24px clamp(18px, 3vw, 28px);
}

.mvr-lms-aet-activity .mvr-lms-activity-content__body .llms-quiz-results > .llms-quiz-results-title {
  color: #fff;
}

.mvr-lms-aet-activity .llms-quiz-results-history > .llms-quiz-results-title {
  background: linear-gradient(120deg, #edf8f9, #f8fcfc);
  border: 1px solid #c9e0e4;
  border-radius: 14px;
  color: #123d4a;
  font-size: 1.08rem;
  margin: 22px 0 10px;
  padding: 14px 17px;
}

.mvr-lms-aet-activity .llms-quiz-results-aside {
  align-items: center;
  background: linear-gradient(135deg, #edf8f8, #fff8f6);
  border: 1px solid #c8e0e4;
  border-radius: 0 0 18px 18px;
  display: grid !important;
  float: none !important;
  gap: 24px;
  grid-template-columns: 126px minmax(0, 1fr);
  margin: 0 0 20px !important;
  padding: 20px clamp(18px, 3vw, 28px);
  width: 100% !important;
}

.mvr-lms-aet-activity .llms-quiz-results-aside .llms-donut {
  margin: 0;
  max-width: 126px;
}

.mvr-lms-aet-activity .llms-quiz-results-aside .llms-quiz-meta-info {
  background: transparent;
  border: 0;
  display: grid;
  gap: 6px;
  line-height: 1.45;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mvr-lms-aet-activity .llms-quiz-results-aside .llms-quiz-meta-item {
  background: transparent;
  border: 0;
  color: #34515d;
  font-size: .9rem;
  margin: 0;
  padding: 0;
}

.mvr-lms-aet-activity .llms-quiz-results-main,
.mvr-lms-aet-activity .llms-quiz-results-history {
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}

.mvr-quiz-review-header {
  align-items: end;
  background: #fff;
  border: 1px solid #c8e0e4;
  border-radius: 18px;
  box-shadow: 0 15px 38px rgba(7, 63, 84, .07);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin: 22px 0 13px;
  padding: 20px 22px;
}

.mvr-quiz-review-header span {
  color: var(--mvr-coral-deep);
  display: block;
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .13em;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.mvr-quiz-review-header h3 {
  color: #0e1d34;
  font-size: 1.35rem !important;
  margin: 0 0 5px !important;
}

.mvr-quiz-review-header p {
  color: #536e77;
  font-size: .84rem;
  line-height: 1.5;
  margin: 0;
  max-width: 620px;
}

.mvr-quiz-review-toggle {
  background: #fff;
  border: 1px solid #176c88;
  border-radius: 999px;
  color: #125d74;
  cursor: pointer;
  flex: 0 0 auto;
  font: inherit;
  font-size: .78rem;
  font-weight: 800;
  min-height: 44px;
  padding: 9px 15px;
}

.mvr-lms-aet-activity .llms-quiz-attempt-results {
  counter-reset: mvr-question;
  display: grid;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.mvr-lms-aet-activity .llms-quiz-attempt-question {
  background: #fff;
  border: 1px solid #cbdfe3;
  border-radius: 16px;
  box-shadow: 0 9px 27px rgba(7, 63, 84, .05);
  counter-increment: mvr-question;
  margin: 0;
  overflow: hidden;
}

.mvr-lms-aet-activity .llms-quiz-attempt-question.incorrect {
  border-left: 4px solid var(--mvr-coral);
}

.mvr-lms-aet-activity .llms-quiz-attempt-question.correct {
  border-left: 4px solid #5a9a84;
}

.mvr-lms-aet-activity .llms-quiz-attempt-question .toggle-answer {
  align-items: center;
  background: #fff;
  border: 0;
  color: #163848;
  cursor: pointer;
  display: grid !important;
  font: inherit;
  gap: 4px 12px;
  grid-template-columns: 42px minmax(0, 1fr) auto 18px 44px auto;
  min-height: 78px;
  padding: 14px 17px;
  text-align: left;
  width: 100%;
}

.mvr-lms-aet-activity .llms-quiz-attempt-question .toggle-answer::before {
  align-items: center;
  align-self: center;
  background: #e7f4f6;
  border-radius: 50%;
  color: #176c88;
  content: counter(mvr-question);
  display: flex;
  font-size: .78rem;
  font-weight: 850;
  grid-column: 1;
  grid-row: 1 / 4;
  height: 38px;
  justify-content: center;
  width: 38px;
}

.mvr-lms-aet-activity .llms-quiz-attempt-question .llms-question-title {
  color: #102e3d;
  font-size: .98rem;
  font-weight: 780;
  grid-column: 2;
  grid-row: 1;
  line-height: 1.42;
  min-width: 0;
}

.mvr-lms-aet-activity .llms-quiz-attempt-question .llms-question-title p {
  margin: 0;
}

.mvr-lms-aet-activity :is(.llms-question-text, .llms-question-title) .mvr-question-topic {
  color: var(--mvr-coral-deep);
  display: block;
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .11em;
  margin-bottom: 7px;
  text-transform: uppercase;
}

.mvr-lms-aet-activity :is(.llms-question-text, .llms-question-title) .mvr-question-consigne {
  background: #e8f4f6;
  border-radius: 999px;
  color: #176c88;
  display: inline-flex;
  font-size: .67rem;
  font-weight: 800;
  margin-bottom: 8px;
  padding: 4px 8px;
}

.mvr-lms-aet-activity :is(.llms-question-text, .llms-question-title) .mvr-question-prompt {
  color: #102e3d;
  display: block;
  font-size: 1rem;
  font-weight: 780;
  line-height: 1.45;
}

.mvr-lms-aet-activity .llms-quiz-attempt-question .llms-points {
  color: #647c85;
  font-size: .72rem;
  font-weight: 750;
  grid-column: 3;
  grid-row: 1 / 3;
  white-space: nowrap;
}

.mvr-quiz-question-state {
  background: #e8f5ef;
  border-radius: 999px;
  color: #39735f;
  font-size: .67rem;
  font-weight: 800;
  grid-column: 6;
  grid-row: 1 / 4;
  justify-self: start;
  padding: 4px 8px;
}

.incorrect .mvr-quiz-question-state {
  background: #fff0ed;
  color: #a44438;
}

.mvr-lms-aet-activity .llms-quiz-attempt-question .llms-toggle-answer-icon {
  grid-column: 4;
  grid-row: 1 / 3;
}

.mvr-lms-aet-activity .llms-quiz-attempt-question .llms-status-icon-tip {
  grid-column: 5;
  grid-row: 1 / 4;
  margin: 0;
  position: static;
}

.mvr-lms-aet-activity .llms-quiz-attempt-question-main {
  background: linear-gradient(135deg, #f7fbfc, #fff);
  border-top: 1px solid #dce9ec;
  padding: clamp(16px, 2.8vw, 24px);
}

.mvr-lms-aet-activity .llms-quiz-attempt-answer-section {
  background: #fff;
  border: 1px solid #d4e3e6;
  border-radius: 12px;
  color: #34515d;
  line-height: 1.58;
  margin: 0 0 10px;
  padding: 13px 15px;
}

.mvr-lms-aet-activity .llms-student-answer {
  border-left: 4px solid #91adb4;
}

.mvr-lms-aet-activity .llms-correct-answer {
  background: #edf8f3;
  border-color: #bfded2;
  border-left: 4px solid #57927d;
}

.mvr-lms-aet-activity .llms-clarifications {
  background: #fff8f3;
  border-color: #f0d6ca;
  border-left: 4px solid var(--mvr-coral);
}

.mvr-lms-aet-activity .llms-quiz-results-label {
  color: #123d4a;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .08em;
  margin: 0 0 5px;
  text-transform: uppercase;
}

.mvr-quiz-explanation {
  color: #34515d;
  display: grid;
  gap: 9px;
}

.mvr-quiz-explanation p {
  margin: 0;
}

.mvr-quiz-explanation a {
  align-items: center;
  color: #126b83;
  display: inline-flex;
  font-weight: 800;
  gap: 6px;
  justify-self: start;
}

.mvr-lms-aet-activity .llms-quiz-buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
  margin-top: 18px;
}

.mvr-lms-aet-activity .llms-quiz-buttons form,
.mvr-lms-aet-activity .llms-quiz-buttons .llms-button-action,
.mvr-lms-aet-activity .llms-quiz-buttons .llms-button-secondary {
  float: none;
  margin: 0;
}

.mvr-lms-aet-activity .llms-quiz-buttons :is(.llms-button-action, .llms-button-secondary) {
  align-items: center;
  display: inline-flex;
  font-size: .9rem;
  justify-content: center;
  min-height: 48px;
  min-width: 182px;
  padding: 11px 20px;
}

@media (max-width: 620px) {
  .mvr-lms-aet-activity .llms-quiz-results-aside {
    gap: 13px;
    grid-template-columns: 82px minmax(0, 1fr);
    padding: 15px;
  }

  .mvr-lms-aet-activity .llms-quiz-results-aside .llms-donut {
    max-width: 82px;
  }

  .mvr-quiz-review-header {
    align-items: stretch;
    flex-direction: column;
    padding: 17px;
  }

  .mvr-quiz-review-toggle {
    width: 100%;
  }

  .mvr-lms-aet-activity .llms-quiz-attempt-question .toggle-answer {
    gap: 5px 9px;
    grid-template-columns: 34px minmax(0, 1fr) 18px;
    padding: 12px;
  }

  .mvr-lms-aet-activity .llms-quiz-attempt-question .toggle-answer::before {
    height: 31px;
    width: 31px;
  }

  .mvr-lms-aet-activity .llms-quiz-attempt-question .llms-question-title {
    font-size: .88rem;
    grid-column: 2 / 4;
    grid-row: 1;
  }

  .mvr-lms-aet-activity .llms-quiz-attempt-question .llms-points {
    grid-column: 2;
    grid-row: 2;
  }

  .mvr-lms-aet-activity .llms-quiz-attempt-question .llms-toggle-answer-icon {
    grid-column: 3;
    grid-row: 2;
  }

  .mvr-lms-aet-activity .llms-quiz-attempt-question .llms-status-icon-tip {
    display: none;
  }

  .mvr-quiz-question-state {
    grid-column: 2;
    grid-row: 3;
  }

  .mvr-lms-aet-activity .llms-quiz-buttons,
  .mvr-lms-aet-activity .llms-quiz-buttons form,
  .mvr-lms-aet-activity .llms-quiz-buttons :is(.llms-button-action, .llms-button-secondary) {
    width: 100%;
  }
}

/* AET opening editorial — original MVR imagery, responsive and content-first. */
.mvr-lms-course-dashboard .mvr-course-hero {
  background: #063e53;
  isolation: isolate;
}

.mvr-lms-course-dashboard .mvr-course-hero::before {
  background:
    linear-gradient(90deg, rgba(3, 35, 51, .98) 0%, rgba(3, 43, 59, .9) 34%, rgba(3, 48, 64, .28) 64%, rgba(3, 48, 64, .08) 100%),
    linear-gradient(0deg, rgba(2, 34, 48, .28), transparent 58%);
  z-index: 1;
}

.mvr-lms-course-dashboard .mvr-course-hero__copy {
  grid-column: 1 / -1;
  max-width: 560px;
  padding-left: clamp(28px, 4vw, 52px);
}

.mvr-lms-course-dashboard .mvr-course-hero__visual {
  inset: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  z-index: 0;
}

.mvr-lms-course-dashboard .mvr-course-hero__image {
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.mvr-lms-course-dashboard .mvr-course-hero__visual figcaption {
  border-top: 2px solid #77e3ed;
  bottom: 22px;
  color: rgba(255, 255, 255, .88);
  font-size: .7rem;
  font-style: italic;
  line-height: 1.5;
  padding-top: 8px;
  position: absolute;
  right: 21px;
  text-shadow: 0 1px 8px rgba(1, 25, 35, .7);
  width: 122px;
}

.mvr-aet-objectives-opening {
  background:
    radial-gradient(circle at 88% 20%, rgba(77, 189, 205, .15), transparent 17rem),
    linear-gradient(135deg, #f4fbfc, #fff 64%);
  border: 1px solid #cae2e6;
  border-radius: 19px;
  box-shadow: 0 18px 44px rgba(18, 82, 103, .09);
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(390px, 1.2fr);
  margin: 0 0 clamp(30px, 4vw, 48px);
  min-height: 340px;
  overflow: hidden;
  position: relative;
}

.mvr-aet-objectives-opening::after {
  background: var(--mvr-coral);
  content: '';
  height: 3px;
  left: clamp(25px, 4vw, 43px);
  position: absolute;
  top: 0;
  width: 62px;
}

.mvr-aet-objectives-opening__copy {
  align-self: center;
  padding: clamp(28px, 4vw, 48px) 0 clamp(28px, 4vw, 48px) clamp(25px, 4vw, 43px);
  position: relative;
  z-index: 2;
}

.mvr-lms-aet-activity .mvr-aet-objectives-opening__copy .mvr-eyebrow {
  color: var(--mvr-coral-deep);
  font-size: .67rem;
  letter-spacing: .14em;
  margin: 0 0 11px;
  text-transform: uppercase;
}

.mvr-lms-aet-activity .mvr-aet-objectives-opening__copy h2 {
  font-size: clamp(1.75rem, 3vw, 2.55rem);
  line-height: 1.02;
  margin-bottom: 17px;
  max-width: 430px;
}

.mvr-aet-objectives-opening__copy > p:not(.mvr-eyebrow) {
  color: #365461;
  font-size: .91rem;
  line-height: 1.58;
  margin: 0;
  max-width: 410px;
}

.mvr-aet-objectives-opening__copy ul {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
}

.mvr-aet-objectives-opening__copy li {
  align-items: center;
  background: rgba(255, 255, 255, .9);
  border: 1px solid #c7e1e6;
  border-radius: 999px;
  color: #17647d;
  display: inline-flex;
  font-size: .66rem;
  font-weight: 800;
  gap: 6px;
  padding: 6px 10px;
}

.mvr-aet-objectives-opening__copy li::before {
  background: var(--mvr-coral);
  border-radius: 50%;
  content: '';
  height: 5px;
  width: 5px;
}

.mvr-aet-objectives-opening__media {
  align-self: stretch;
  margin: 0;
  min-height: 340px;
  overflow: hidden;
  position: relative;
}

.mvr-aet-objectives-opening__media::before {
  background: linear-gradient(90deg, #f8fcfc 0%, rgba(248, 252, 252, .84) 10%, transparent 37%);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.mvr-aet-objectives-opening__image {
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 62% center;
  width: 100%;
}

@media (max-width: 760px) {
  .mvr-lms-course-dashboard .mvr-course-hero {
    min-height: 488px;
  }

  .mvr-lms-course-dashboard .mvr-course-hero::before {
    background:
      linear-gradient(180deg, #043447 0%, rgba(4, 52, 71, .99) 47%, rgba(4, 52, 71, .34) 69%, rgba(4, 52, 71, .08) 100%),
      linear-gradient(0deg, rgba(3, 40, 55, .28), transparent 50%);
  }

  .mvr-lms-course-dashboard .mvr-course-hero__copy {
    padding: 20px;
    width: 100%;
  }

  .mvr-lms-course-dashboard .mvr-course-hero__visual {
    height: 54%;
    inset: auto 0 0;
  }

  .mvr-lms-course-dashboard .mvr-course-hero__image {
    object-position: 68% center;
  }

  .mvr-lms-course-dashboard .mvr-course-hero__visual figcaption {
    display: none;
  }

  .mvr-aet-objectives-opening {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .mvr-aet-objectives-opening__copy {
    padding: 28px 23px 18px;
  }

  .mvr-aet-objectives-opening__copy > p:not(.mvr-eyebrow) {
    font-size: .84rem;
  }

  .mvr-aet-objectives-opening__copy ul {
    margin-top: 16px;
  }

  .mvr-aet-objectives-opening__media {
    min-height: 225px;
  }

  .mvr-aet-objectives-opening__media::before {
    background: linear-gradient(180deg, #f8fcfc 0%, rgba(248, 252, 252, .55) 13%, transparent 42%);
  }

  .mvr-aet-objectives-opening__image {
    object-position: 61% center;
  }
}