/* Memory Translator — site chrome + landing (design system) */

.mt-page{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-page);color:var(--text-body);font-family:var(--font-ui)}
.mt-container{width:100%;max-width:var(--container-max,1140px);margin:0 auto;padding:0 24px}
.mt-skip-chrome .heading-section{margin-top:0}

/* Buttons */
.mt-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:var(--control-h-sm,40px);padding:12px 22px;
  border-radius:var(--radius-xl,28px);border:1.5px solid transparent;
  font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);
  line-height:1;cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out);
}
.mt-btn:hover{text-decoration:none}
.mt-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.mt-btn--primary{background:var(--action-primary);color:#fff}
.mt-btn--primary:hover{background:var(--action-primary-hover);color:#fff}
.mt-btn--on-dark{background:#fff;color:var(--mt-navy-800)}
.mt-btn--on-dark:hover{background:#fff;color:var(--mt-navy-900);box-shadow:var(--shadow-card)}
.mt-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}
.mt-btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none;border-color:#fff}
.mt-btn--outline{background:#fff;color:var(--mt-navy-700);border-color:var(--mt-border)}
.mt-btn--outline:hover{border-color:var(--mt-blue-600);color:var(--mt-blue-600)}
.mt-btn--lg{min-height:var(--control-h,56px);padding:16px 28px;font-size:var(--text-base)}

/* Marketing navbar */
.mt-nav{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
  border-bottom:2px solid var(--mt-border);
}
.mt-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.mt-nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-body)}
.mt-nav__brand:hover{text-decoration:none;color:var(--text-body)}
.mt-nav__brand img{height:32px;width:auto;display:block}
.mt-nav__links{display:none;align-items:center;gap:8px}
.mt-nav__link{
  padding:10px 14px;border-radius:var(--radius-xl);font-size:14px;font-weight:600;
  color:var(--text-body);text-decoration:none;
}
.mt-nav__link:hover{background:var(--surface-soft);color:var(--mt-blue-500);text-decoration:none}
.mt-nav__actions{display:flex;align-items:center;gap:10px}
.mt-nav__toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:var(--radius-full);
  border:1.5px solid var(--mt-border);background:#fff;color:var(--mt-navy-700);
}
.mt-nav__menu{display:none;border-top:1.5px solid var(--mt-border);padding:12px 24px 20px}
.mt-nav__menu.is-open{display:block}
.mt-nav__menu a{
  display:block;padding:12px 14px;border-radius:var(--radius-md);
  font-weight:600;color:var(--text-body);text-decoration:none;
}
.mt-nav__menu a:hover{background:var(--surface-soft);text-decoration:none}

@media (min-width:900px){
  .mt-nav__links{display:flex}
  .mt-nav__toggle{display:none}
  .mt-nav__menu{display:none!important}
}

/* Landing */
.mt-landing{flex:1}
.mt-hero{
  background:var(--mt-grad-navy);
  color:#fff;
  padding:56px 24px 64px;
}
.mt-hero__grid{
  max-width:var(--container-max);margin:0 auto;
  display:grid;gap:40px;align-items:center;
}
.mt-hero h1{
  margin:0 0 16px;font-size:clamp(32px,5vw,52px);font-weight:800;
  letter-spacing:var(--tracking-display);line-height:1.1;
  color:#fff;
}
.mt-hero__lead{
  margin:0 0 28px;font-size:clamp(16px,2.2vw,18px);line-height:1.55;
  max-width:520px;
  color:rgba(255,255,255,.92); /* solid AA-friendly inverse, not opacity fade */
}
.mt-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mt-hero__demo{display:flex;flex-direction:column;gap:12px}
.mt-hero-card{
  background:#fff;border-radius:var(--radius-md);padding:12px;color:var(--text-body);
}
.mt-lang-pair{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 8px;color:var(--text-body)}
.mt-lang-pair__side{font-size:14px;font-weight:600;color:var(--text-body)}
.mt-lang-pair__swap{
  width:40px;height:40px;border-radius:50%;background:var(--mt-blue-500);color:#fff;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.mt-result-card{
  background:var(--mt-navy-700);color:#fff;border-radius:var(--radius-md);
  padding:18px 20px;min-height:88px;
  display:flex;flex-direction:column;justify-content:space-between;gap:12px;
}
.mt-result-card__text{
  font-size:20px;font-weight:600;letter-spacing:-0.01em;line-height:1.3;min-height:1.3em;
  color:#fff;
}
.mt-result-card__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mt-result-card__hint{
  font-size:13px;font-weight:500;
  color:rgba(255,255,255,.9);
}
.mt-streak{
  display:inline-flex;align-items:center;gap:6px;padding:6px 12px;
  border-radius:var(--radius-full);background:var(--mt-grad-flame);color:var(--mt-navy-700);
  font-size:13px;font-weight:700;
}
@keyframes mtFadeUp{
  from{opacity:0;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}
.mt-fade{display:inline-block;animation:mtFadeUp .45s cubic-bezier(.16,1,.3,1)}

.mt-section{padding:64px 24px;color:var(--text-body)}
.mt-section h2{
  margin:0 0 8px;font-size:clamp(24px,3.5vw,32px);font-weight:800;
  letter-spacing:var(--tracking-display);color:var(--text-body);
}
.mt-section__lead{
  margin:0 0 36px;font-size:16px;color:var(--text-muted);max-width:560px;line-height:1.55;
}
.mt-steps{display:flex;gap:40px;flex-wrap:wrap;align-items:flex-start}
.mt-steps__list{display:flex;gap:32px;flex:1 1 480px;flex-wrap:wrap}
.mt-step{flex:1;min-width:200px}
.mt-step__n{
  width:36px;height:36px;border-radius:50%;background:var(--surface-soft);color:var(--mt-blue-500);
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;margin-bottom:12px;
}
.mt-step__title{font-size:17px;font-weight:700;letter-spacing:-0.01em;margin-bottom:6px}
.mt-step__text{font-size:14px;color:var(--text-muted);line-height:1.55}
.mt-steps__art{
  flex:1 1 280px;background:var(--surface-soft);border-radius:var(--radius-lg);padding:24px;
}
.mt-steps__art img{width:100%;height:auto;display:block}

.mt-icp-grid{display:grid;grid-template-columns:1fr;gap:16px}
.mt-icp{
  border:1.5px solid var(--mt-border);border-radius:var(--radius-md);overflow:hidden;
  background:#fff;display:flex;flex-direction:column;
}
.mt-icp__bar{height:10px}
.mt-icp__body{padding:18px 20px}
.mt-icp__name{font-size:16px;font-weight:700;letter-spacing:-0.01em;margin-bottom:4px;color:var(--text-body)}
.mt-icp__msg{font-size:14px;font-weight:600;color:var(--mt-blue-600);margin-bottom:6px} /* blue-600 ≥ AA on white */
.mt-icp__sub{font-size:13px;color:var(--text-muted);line-height:1.5}

.mt-cta-band{
  max-width:var(--container-max);margin:0 auto;padding:0 24px 64px;
}
.mt-cta-band__inner{
  background:var(--surface-dark);border-radius:var(--radius-lg);padding:40px;
  display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  color:#fff;
}
.mt-cta-band h2{
  margin:0 0 8px;font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:var(--tracking-display);
  color:#fff;
}
.mt-cta-band p{
  margin:0;font-size:15px;line-height:1.55;max-width:560px;
  color:rgba(255,255,255,.92);
}

.mt-site-footer{border-top:1.5px solid var(--mt-border);padding:36px 24px 28px;margin-top:auto;color:var(--text-body)}
.mt-site-footer__inner{
  max-width:var(--container-max);margin:0 auto;
  display:grid;gap:28px;
}
@media (min-width:900px){
  .mt-site-footer__inner{grid-template-columns:1.2fr 1fr;align-items:start}
  .mt-site-footer__meta{grid-column:1 / -1}
}
.mt-site-footer img{height:28px;width:auto;display:block;margin-bottom:14px}
.mt-site-footer__legal{font-size:13px;line-height:1.55;color:var(--text-muted);max-width:36rem}
.mt-site-footer__legal p{margin:0 0 .45rem}
.mt-site-footer__company{color:var(--text-body);font-weight:700}
.mt-site-footer__legal a{color:var(--text-body);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.mt-site-footer__legal a:hover{color:var(--mt-blue-600)}
.mt-site-footer__nav{display:flex;flex-direction:column;gap:14px}
.mt-site-footer__links{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:13px}
.mt-site-footer__links a{color:var(--text-body);font-weight:600}
.mt-site-footer__links a:hover{color:var(--mt-blue-600)}
.mt-site-footer__links--legal a{color:var(--text-muted)}
.mt-site-footer__meta{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 20px;
  padding-top:8px;border-top:1px solid var(--mt-border);
}
.mt-site-footer__copy{font-size:12px;color:var(--text-muted);font-weight:600}
.mt-site-footer__binding{margin:0;font-size:12px;line-height:1.45;color:var(--text-muted);max-width:40rem}
.mt-legal-binding{
  margin:1.25rem 0 0;
  padding:1rem 1.1rem;
  border-left:3px solid var(--mt-blue-500, #147db8);
  background:rgba(10,56,82,.04);
  max-width:42rem;
}
.mt-legal-binding p{margin:0 0 .55rem;font-size:14px;line-height:1.5;color:var(--text-body)}
.mt-legal-binding p:last-child{margin-bottom:0;color:var(--text-muted)}
.mt-legal-lang{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--mt-border)}
.mt-legal-lang h2{font-size:1.15rem;font-weight:800;color:var(--mt-navy-800);margin:0 0 1rem}

@media (min-width:768px){
  .mt-hero{padding:72px 24px 80px}
  .mt-hero__grid{grid-template-columns:1.1fr 1fr;gap:48px}
  .mt-icp-grid{grid-template-columns:repeat(2,1fr)}
  .mt-cta-band__inner{padding:48px}
}
@media (min-width:1024px){
  .mt-icp-grid{grid-template-columns:repeat(3,1fr)}
}

/* Product shell refinements using DS tokens */
body.mt-ds .navbar-main{border-bottom:2px solid var(--mt-border)!important;background:#fff}
body.mt-ds .navbar-brand img.mt-brand-lockup{height:36px;width:auto}
body.mt-ds .heading-section{max-width:var(--container-max);margin-left:auto;margin-right:auto}
body.mt-ds .highlighter-section{background:var(--surface-dark)!important;box-shadow:var(--shadow-raised)}
body.mt-ds .highlighter-section .active{background:#fff!important;color:var(--mt-navy-700)!important}
body.mt-ds .change-lang-input textarea,
body.mt-ds .form-control{
  border-radius:var(--radius-md)!important;
  border:1.5px solid var(--mt-border)!important;
}
body.mt-ds .btn-primary,
body.mt-ds .btn-custom-success{
  border-radius:var(--radius-xl)!important;
  background:var(--action-primary)!important;
  border-color:var(--action-primary)!important;
}
body.mt-ds footer .container-fluid{
  background:var(--mt-blue-500)!important;
  border-radius:var(--radius-lg)!important;
}
body.mt-ds .cookie-banner{background:var(--mt-blue-500)}

/* Hide legacy floating bottom nav on marketing pages (they use mt-site-footer) */
.mt-landing-page .floating-footer-fixed,
.mt-landing-page > .container-fluid.heading-section > footer,
.mt-landing-page .floating-footer-spacer,
.mt-marketing-page .floating-footer-fixed,
.mt-marketing-page > .container-fluid.heading-section > footer,
.mt-marketing-page .floating-footer-spacer{display:none!important}
.mt-landing-page,
.mt-marketing-page,
body.mt-landing-page,
body.mt-marketing-page{padding-bottom:0!important}

/* Active nav link */
.mt-nav__link.is-active{background:var(--surface-soft);color:var(--mt-blue-600)}

/* Marketing content pages */
.mt-marketing{flex:1}
.mt-marketing__main{flex:1;width:100%;overflow-x:clip}
body.mt-marketing-page{overflow-x:clip}
/* Legacy Bootstrap rows sit outside .container and spill via negative gutters */
.mt-marketing .row{margin-left:0;margin-right:0;max-width:100%}
.mt-marketing .row>*{padding-left:12px;padding-right:12px}
.mt-marketing .section-wrapper,
.mt-marketing .press-wrapper,
.mt-marketing .terms-of-service-wrapper,
.mt-marketing .privacy-policy-wrapper-section{padding-left:16px;padding-right:16px}
.mt-marketing .image-holder,
.mt-marketing .about-header,
.mt-marketing .faq-header{overflow:hidden}
@media (max-width:767.98px){
  .mt-marketing .floaters{display:none!important}
}
.mt-marketing-doc{
  width:100%;
  max-width:var(--container-max,1140px);
  margin:0 auto;
  padding:40px 24px 72px;
}
.mt-marketing-doc .heading-main h1,
.mt-marketing-doc .heading-main .h1{
  color:var(--mt-navy-800);
  font-weight:800;
  letter-spacing:var(--tracking-display,-0.02em);
}
.mt-marketing-doc .heading-main p{color:var(--text-muted, #5a6a85);max-width:42rem}
.mt-marketing-doc .custom-card{
  border:1.5px solid var(--mt-border)!important;
  border-radius:var(--radius-lg,16px)!important;
  box-shadow:none!important;
  padding:20px 24px;
}
.mt-marketing .section-wrapper{margin-left:0;margin-right:0}
.mt-marketing .dark-section h1,
.mt-marketing .dark-section h2,
.mt-marketing .dark-section p,
.mt-marketing .dark-section a{color:#fff}
.mt-marketing .dark-section a.text-decoration-underline{color:#fff}

/* Translate mobile brand bar */
.mt-translate-mobile-bar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 4px 14px;
}
.mt-translate-mobile-bar__brand{
  display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;color:var(--mt-navy-800);font-weight:700;font-size:15px;
}
.mt-translate-mobile-bar__brand:hover{text-decoration:none;color:var(--mt-navy-900)}
.mt-translate-mobile-bar__brand img{height:28px;width:auto;display:block}
.mt-translate-mobile-bar__actions{display:flex;align-items:center;gap:8px}

/* Auth (web.html) */
body.mt-auth-page{
  min-height:100vh;
  background:var(--mt-grad-navy, linear-gradient(160deg,#0A3852 0%,#062638 55%,#0B1F33 100%));
  color:#fff;
  font-family:var(--font-ui, Inter, system-ui, sans-serif);
  padding:24px 16px 48px;
}
body.mt-auth-page .register-section{max-width:440px;margin:0 auto}
body.mt-auth-page .logobox img{height:40px;width:auto;filter:brightness(0) invert(1)}
body.mt-auth-page h3,
body.mt-auth-page h5,
body.mt-auth-page p,
body.mt-auth-page span,
body.mt-auth-page label{color:#fff!important}
body.mt-auth-page .btn-skip-link-blue{color:#fff!important}
body.mt-auth-page .btn-skip-link-blue svg path{stroke:#fff}
body.mt-auth-page .input-grp-custom,
body.mt-auth-page .form-control{
  background:rgba(255,255,255,.08)!important;
  border:1.5px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
  border-radius:14px!important;
}
body.mt-auth-page .input-group-text{background:transparent!important;border:none!important}
body.mt-auth-page .btn-primary,
body.mt-auth-page .btn-custom-success{
  border-radius:28px!important;
  background:#fff!important;
  color:var(--mt-navy-800,#062638)!important;
  border:none!important;
  font-weight:700;
}
body.mt-auth-page a:not(.btn){color:#B8D4FF}

/* Learn / flashcard quiz */
body.mt-learn-page{
  min-height:100vh;
  background:var(--surface-page,#fff);
  font-family:var(--font-ui);
  color:var(--text-body);
  margin:0;
}
.mt-learn{min-height:100vh;display:flex;flex-direction:column;max-width:720px;margin:0 auto;padding:16px 20px 40px}
.mt-learn__top{display:flex;align-items:center;gap:14px;min-height:56px;margin-bottom:28px}
.mt-learn__brand{display:inline-flex;flex:0 0 auto}
.mt-learn__brand img{height:28px;width:auto;display:block}
.mt-learn__progress-wrap{flex:1;display:flex;align-items:center;gap:10px;min-width:0}
.mt-learn__progress{flex:1;height:10px;border-radius:999px;background:var(--mt-border,#E6E9EB);overflow:hidden}
.mt-learn__progress-bar{
  height:100%;border-radius:inherit;
  background:linear-gradient(90deg,var(--mt-blue-500,#147DB8),#3AA0D8);
  transition:width .35s ease;
}
.mt-learn__progress-label{font-size:13px;font-weight:700;color:var(--text-muted,#5D6A85);min-width:2.5rem;text-align:right}
.mt-learn__close{
  width:44px;height:44px;border-radius:999px;border:1.5px solid var(--mt-border);
  background:#fff;color:var(--mt-navy-700);display:inline-flex;align-items:center;justify-content:center;
}
.mt-learn__main{flex:1;display:flex;flex-direction:column}
.mt-learn__hint{
  margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mt-blue-500);
}
.mt-learn__prompt{
  margin:0 0 28px;font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--mt-navy-800,#0A3852);
}
.mt-learn__options{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.mt-learn__option{
  display:flex;align-items:center;width:100%;
  padding:18px 20px;border-radius:14px;border:2px solid var(--mt-border-alt,#E7EAEF);
  background:#fff;color:var(--text-body);font-size:18px;font-weight:600;line-height:1.3;
  cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease;
  margin:0;text-align:left;
}
.mt-learn__option input{position:absolute;opacity:0;pointer-events:none}
.mt-learn__option.is-selected{border-color:var(--action-primary,#147DB8);color:var(--mt-blue-500)}
.mt-learn__option.is-correct{background:var(--tint-success,rgba(76,175,79,.12));border-color:var(--mt-success,#4CAF50);color:var(--mt-success-text,#357A38)}
.mt-learn__option.is-wrong{background:var(--tint-error,rgba(229,89,91,.12));border-color:var(--mt-error,#D33F49);color:var(--mt-error-text,#BE3942)}
.mt-learn__option.is-muted{opacity:.45}
.mt-learn__actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;flex-wrap:wrap}
.mt-learn__actions .mt-btn{min-width:120px}
.mt-learn__actions .mt-btn:disabled{opacity:.45;cursor:not-allowed}
.mt-learn__hint-inline{margin:0;font-size:14px;font-weight:600;color:var(--text-muted,#5D6A85)}
.mt-learn__option.is-submitting{border-color:var(--action-primary,#147DB8);box-shadow:0 0 0 3px rgba(20,125,184,.18)}
.mt-learn__form.is-busy .mt-learn__option{pointer-events:none}

/* Result overlays — dimmed backdrop + bottom sheet (not solid white fullscreen) */
.mt-learn-overlay{
  position:fixed;inset:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;
  pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;
}
.mt-learn-overlay.is-open,
.mt-learn-overlay:not([hidden]).is-open{pointer-events:auto;opacity:1;visibility:visible}
.mt-learn-overlay[hidden]{display:none!important}
.mt-learn-overlay__backdrop{position:absolute;inset:0;background:rgba(6,38,56,.55);backdrop-filter:blur(2px)}
.mt-learn-overlay__sheet{
  position:relative;z-index:1;width:100%;max-width:560px;
  margin:0 12px 16px;padding:36px 28px 28px;border-radius:24px;
  color:#fff;text-align:center;
  transform:translateY(24px);transition:transform .25s ease;
  box-shadow:0 16px 40px rgba(6,38,56,.28);
}
.mt-learn-overlay.is-open .mt-learn-overlay__sheet{transform:translateY(0)}
.mt-learn-overlay.is-correct .mt-learn-overlay__sheet{background:var(--mt-success,#4CAF50)}
.mt-learn-overlay.is-wrong .mt-learn-overlay__sheet{background:var(--mt-error,#D33F49)}
.mt-learn-overlay__sheet--light{
  background:#fff;color:var(--mt-navy-800);text-align:left;
}
.mt-learn-overlay__icon{
  width:56px;height:56px;border-radius:999px;margin:-52px auto 14px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.2);border:4px solid #fff;font-size:22px;
}
.mt-learn-overlay__sheet h2{
  margin:0 0 8px;font-size:clamp(24px,4vw,32px);font-weight:800;letter-spacing:-.02em;color:inherit;
}
.mt-learn-overlay__sheet p{margin:0 0 22px;font-size:16px;line-height:1.45;opacity:.95}
.mt-learn-overlay__sheet--light p{color:var(--text-muted);opacity:1}
.mt-learn-overlay__cta{width:100%;max-width:280px}
.mt-learn-overlay__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
@media (min-width:768px){
  .mt-learn{padding:28px 24px 56px}
  .mt-learn-overlay{align-items:center}
  .mt-learn-overlay__sheet{margin-bottom:0}
}

.mt-learn-stat{
  padding:18px 20px;border:1.5px solid var(--mt-border);border-radius:16px;background:#fff;height:100%;
}
.mt-learn-stat__label{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px}
.mt-learn-stat__value{font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800)}

/* Learn finish — high-contrast light page with clear CTAs */
.mt-learn--finish{max-width:560px}
.mt-learn-finish{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:24px 8px 48px;
}
.mt-learn-finish__icon{
  width:88px;height:88px;border-radius:999px;margin-bottom:20px;
  display:flex;align-items:center;justify-content:center;
  background:var(--tint-success,rgba(76,175,79,.16));
  color:var(--mt-success-text,#357A38);font-size:36px;
  border:2px solid var(--mt-success,#4CAF50);
}
.mt-learn-finish h1{
  margin:0 0 12px;font-size:clamp(28px,5vw,40px);font-weight:800;
  letter-spacing:-.02em;color:var(--mt-navy-800,#0A3852);
}
.mt-learn-finish__lead{
  margin:0 0 10px;max-width:36rem;font-size:17px;line-height:1.5;
  color:var(--mt-navy-700,#122A5F);font-weight:500;
}
.mt-learn-finish__meta{
  margin:0 0 28px;font-size:14px;font-weight:700;
  color:var(--mt-muted-strong,#5D6A85);
}
.mt-learn-finish__actions{
  display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;
}
.mt-learn-finish__actions .mt-btn{width:100%}
/* Ensure outline button stays readable on white finish page */
.mt-learn-finish__actions .mt-btn--outline{
  background:#fff;color:var(--mt-navy-800);border-color:var(--mt-navy-700);
}
.mt-learn-finish__actions .mt-btn--outline:hover{
  border-color:var(--mt-blue-600);color:var(--mt-blue-600);
}
.mt-learn-finish__actions .mt-btn--primary{
  background:var(--action-primary,#147DB8);color:#fff;border-color:transparent;
}
.mt-learn-finish__actions .mt-btn--primary:hover{
  background:var(--action-primary-hover,#116A9C);color:#fff;
}