/* 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 — design-system pill control (matches Button.jsx) */
.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),opacity var(--dur-fast) var(--ease-out);
  appearance:none;-webkit-appearance:none;
  box-sizing:border-box;vertical-align:middle;white-space:nowrap;
  -webkit-user-select:text;-moz-user-select:text;user-select:text;
}
/* Bootstrap .btn defaults to user-select:none — allow selecting CTA label text. */
.btn,
a.btn,
button.btn{
  -webkit-user-select:text!important;
  -moz-user-select:text!important;
  user-select:text!important;
}
.mt-btn:hover,.mt-btn:focus{text-decoration:none}
.mt-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}
.mt-btn:disabled,
.mt-btn[disabled],
.mt-btn.is-disabled{
  opacity:.5;cursor:not-allowed;pointer-events:none;box-shadow:none;
}
.mt-btn--sm{min-height:36px;padding:8px 16px;font-size:13px}
.mt-btn--lg{min-height:var(--control-h,56px);padding:16px 28px;font-size:var(--text-base)}
.mt-btn--block{display:flex;width:100%}

.mt-btn--primary{background:var(--action-primary,#147DB8);color:#fff;border-color:var(--action-primary,#147DB8)}
.mt-btn--primary:hover,.mt-btn--primary:focus{background:var(--action-primary-hover,#0F6A9C);color:#fff!important;border-color:var(--action-primary-hover,#0F6A9C)}
.mt-btn--primary:active{background:var(--mt-navy-800,#062638);color:#fff!important;border-color:var(--mt-navy-800,#062638)}
.mt-btn--primary:focus-visible{box-shadow:var(--shadow-focus)}

.mt-btn--outline,
.mt-btn--secondary{
  background:#fff;color:var(--mt-navy-700,#122A5F);border-color:var(--mt-border,#E7EAEF);
}
.mt-btn--outline:hover,
.mt-btn--outline:focus,
.mt-btn--secondary:hover,
.mt-btn--secondary:focus{
  background:#fff;border-color:var(--mt-blue-600,#147DB8);color:var(--mt-blue-600,#147DB8)!important;
  box-shadow:var(--shadow-card,0 4px 14px rgba(18,42,95,.08));
}
.mt-btn--outline:active,
.mt-btn--secondary:active{
  background:var(--surface-soft,#F3F7FB);border-color:var(--mt-blue-600,#147DB8);color:var(--mt-blue-600,#147DB8)!important;
  box-shadow:none;
}

.mt-btn--outline-primary{
  background:#fff;color:var(--action-primary,#147DB8);border-color:var(--action-primary,#147DB8);
}
.mt-btn--outline-primary:hover,
.mt-btn--outline-primary:focus{
  background:var(--tint-info,#EAF0FC);color:var(--action-primary-hover,#0F6A9C)!important;border-color:var(--action-primary-hover,#0F6A9C);
}
.mt-btn--outline-primary:active{
  background:var(--tint-info,#EAF0FC);color:var(--mt-navy-800,#062638)!important;border-color:var(--mt-navy-800,#062638);
}

.mt-btn--on-dark{background:#fff;color:var(--mt-navy-800);border-color:#fff}
.mt-btn--on-dark:hover,.mt-btn--on-dark:focus{background:#fff;color:var(--mt-navy-900)!important;box-shadow:var(--shadow-card)}
.mt-btn--on-dark:active{background:var(--surface-soft,#F3F7FB);color:var(--mt-navy-900)!important}

.mt-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.65)}
.mt-btn--ghost:hover,.mt-btn--ghost:focus{background:rgba(255,255,255,.12);color:#fff!important;text-decoration:none;border-color:#fff}
.mt-btn--ghost:active{background:rgba(255,255,255,.2);color:#fff!important}

.mt-btn--danger{background:var(--mt-error,#D33F49);color:#fff;border-color:var(--mt-error,#D33F49)}
.mt-btn--danger:hover,.mt-btn--danger:focus{background:#B93540;color:#fff!important;border-color:#B93540}
.mt-btn--danger:active{background:#9E2D36;color:#fff!important;border-color:#9E2D36}

/* 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 > a:not(.mt-beta-chip){display:flex;align-items:center;text-decoration:none;color:inherit}
.mt-nav__brand > a:not(.mt-beta-chip):hover{text-decoration:none;color:inherit}
.mt-nav__brand img{height:32px;width:auto;display:block}

/* Product BETA chip — next to brand lockups; opens beta-tester page */
.mt-beta-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:3px 8px;border-radius:999px;
  font-size:11px;font-weight:800;letter-spacing:.06em;line-height:1;
  color:var(--mt-navy-800,#062638);
  background:rgba(236,87,98,.14);
  border:1.5px solid rgba(236,87,98,.45);
  flex-shrink:0;vertical-align:middle;user-select:none;
  text-decoration:none;cursor:pointer;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.mt-beta-chip:hover{
  text-decoration:none;
  color:var(--mt-navy-800,#062638);
  background:rgba(236,87,98,.22);
  border-color:rgba(236,87,98,.7);
}
.mt-beta-chip:focus-visible{
  outline:2px solid #147DB8;outline-offset:2px;
}
.mt-beta-chip--on-dark{
  color:#fff;
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.5);
}
.mt-beta-chip--on-dark:hover{
  color:#fff;
  background:rgba(255,255,255,.28);
  border-color:rgba(255,255,255,.75);
}

/* Paid-plan source chip (Website / Google Play / App Store) */
.mt-pro-source-chip{
  display:inline-flex;align-items:center;justify-content:center;
  padding:4px 10px;border-radius:999px;
  font-size:11px;font-weight:800;letter-spacing:.01em;line-height:1.2;
  color:var(--mt-navy-700,#122A5F);
  background:var(--mt-blue-100,#EAF0FC);
  border:0;flex-shrink:0;white-space:nowrap;
  text-decoration:none;vertical-align:middle;
}
.mt-pro-source-chip:hover,
.mt-pro-source-chip:focus{
  text-decoration:none;color:var(--mt-navy-800,#0A3852);
  background:#dce7f8;
}
.mt-pro-source-chip:focus-visible{
  outline:2px solid #147DB8;outline-offset:2px;
}
.mt-pricing__manage-link{
  font-weight:700;margin-left:.35em;
}
.profile-menu .mt-pro-source-chip{
  margin-left:8px;
}
.mt-nav__actions .mt-pro-source-chip{
  margin-right:2px;
}
.mt-settings-profile-card__identity .mt-pro-source-chip{
  margin-top:6px;align-self:flex-start;
}
.mt-settings-profile-card__plan{
  padding:0 16px 12px;
}
.mt-settings-profile-card__plan:empty{display:none;padding:0}
.mt-brand-with-beta{
  display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;color:inherit;
}
.mt-brand-with-beta > a:not(.mt-beta-chip){display:inline-flex;align-items:center;text-decoration:none;color:inherit}
.mt-brand-with-beta > a:not(.mt-beta-chip):hover{text-decoration:none;color:inherit}
.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}
}
@media (max-width:520px){
  .mt-container{padding-left:16px;padding-right:16px}
  .mt-nav__inner{gap:12px;min-height:76px}
  .mt-nav__brand{
    flex-direction:column;align-items:flex-start;gap:4px;min-width:0;
  }
  .mt-nav__brand > a:not(.mt-beta-chip){max-width:min(58vw,190px)}
  .mt-nav__brand img{height:auto;max-height:30px;max-width:100%}
  .mt-nav__brand .mt-beta-chip{
    padding:3px 7px;font-size:10px;letter-spacing:.05em;
    box-shadow:0 1px 3px rgba(6,38,56,.06);
  }
  .mt-nav__actions{gap:8px;flex-shrink:0}
  .mt-nav__actions > .mt-lang-switch--compact,
  .mt-nav__actions > .mt-btn{
    display:none;
  }
  .mt-nav__toggle{width:42px;height:42px}
  .mt-nav__menu{padding-left:16px;padding-right:16px}
}

/* 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;text-decoration:none;
}
a.mt-streak:hover{color:var(--mt-navy-700);opacity:.92}
.mt-streak--chrome{margin:0 4px;min-height:32px}
.navbar-main .mt-streak--chrome,.mt-translate-mobile-bar .mt-streak--chrome{
  padding:4px 10px;
}
@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-seo-prose{
  max-width:40rem;margin:0 0 28px;font-size:15px;line-height:1.6;color:var(--text-body,#1a2433);
}
.mt-seo-prose p{margin:0 0 14px}
.mt-seo-prose p:last-child{margin-bottom:0}
.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 .mt-store-badges{margin:12px 0 0}
.mt-site-footer .mt-store-badge img{height:46px;margin:0}
.mt-site-footer__stores{margin-top:8px}
.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{
  position:relative;z-index:1;
  color:var(--text-body);font-weight:600;
  pointer-events:auto;
}
.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__version{
  margin-left:.55rem;
  font-size:12px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  color:var(--text-muted);
  letter-spacing:.02em;
}
.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}
/* Legal body: /de/ shows German; /en/ (any non-German chooser) shows English. */
.mt-legal-doc--en .mt-legal-version--de{display:none!important}
.mt-legal-doc--de .mt-legal-version--en{display:none!important}
.mt-legal-doc--en .mt-legal-version--en.mt-legal-lang{
  margin-top:0;padding-top:0;border-top:0;
}
.mt-legal-doc--en .mt-legal-version--en > h2:first-child{display:none}
.mt-legal-doc--de .mt-legal-binding__en{display:none}
.mt-legal-doc--en .mt-legal-binding__de{display:none}

@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,#122A5F)!important;
  box-shadow:var(--shadow-raised);
  color:#F4F7FA;
}
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;
  color:#fff!important;
}
body.mt-ds .btn-primary:hover,
body.mt-ds .btn-primary:focus,
body.mt-ds .btn-primary:active,
body.mt-ds .btn-custom-success:hover,
body.mt-ds .btn-custom-success:focus,
body.mt-ds .btn-custom-success:active{
  background:var(--action-primary-hover,#0F6A9C)!important;
  border-color:var(--action-primary-hover,#0F6A9C)!important;
  color:#fff!important;
}
body.mt-ds .btn-primary.bg-red,
body.mt-ds .btn-submit.bg-red{
  background:var(--mt-error,#D33F49)!important;
  border-color:var(--mt-error,#D33F49)!important;
  color:#fff!important;
}
body.mt-ds .btn-primary.bg-red:hover,
body.mt-ds .btn-primary.bg-red:focus,
body.mt-ds .btn-submit.bg-red:hover,
body.mt-ds .btn-submit.bg-red:focus{
  background:#B93540!important;
  border-color:#B93540!important;
  color:#fff!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 > a:not(.mt-beta-chip){display:inline-flex;align-items:center;text-decoration:none;color:inherit}
.mt-translate-mobile-bar__brand > a:not(.mt-beta-chip):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}

/* Translate page — AA contrast + usable controls */
body.mt-ds .my-vocabulary-wrapper .mtabs .nav{
  border-color:var(--mt-border);
}
body.mt-ds .my-vocabulary-wrapper .mtabs .nav button{
  color:var(--mt-muted-strong); /* was #929DB5 — fails AA on white */
}
body.mt-ds .my-vocabulary-wrapper .mtabs .nav button.active{
  color:var(--mt-navy-700);
}
body.mt-ds .my-vocabulary-wrapper .mtabs .nav button:focus-visible{
  outline:2px solid var(--mt-blue-500);
  outline-offset:2px;
}
body.mt-ds .translate-ddbox{
  background:var(--mt-blue-100);
  border:1.5px solid var(--mt-border);
}
body.mt-ds .translate-ddbox .change-lang,
body.mt-ds .translate-ddbox .mt-lang-select-row{
  gap:8px;
  flex-wrap:nowrap;
  width:100%;
}
body.mt-ds .translate-ddbox .mt-lang-select-row__side{
  flex:1 1 0;
  min-width:0;
}
body.mt-ds .translate-ddbox .form-select{
  color:var(--mt-navy-700)!important;
  font-weight:600;
  font-size:16px;
  min-height:44px;
  width:100%;
  max-width:100%;
  background-color:#fff!important;
  border:1.5px solid var(--mt-border)!important;
  border-radius:12px!important;
  padding:10px 36px 10px 14px!important;
}
body.mt-ds .translate-ddbox .form-select:focus{
  border-color:var(--mt-blue-500)!important;
  box-shadow:0 0 0 3px rgba(20,125,184,.22);
}
body.mt-ds .trans-lang#translate_switch{
  flex:0 0 auto;
  flex-shrink:0;
  border-radius:50%;
  /* Override legacy .trans-lang { margin-inline: 32px } so both selects stay on one row. */
  margin-inline:8px;
  line-height:0;
}
body.mt-ds .trans-lang#translate_switch svg{
  display:block;
  width:40px;
  height:40px;
}
@media (max-width:575.98px){
  body.mt-ds .trans-lang#translate_switch{margin-inline:2px}
  body.mt-ds .trans-lang#translate_switch svg{width:36px;height:36px}
  body.mt-ds .translate-ddbox{padding:12px 14px;border-radius:20px}
  body.mt-ds .translate-ddbox .form-select{
    font-size:14px;
    padding:8px 28px 8px 10px!important;
  }
  /* Legacy style.css uses a wide margin that breaks the one-row layout on phones. */
  body.mt-ds .translate-ddbox .trans-lang{margin-inline:2px}
}
body.mt-ds .trans-lang#translate_switch:focus-visible{
  outline:2px solid var(--mt-blue-500);
  outline-offset:3px;
}
body.mt-ds .trans-label{
  color:var(--mt-navy-700);
  font-weight:700;
}
body.mt-ds .change-lang-input textarea.form-control{
  color:var(--mt-navy-700)!important;
  background:#fff!important;
  font-size:16px; /* avoid iOS input zoom */
  line-height:1.45;
  min-height:200px;
}
body.mt-ds .change-lang-input textarea.form-control::placeholder{
  color:var(--mt-muted-strong);
  opacity:1;
}
body.mt-ds .change-lang-input textarea.form-control:focus{
  border-color:var(--mt-blue-500)!important;
  box-shadow:0 0 0 3px rgba(20,125,184,.18);
}
body.mt-ds .change-lang-input .mt-char-count{
  display:inline-flex;align-items:center;
  color:var(--mt-muted-strong);
  font-size:13px;font-weight:600;line-height:1.2;
  white-space:nowrap;
  text-decoration:none;
}
body.mt-ds .change-lang-input .mark-icon a{
  text-decoration:none;
}
body.mt-ds .recent-translation-card .header h5{
  color:var(--mt-navy-700);
}
body.mt-ds .recent-translation-card .body{
  background:var(--surface-subtle,#F5F5F5);
}
body.mt-ds .recent-translation-card .body p{
  color:var(--mt-navy-700); /* was #929DB5 on #E6E8EC — fails AA */
}
body.mt-ds .Suggestions-btn a{
  color:var(--mt-navy-700);
  border-color:var(--mt-border);
}
/* Floating tab bar: light labels on navy; white pill + navy content when
   selected / hovered / focused. !important beats style.css hover + mobile
   rules that otherwise yield light-on-white or white-on-white icons. */
body.mt-ds .highlighter-section .fs-18,
body.mt-ds .highlighter-section .fs-18:visited,
body.mt-ds .highlighter-section .fs-18 span{
  color:#F4F7FA!important;
  background:transparent!important;
}
body.mt-ds .highlighter-section .fs-18 svg{
  color:inherit;
  fill:none;
}
body.mt-ds .highlighter-section .fs-18 svg path{
  stroke:currentColor!important;
}
body.mt-ds .highlighter-section .fs-18 svg path[fill]:not([fill="none"]){
  fill:currentColor!important;
  stroke:none!important;
}
body.mt-ds .highlighter-section .fs-18.active,
body.mt-ds .highlighter-section .fs-18.active:visited,
body.mt-ds .highlighter-section .fs-18:hover,
body.mt-ds .highlighter-section .fs-18:hover:visited,
body.mt-ds .highlighter-section .fs-18:focus-visible{
  background:#fff!important;
  color:var(--mt-navy-700,#122A5F)!important;
}
body.mt-ds .highlighter-section .fs-18.active span,
body.mt-ds .highlighter-section .fs-18:hover span,
body.mt-ds .highlighter-section .fs-18:focus-visible span{
  color:inherit!important;
}
body.mt-ds .highlighter-section .mt-tab-icon--filled{display:none}
body.mt-ds .highlighter-section .active .mt-tab-icon--outline{display:none}
body.mt-ds .highlighter-section .active .mt-tab-icon--filled{display:inline}
body.mt-ds .mt-seo-prose{
  color:var(--mt-navy-700);
}
body.mt-ds .mt-seo-prose h2,
body.mt-ds .mt-seo-prose .h5{
  color:var(--mt-navy-700);
  font-weight:700;
  margin-bottom:12px;
}
body.mt-ds .mt-seo-prose a{
  color:var(--mt-blue-600);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
}
body.mt-ds .mt-seo-prose a:hover{color:var(--mt-navy-700)}

/* Auth (web.html) */
body.mt-auth-page .mt-auth-lang{
  position:absolute;top:1rem;left:1rem;z-index:5;
}
body.mt-auth-page .mt-auth-lang .mt-lang-switch--light .mt-lang-switch__select{
  color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1);
}
body.mt-auth-page .mt-auth-lang .mt-lang-switch--light .mt-lang-switch__select:hover{
  border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.16);
}
body.mt-auth-page .mt-auth-lang .mt-lang-switch--light .mt-lang-switch__select option{
  color:#122A5F;background:#fff;
}
body.mt-auth-page{
  position:relative;
  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;
}
/* Neutralize Bootstrap spacer cols so the 440px measure is the form width. */
body.mt-auth-page .register-section{
  max-width:440px;
  width:100%;
  margin:0 auto;
  padding-left:0;
  padding-right:0;
}
body.mt-auth-page .register-section > .row{
  margin-left:0;
  margin-right:0;
}
body.mt-auth-page .register-section > .row > [class*="col-"]:empty{display:none}
body.mt-auth-page .register-section > .row > [class*="col-"]{
  flex:0 0 100%;
  max-width:100%;
  width:100%;
  padding-left:0;
  padding-right:0;
}
.mt-field-hint{
  margin:.5rem 0 0;
  font-size:.85rem;
  line-height:1.45;
  text-align:left;
  opacity:.82;
}
.mt-field-hint--center{
  text-align:center;
  max-width:28rem;
  margin-left:auto;
  margin-right:auto;
}
body.mt-auth-page .logobox{display:flex;justify-content:center}
body.mt-auth-page .logobox img{height:40px;width:auto;filter:brightness(0) invert(1)}
body.mt-auth-page .logobox .mt-brand-with-beta{justify-content:center}
body.mt-auth-page h1,
body.mt-auth-page h2,
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,
body.mt-auth-page li{color:#fff!important}
/* django-allauth element tags falling through the branded layout */
body.mt-auth-page .mt-auth-allauth-content{
  max-width:28rem;margin-left:auto;margin-right:auto;text-align:center;
}
body.mt-auth-page .mt-auth-allauth-content h1,
body.mt-auth-page .mt-auth-allauth-content [data-allauth-element="h1"]{
  font-size:1.75rem;font-weight:800;letter-spacing:-0.02em;margin:0 0 1rem;
}
body.mt-auth-page .mt-auth-allauth-content p,
body.mt-auth-page .mt-auth-allauth-content [data-allauth-element="p"]{
  margin:0 0 1rem;line-height:1.55;opacity:.92;
}
body.mt-auth-page .mt-auth-allauth-content ul{list-style:none;padding:0;margin:1rem 0}
body.mt-auth-page .mt-auth-allauth-content button,
body.mt-auth-page .mt-auth-allauth-content [type="submit"],
body.mt-auth-page .mt-auth-allauth-content .btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 22px;border:0;border-radius:28px;
  background:#147DB8;color:#fff!important;font-weight:700;cursor:pointer;
  text-decoration:none;width:100%;max-width:20rem;
}
body.mt-auth-page .mt-auth-allauth-content input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
body.mt-auth-page .mt-auth-allauth-content select,
body.mt-auth-page .mt-auth-allauth-content textarea{
  width:100%;max-width:20rem;margin:0 auto 12px;display:block;
  border-radius:12px;border:1.5px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);color:#fff;padding:12px 14px;
}
body.mt-auth-page .mt-auth-messages{
  list-style:none;padding:0;margin:1.5rem auto 0;max-width:28rem;
}
body.mt-auth-page .mt-auth-messages li,
body.mt-auth-page .mt-auth-message{
  padding:12px 16px;border-radius:12px;margin-bottom:8px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  color:#fff!important;line-height:1.45;font-weight:600;
}
body.mt-auth-page .mt-auth-message--success{
  background:rgba(46,160,110,.28);border-color:rgba(120,220,170,.55);
}
body.mt-auth-page .mt-auth-message--error,
body.mt-auth-page .mt-auth-message--danger{
  background:rgba(229,89,91,.22);border-color:rgba(229,89,91,.55);
}
body.mt-auth-page .btn-skip-link-blue{color:#fff!important}
body.mt-auth-page .btn-skip-link-blue svg path{stroke:#fff}
/* Shared dark-surface inputs — auth pages + contact (+ any .mt-input-on-dark).
   Overrides legacy style.css white shells on .contact-us-form .input-grp-custom. */
body.mt-auth-page .input-grp-custom,
.mt-contact-form .input-grp-custom,
.mt-input-on-dark .input-grp-custom{
  background:rgba(255,255,255,.08)!important;
  border:1.5px solid rgba(255,255,255,.28)!important;
  border-radius:14px!important;
  overflow:hidden;
  align-items:stretch;
}
body.mt-auth-page .input-grp-custom .form-control,
.mt-contact-form .input-grp-custom .form-control,
.mt-input-on-dark .input-grp-custom .form-control{
  background:transparent!important;
  border:none!important;
  color:#fff!important;
  border-radius:0!important;
  padding:12px 16px 12px 12px!important;
  box-shadow:none!important;
  caret-color:#fff;
}
body.mt-auth-page .input-grp-custom .form-control::placeholder,
.mt-contact-form .input-grp-custom .form-control::placeholder,
.mt-input-on-dark .input-grp-custom .form-control::placeholder{
  color:rgba(255,255,255,.62)!important;
  opacity:1;
}
body.mt-auth-page .input-grp-custom .form-control:focus,
.mt-contact-form .input-grp-custom .form-control:focus,
.mt-input-on-dark .input-grp-custom .form-control:focus{
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.mt-auth-page .input-grp-custom .input-group-text,
.mt-contact-form .input-grp-custom .input-group-text,
.mt-input-on-dark .input-grp-custom .input-group-text{
  background:transparent!important;
  border:none!important;
  color:rgba(255,255,255,.72);
}
body.mt-auth-page .input-grp-custom .input-group-text svg path,
.mt-contact-form .input-grp-custom .input-group-text svg path,
.mt-input-on-dark .input-grp-custom .input-group-text svg path,
.mt-contact-form .contact-message svg path{
  stroke:rgba(255,255,255,.72);
}
body.mt-auth-page .input-grp-custom .form-control:-webkit-autofill,
body.mt-auth-page .input-grp-custom .form-control:-webkit-autofill:hover,
body.mt-auth-page .input-grp-custom .form-control:-webkit-autofill:focus,
.mt-contact-form .input-grp-custom .form-control:-webkit-autofill,
.mt-contact-form .input-grp-custom .form-control:-webkit-autofill:hover,
.mt-contact-form .input-grp-custom .form-control:-webkit-autofill:focus,
.mt-input-on-dark .input-grp-custom .form-control:-webkit-autofill,
.mt-input-on-dark .input-grp-custom .form-control:-webkit-autofill:hover,
.mt-input-on-dark .input-grp-custom .form-control:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff;
  caret-color:#fff;
  transition:background-color 99999s ease-out;
  box-shadow:0 0 0 1000px rgba(10,56,82,.92) inset;
}
.mt-contact-form .contact-message{
  align-items:flex-start;
}
.mt-contact-form .contact-message > span{
  padding:14px .75rem 0;
  display:inline-flex;
}
.mt-contact-form .contact-message textarea.form-control{
  min-height:140px;
  max-height:280px;
  resize:vertical;
}
.mt-contact-challenge{
  margin-top:1.5rem;
}
.mt-contact-challenge__label{
  display:block;
  color:rgba(255,255,255,.88);
  font-weight:600;
  margin-bottom:.5rem;
}
.mt-contact-challenge .form-control{
  background:rgba(255,255,255,.08)!important;
  border:1.5px solid rgba(255,255,255,.28)!important;
  border-radius:14px!important;
  color:#fff!important;
  max-width:10rem;
}
.mt-contact-challenge .form-control:focus{
  box-shadow:none!important;
  border-color:rgba(255,255,255,.5)!important;
}
/* Honeypot must never paint into the form layout (label text was leaking on contact). */
input[name="website_url"],
input[name="company_website"],
div:has(> input[name="website_url"]),
div:has(> input[name="company_website"]),
label:has(+ input[name="website_url"]),
label:has(+ input[name="company_website"]),
div:has(> label > input[name="website_url"]),
div:has(> label > input[name="company_website"]){
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  clip:rect(0 0 0 0)!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 — compact so prompt + choices + actions fit one viewport */
body.mt-learn-page{
  min-height:100vh;
  min-height:100dvh;
  background:var(--surface-page,#fff);
  font-family:var(--font-ui);
  color:var(--text-body);
  margin:0;
}
.mt-learn{
  min-height:100vh;min-height:100dvh;
  display:flex;flex-direction:column;
  max-width:640px;margin:0 auto;
  padding:12px 16px 16px;
  box-sizing:border-box;
}
.mt-learn__top{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:12px;flex:0 0 auto}
.mt-learn__brand{display:inline-flex;flex:0 0 auto}
.mt-learn__brand img{height:26px;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:8px;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:12px;font-weight:700;color:var(--text-muted,#5D6A85);min-width:2.5rem;text-align:right}
.mt-learn__close,
body.mt-learn-page .process-close{
  float:none;
  margin-top:0;
  width:40px;height:40px;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;
  flex:0 0 auto;cursor:pointer;position:relative;z-index:2;pointer-events:auto;
  text-decoration:none;
}
.mt-learn__close i{pointer-events:none}
.mt-learn__main{flex:1;display:flex;flex-direction:column;min-height:0}
.mt-learn__hint{
  margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:none;color:var(--mt-blue-500);
}
.mt-learn__prompt{
  margin:0 0 14px;font-size:clamp(22px,4.2vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--mt-navy-800,#0A3852);
}
.mt-learn__form{flex:1;display:flex;flex-direction:column;min-height:0}
.mt-learn__options{
  display:flex;flex-direction:column;gap:8px;margin-bottom:10px;
  flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;
}
.mt-learn__option{
  position:relative;display:flex;align-items:center;width:100%;
  padding:14px 16px;border-radius:14px;border:2px solid var(--mt-border-alt,#E7EAEF);
  background:#fff;color:var(--text-body);font-size:16px;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;flex:0 0 auto;
}
button.mt-learn__option{
  appearance:none;-webkit-appearance:none;font:inherit;
  pointer-events:auto;z-index:1;
}
.mt-learn__option.is-selected,
.mt-learn__option:focus-visible{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:10px;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;flex-wrap:wrap;flex:0 0 auto}
.mt-learn__actions .mt-btn{min-width:110px}
.mt-learn__actions .mt-btn:disabled{opacity:.45;cursor:not-allowed}
.mt-learn__hint-inline{margin:0;font-size:13px;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}
.mt-learn__badge{
  display:inline-block;margin:0 0 6px;padding:3px 9px;border-radius:999px;
  background:var(--mt-blue-100,#EAF0FC);color:var(--mt-blue-600,#116A9C);
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}
.mt-learn__actions--secondary{justify-content:flex-start;padding-top:16px;margin-top:4px;gap:12px;flex-wrap:wrap}
.mt-learn__know{gap:8px;padding-left:18px;padding-right:18px}
.mt-learn__report-link{
  appearance:none;border:0;background:transparent;padding:0;margin:0;
  font:inherit;font-size:14px;font-weight:600;color:var(--mt-blue-500,#147DB8);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}
.mt-learn__report-link:hover,.mt-learn__report-link:focus-visible{color:var(--mt-navy-800,#0A3852)}
.mt-learn__remove-link{
  appearance:none;border:0;background:transparent;padding:0;margin:0;
  font:inherit;font-size:14px;font-weight:600;color:var(--text-muted,#5D6A85);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}
.mt-learn__remove-link:hover,.mt-learn__remove-link:focus-visible{color:var(--mt-navy-800,#0A3852)}
.mt-learn-overlay__report{
  margin:0 0 14px;padding:0;border:0;background:transparent;
  font:inherit;font-size:14px;font-weight:700;color:rgba(255,255,255,.95);
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}
.mt-learn-report__hint{margin:0 0 14px;font-size:14px;line-height:1.45;color:var(--text-muted,#5D6A85)}
.mt-learn-report__reasons{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}
.mt-learn-report__reason{
  display:flex;align-items:flex-start;gap:10px;
  margin:0;padding:12px 14px;border-radius:14px;
  border:1.5px solid var(--mt-border,#E6E9EB);background:#fff;
  cursor:pointer;font-size:15px;font-weight:600;color:var(--mt-navy-800,#0A3852);
}
.mt-learn-report__reason:has(input:checked),
.mt-learn-report__reason.is-selected{
  border-color:var(--action-primary,#147DB8);
  box-shadow:0 0 0 3px rgba(20,125,184,.16);
}
.mt-learn-report__reason input{margin-top:3px;flex:0 0 auto;accent-color:var(--action-primary,#147DB8)}
.mt-learn-report__details-wrap{margin:0 0 8px}
.mt-learn-report__details-wrap[hidden]{display:none!important}
.mt-learn-report__details-label{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:var(--mt-navy-800)}
.mt-learn-report__details{
  width:100%;min-height:96px;resize:vertical;padding:12px 14px;border-radius:14px;
  border:1.5px solid var(--mt-border,#E6E9EB);font:inherit;font-size:15px;line-height:1.4;
  color:var(--mt-navy-800,#0A3852);background:#fff;
}
.mt-learn-report__details:focus{outline:0;border-color:var(--action-primary,#147DB8);box-shadow:0 0 0 3px rgba(20,125,184,.16)}
.mt-learn-report__error{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--mt-error,#D33F49)}
.mt-learn-report__error:empty{display:none}
.mt-learn-report__status{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--mt-success-text,#357A38)}
.mt-learn-order__built{
  min-height:48px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;
  margin:0 0 12px;padding:12px;border-radius:14px;
  border:1.5px dashed var(--mt-border,#E6E9EB);background:rgba(20,125,184,.04);
  flex:0 1 auto;max-height:28vh;overflow:auto;
}
.mt-learn-order__bank{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;flex:1;min-height:0;overflow:auto;align-content:flex-start}
.mt-learn-order__chip{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:7px 12px;border-radius:12px;
  border:1.5px solid var(--mt-border,#E6E9EB);background:#fff;
  color:var(--mt-navy-800,#0A3852);font:inherit;font-size:14px;font-weight:600;
  cursor:pointer;
}
.mt-learn-order__chip.is-placed{background:var(--mt-navy-800,#0A3852);color:#fff;border-color:var(--mt-navy-800,#0A3852)}
.mt-learn-order__chip.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-order__chip.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-order__chip.is-empty{
  min-width:56px;background:transparent;border-style:dashed;cursor:default;pointer-events:none;
}
.mt-vocab-treasury{color:#B24469;font-weight:700}
.mt-vocab-kind{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--mt-muted-strong)}

/* 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--report{z-index:1300}
.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:28px 22px 22px;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:52px;height:52px;border-radius:999px;margin:-48px auto 12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.2);border:4px solid #fff;font-size:20px;
}
.mt-learn-overlay__sheet h2{
  margin:0 0 8px;font-size:clamp(22px,4vw,28px);font-weight:800;letter-spacing:-.02em;color:inherit;
}
.mt-learn-overlay__sheet p{margin:0 0 18px;font-size:15px;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:20px 24px 28px;max-width:680px}
  .mt-learn__top{margin-bottom:16px}
  .mt-learn__prompt{margin-bottom:18px}
  .mt-learn__option{padding:16px 18px;font-size:17px}
  .mt-learn__actions--secondary{padding-top:20px}
  .mt-learn-overlay{align-items:center}
  .mt-learn-overlay__sheet{margin-bottom:0}
}
@media (max-height:700px){
  .mt-learn__prompt{font-size:clamp(20px,4vw,28px);margin-bottom:10px}
  .mt-learn__option{padding:12px 14px}
  .mt-learn__top{margin-bottom:8px}
}

.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 overview — matches the app Learn home (hero + box chart + plan). */
.mt-learn-overview__hero{
  background:var(--mt-navy-700,#122A5F);color:#fff;border-radius:24px;padding:28px 24px 24px;margin-bottom:28px;
}
.mt-learn-overview__kicker{
  margin:0 0 4px;font-size:13px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.65);
}
.mt-learn-overview__headline{
  margin:0 0 8px;font-size:clamp(32px,6vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#fff;
}
.mt-learn-overview__sub{margin:0 0 18px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.75)}
.mt-learn-overview__cta{width:100%;justify-content:center}
.mt-learn-overview__cta--top{margin:0 0 18px}
body.mt-learn-start .heading-section{margin-top:12px}
body.mt-learn-start .heading-section h1.mt-learn-overview__headline{
  display:block;margin:0 0 8px;font-size:clamp(32px,6vw,40px);font-weight:800;
  letter-spacing:-.03em;line-height:1.1;color:#fff;
}
.mt-learn-overview__nudge{
  margin:12px 0 0;font-size:13px;font-weight:600;text-align:center;color:rgba(255,255,255,.72);
}
.mt-learn-overview__deck{margin-bottom:18px}
.mt-learn-overview__deck-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;
}
.mt-learn-overview__deck-head h2{
  margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800,#0A3852);
}
.mt-learn-overview__deck-head a{
  font-size:15px;font-weight:700;color:var(--mt-blue-500,#147DB8);text-decoration:none;
}
.mt-learn-overview__deck-head a:hover{text-decoration:underline}
.mt-learn-overview__chart{
  display:flex;align-items:flex-end;gap:4px;min-height:108px;margin-bottom:10px;
}
.mt-learn-overview__col{
  flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;
}
.mt-learn-overview__bar-wrap{width:100%;display:flex;align-items:flex-end;min-height:52px}
.mt-learn-overview__bar{
  width:100%;border-radius:8px 8px 4px 4px;background:var(--mt-bg,#F4F7FA);
  display:flex;align-items:center;justify-content:center;min-height:4px;
}
.mt-learn-overview__col--hot .mt-learn-overview__bar{background:var(--mt-blue-500,#147DB8)}
.mt-learn-overview__bar span{
  font-size:10px;font-weight:800;color:var(--mt-navy-800,#0A3852);line-height:1;
}
.mt-learn-overview__col--hot .mt-learn-overview__bar span{color:#fff}
.mt-learn-overview__bar-label{
  font-size:9px;font-weight:700;color:var(--text-muted,#5D6A85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
.mt-learn-overview__col--treasury .mt-learn-overview__bar-label::after{
  content:"";display:block;width:10px;height:8px;margin:2px auto 0;border-radius:2px;background:var(--mt-navy-700,#122A5F);
}
.mt-learn-overview__hint{margin:0;font-size:13px;line-height:1.45;color:var(--text-muted,#5D6A85)}
.mt-learn-overview__plan{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 16px;border:1.5px solid var(--mt-border,#E6E9EB);border-radius:16px;background:#fff;
  text-decoration:none;color:inherit;
}
.mt-learn-overview__plan:hover{border-color:rgba(10,56,82,.28)}
.mt-learn-overview__plan-title{
  margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800,#0A3852);
}
.mt-learn-overview__streak{
  margin:4px 0 0;font-size:13px;font-weight:700;color:var(--mt-success-text,#357A38);
}
.mt-learn-overview__spark{display:flex;align-items:flex-end;gap:4px;height:40px;flex:0 0 auto}
.mt-learn-overview__spark-bar{
  width:9px;border-radius:3px;background:var(--mt-bg,#F4F7FA);display:block;
}
.mt-learn-overview__spark-bar.is-late{background:rgba(20,125,184,.55)}
.mt-learn-overview__spark-bar.is-treasury{background:var(--mt-blue-500,#147DB8)}

.mt-learn-overview__pairs{margin:22px 0 0}
.mt-learn-overview__pairs h2{
  margin:0 0 12px;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800,#0A3852);
}
.mt-learn-overview__pair-list{
  display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;
}
.mt-learn-overview__pair-chip{
  display:inline-flex;align-items:baseline;gap:6px;flex:0 0 auto;
  padding:8px 12px;border-radius:999px;text-decoration:none;
  border:1.5px solid var(--mt-border,#E6E9EB);background:#fff;
  color:var(--mt-navy-800,#0A3852);white-space:nowrap;
}
.mt-learn-overview__pair-chip:hover{
  border-color:var(--mt-blue-500,#147DB8);text-decoration:none;color:var(--mt-navy-800,#0A3852);
}
.mt-learn-overview__pair-langs{font-size:13px;font-weight:800;letter-spacing:-.01em}
.mt-learn-overview__pair-count{font-size:13px;font-weight:600;color:var(--text-muted,#5D6A85)}

/* Leitner / treasury box histogram (Progress Tracker + Learn start) */
.mt-treasury-boxes{margin:0 0 1.75rem}
.mt-treasury-boxes__head{margin-bottom:14px}
.mt-treasury-boxes__title{
  margin:0 0 6px;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800,#0A3852);
}
.mt-treasury-boxes__lead{
  margin:0;font-size:14px;line-height:1.45;color:var(--text-muted,#5D6A85);max-width:40rem;
}
.mt-treasury-boxes__grid{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;
}
@media (min-width:768px){
  .mt-treasury-boxes__grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}
}
.mt-treasury-boxes__grid > li{min-width:0;display:flex}
.mt-treasury-boxes__item{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;min-height:72px;padding:10px 6px;text-align:center;
  border:1.5px solid var(--mt-border,#E6E9EB);border-radius:12px;background:#fff;
  font:inherit;color:inherit;box-sizing:border-box;
}
button.mt-treasury-boxes__item{
  cursor:pointer;appearance:none;-webkit-appearance:none;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease;
}
button.mt-treasury-boxes__item:hover{
  border-color:var(--mt-blue-600,#147DB8);transform:translateY(-1px);
}
button.mt-treasury-boxes__item:focus-visible{
  outline:none;box-shadow:0 0 0 3px rgba(20,125,184,.22);
}
button.mt-treasury-boxes__item.is-active{
  border-color:var(--mt-blue-600,#147DB8);
  background:rgba(20,125,184,.1);
  box-shadow:0 0 0 2px rgba(20,125,184,.2);
}
button.mt-treasury-boxes__item--treasury.is-active{
  border-color:var(--mt-navy-800,#0A3852);
  background:rgba(10,56,82,.1);
  box-shadow:0 0 0 2px rgba(10,56,82,.18);
}
.mt-treasury-boxes__item--has{border-color:rgba(10,56,82,.28)}
.mt-treasury-boxes__item--treasury{
  background:rgba(10,56,82,.04);border-color:rgba(10,56,82,.45);
}
.mt-treasury-boxes__count{
  font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800,#0A3852);line-height:1.1;
}
.mt-treasury-boxes__label{
  margin-top:4px;font-size:11px;font-weight:600;color:var(--text-muted,#5D6A85);line-height:1.2;
}
.mt-treasury-boxes__item--treasury .mt-treasury-boxes__label{color:var(--mt-navy-700,#122A5F)}
.mt-treasury-boxes__empty{
  grid-column:1/-1;padding:16px;text-align:center;color:var(--text-muted,#5D6A85);font-size:14px;
}
.mt-forget-curve{margin:0 0 1.75rem}
.mt-forget-curve__title{
  margin:0 0 6px;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800,#0A3852);
}
.mt-forget-curve__lead{
  margin:0 0 14px;font-size:14px;line-height:1.45;color:var(--text-muted,#5D6A85);max-width:42rem;
}
.mt-forget-curve__chart-wrap{height:220px;margin:0 0 12px}
.mt-forget-curve__markers{
  display:flex;flex-wrap:wrap;gap:12px 20px;font-size:14px;font-weight:600;color:var(--mt-navy-800,#0A3852);
}
.mt-forget-curve__table{font-size:14px}
.mt-forget-curve__table th{white-space:nowrap}
.mt-vocab__card[hidden],.mt-vocab__pair[hidden]{display:none!important}

/* Translate → flashcard save control (replaces heart) */
.mt-translate-fav{
  display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:40px;border-radius:20px;background:#EAF0FC;color:#2C64E3;line-height:0;
}
.mt-translate-fav.is-favourite{background:#fff;color:#EC5762;box-shadow:0 0 0 1.5px rgba(236,87,98,.35)}
.mt-translate-fav.is-favourite .mt-translate-fav__filled{display:block!important}
.mt-translate-fav.is-favourite .mt-translate-fav__outline{display:none!important}

.mt-recents-history{
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:12px;color:#2C64E3;
}
.mt-recents-history:hover{background:rgba(44,100,227,.08)}
.mt-history-row__top{
  display:flex;align-items:flex-start;justify-content:space-between;gap:8px;
}
.mt-history-row__source,.mt-recent-row .value_transalte_from_text{
  margin:0;font-size:16px;font-weight:700;color:var(--mt-navy-700,#122A5F);line-height:1.3;
}
.mt-history-fav{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border:0;background:transparent;color:#8C9BA3;border-radius:999px;
  padding:0;cursor:pointer;
}
.mt-history-fav.is-favourite,.mt-history-row.is-favourite .mt-history-fav{color:#EC5762}
.mt-history-row{
  display:block;padding:12px 2px 14px;border-bottom:1px solid var(--mt-border,#E6E9EB);
  cursor:pointer;color:inherit;text-decoration:none;
}
.mt-history-row:hover{background:rgba(20,125,184,.04)}
.mt-history-row__translation,.mt-recent-row__translation{
  margin:2px 40px 0 0;color:#5D6A85;font-size:14px;line-height:1.35;
}
.mt-history-row__meta,.mt-recent-row__meta{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;color:#8C9BA3;font-size:12px;font-weight:600;
}
.mt-pair-badge{
  display:inline-flex;align-items:center;border-radius:6px;background:#EAF0FC;
  color:var(--mt-navy-700,#122A5F);padding:3px 8px;font-size:11px;font-weight:800;letter-spacing:.04em;
}
.mt-history-row__delete{
  margin-left:auto;border:0;background:transparent;color:#EC5762;font-size:12px;font-weight:700;cursor:pointer;
}
.mt-flashcards{max-width:42rem;margin:0 auto;padding:16px 16px 96px}
.mt-flashcards__header{margin-bottom:12px}
.mt-flashcards__title{margin:0;font-size:1.5rem;font-weight:800;color:var(--mt-navy-800,#0A3852)}
.mt-flashcards__count{margin:4px 0 0;color:#5D6A85;font-weight:600}
.mt-history-back{display:inline-block;margin-bottom:8px;font-size:13px;font-weight:700;color:#2C64E3}
.mt-flashcards__hint{margin:0 0 12px;color:#5D6A85;font-size:14px}
.mt-flashcards__due{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 12px;padding:12px 14px;border-radius:12px;background:#EAF0FC;font-weight:700;color:var(--mt-navy-700,#122A5F);
}
.mt-flashcards__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.mt-flash-chip{
  appearance:none;border:0;border-radius:999px;padding:8px 12px;font:inherit;font-size:13px;font-weight:700;
  background:#EAF0FC;color:#2C64E3;cursor:pointer;
}
.mt-flash-chip.is-active{background:#2C64E3;color:#fff}
.mt-flashcards__group-title{
  display:flex;align-items:center;gap:8px;margin:16px 0 4px;font-size:13px;font-weight:700;color:#5D6A85;
}
.mt-flashcards__empty{text-align:center;padding:40px 16px}
.mt-flashcards__empty-icon{
  display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;
  background:#EAF0FC;color:#EC5762;margin-bottom:12px;
}
.mt-flashcards__empty-title{margin:0 0 8px;font-size:1.2rem;font-weight:800;color:var(--mt-navy-800,#0A3852)}
.mt-flashcards__empty-hint{margin:0 0 16px;color:#5D6A85}
#recent_history.recent-translation-list{max-height:none;overflow:visible}
#recent_history .recent-translation-card{
  background:transparent;border:0;border-radius:0;margin:0;padding:12px 2px;border-bottom:1px solid var(--mt-border,#E6E9EB);
}
#recent_history .recent-translation-card .header,
#recent_history .recent-translation-card .body{padding:0;background:transparent}

/* Synonyms / other ways panel on translate */
.mt-synonyms{
  margin-top:14px;padding:14px 16px;border-radius:16px;
  border:1.5px solid var(--mt-border,#E6E9EB);
  background:linear-gradient(180deg,rgba(20,125,184,.05),#fff 55%);
}
.mt-synonyms__head{margin-bottom:12px}
.mt-synonyms__title{
  margin:0 0 4px;font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--mt-navy-800,#0A3852);
}
.mt-synonyms__hint{margin:0;font-size:12px;line-height:1.4;color:var(--text-muted,#5D6A85);font-weight:500}
.mt-synonyms__block{margin-top:10px}
.mt-synonyms__block:first-of-type{margin-top:0}
.mt-synonyms__label{
  margin:0 0 8px;font-size:12px;font-weight:700;color:var(--mt-navy-700,#122A5F);
}
.mt-synonyms__lang{font-weight:600;color:var(--text-muted,#5D6A85)}
.mt-synonyms__chips{display:flex;flex-wrap:wrap;gap:8px}
.mt-synonyms__chip{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  appearance:none;border:1.5px solid rgba(20,125,184,.35);background:#fff;
  color:var(--mt-navy-800,#0A3852);border-radius:999px;padding:7px 12px;
  font:inherit;font-size:13px;font-weight:650;line-height:1.2;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.mt-synonyms__chip-pct{
  font-size:11px;
  font-weight:600;
  opacity:.62;
  font-variant-numeric:tabular-nums;
}
.mt-synonyms__chip:hover{
  background:rgba(20,125,184,.08);border-color:var(--mt-blue-600,#147DB8);
  transform:translateY(-1px);
}
.mt-synonyms__chip:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(20,125,184,.2)}
.mt-word-def{margin-top:12px}
.mt-word-def__link{
  appearance:none;border:0;background:none;padding:0;
  color:var(--mt-blue-600,#147DB8);font:inherit;font-size:14px;font-weight:700;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}
.mt-word-def__link:hover{color:var(--mt-navy-800,#0A3852)}
.mt-word-def__link:disabled{opacity:.55;cursor:progress}
.mt-word-def__status{margin:8px 0 0;font-size:13px;color:var(--text-muted,#5D6A85)}
.mt-word-def__body{
  margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--mt-navy-800,#0A3852);
}
.recent-translation-card[role="button"]{cursor:pointer}
.recent-translation-card[role="button"]:hover{border-color:rgba(20,125,184,.35)}

/* Translate busy affordance (keep-alive / in-flight preview) */
#text_to.mt-translate-busy{
  background-image:linear-gradient(90deg,transparent,rgba(20,125,184,.08),transparent);
  background-size:200% 100%;
  animation:mt-translate-shimmer 1.1s linear infinite;
}
@keyframes mt-translate-shimmer{
  from{background-position:100% 0}
  to{background-position:-100% 0}
}
@media (prefers-reduced-motion:reduce){
  #text_to.mt-translate-busy{animation:none;background-image:none}
}

/* My Vocabulary */
.mt-vocab-page .tb-content-custom{background:transparent}
.mt-vocab{
  --mt-vocab-ease:cubic-bezier(.22,1,.36,1);
  padding:4px 4px 32px;
}
.mt-vocab__crumb{margin:4px 0 18px;font-size:13px;font-weight:600;color:var(--text-muted,#5D6A85)}
.mt-vocab__crumb a{color:var(--mt-blue-600,#147DB8);text-decoration:none}
.mt-vocab__crumb a:hover{text-decoration:underline}
.mt-vocab__crumb span[aria-hidden]{margin:0 .4em;opacity:.5}

.mt-vocab__hero{
  position:relative;overflow:hidden;
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;
  padding:28px 24px 26px;margin-bottom:18px;
  border-radius:20px;color:#fff;
  background:
    radial-gradient(120% 90% at 100% 0%,rgba(20,125,184,.45) 0%,transparent 55%),
    linear-gradient(145deg,#0A3852 0%,#062638 58%,#0B1F33 100%);
  animation:mt-vocab-hero-in .55s var(--mt-vocab-ease) both;
}
.mt-vocab__hero::after{
  content:"";position:absolute;inset:auto -20% -40% 40%;height:70%;
  background:radial-gradient(closest-side,rgba(248,222,10,.16),transparent 70%);
  pointer-events:none;
}
.mt-vocab__hero-copy{position:relative;z-index:1;max-width:36rem}
.mt-vocab__eyebrow{
  margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.72);
}
.mt-vocab__title{
  margin:0 0 10px;font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:800;
  letter-spacing:-.03em;line-height:1.1;color:#fff;
}
.mt-vocab__lead{margin:0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.82);max-width:34rem}
.mt-vocab__hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px}
.mt-vocab__hero-actions .mt-btn--outline{
  background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45);color:#fff;
}
.mt-vocab__hero-actions .mt-btn--outline:hover{
  background:rgba(255,255,255,.16);border-color:#fff;color:#fff;
}
.mt-vocab__hero-actions .mt-btn--primary{
  background:#fff;color:var(--mt-navy-800,#0A3852);border-color:#fff;
}
.mt-vocab__hero-actions .mt-btn--primary:hover{
  background:#F4F8FB;color:var(--mt-navy-900,#062638);
}

.mt-vocab__stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;
}
@media (min-width:640px){
  .mt-vocab__stats{grid-template-columns:repeat(5,minmax(0,1fr))}
}
.mt-vocab__stat{
  padding:14px 12px;border-radius:14px;background:#fff;
  border:1.5px solid var(--mt-border,#E6E9EB);
  display:flex;flex-direction:column;gap:4px;
  animation:mt-vocab-rise .5s var(--mt-vocab-ease) both;
  animation-delay:calc(var(--mt-vocab-i,0) * 40ms + .08s);
}
.mt-vocab__stat:nth-child(1){--mt-vocab-i:0}
.mt-vocab__stat:nth-child(2){--mt-vocab-i:1}
.mt-vocab__stat:nth-child(3){--mt-vocab-i:2}
.mt-vocab__stat:nth-child(4){--mt-vocab-i:3}
.mt-vocab__stat:nth-child(5){--mt-vocab-i:4}
.mt-vocab__stat--due{border-color:rgba(20,125,184,.45);background:rgba(20,125,184,.06)}
.mt-vocab__stat--treasury{border-color:rgba(10,56,82,.35);background:rgba(10,56,82,.04)}
.mt-vocab__stat-value{
  font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800,#0A3852);line-height:1;
}
.mt-vocab__stat-label{font-size:12px;font-weight:600;color:var(--text-muted,#5D6A85)}

.mt-vocab__boxes{margin-bottom:8px}
.mt-vocab__boxes .mt-treasury-boxes__title{font-size:1.05rem}
.mt-vocab__boxes .mt-treasury-boxes__item{min-height:64px}

.mt-vocab__pair-nav{
  display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px;
}
.mt-vocab__pair-chip{
  display:inline-flex;flex-direction:column;gap:2px;align-items:flex-start;
  padding:10px 14px;border-radius:12px;text-decoration:none;
  border:1.5px solid var(--mt-border,#E6E9EB);background:#fff;
  color:var(--mt-navy-800,#0A3852);transition:border-color .2s ease,transform .2s var(--mt-vocab-ease),background .15s ease;
  font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;text-align:left;
}
.mt-vocab__pair-chip:hover{
  border-color:var(--mt-blue-600,#147DB8);text-decoration:none;color:var(--mt-navy-800);
  transform:translateY(-1px);
}
.mt-vocab__pair-chip:focus-visible{
  outline:none;box-shadow:0 0 0 3px rgba(20,125,184,.22);
}
.mt-vocab__pair-chip.is-active{
  border-color:var(--mt-blue-600,#147DB8);
  background:rgba(20,125,184,.1);
  box-shadow:0 0 0 2px rgba(20,125,184,.2);
}
.mt-vocab__pair-chip.is-empty{opacity:.45}
.mt-vocab__pair-chip--due{border-color:rgba(20,125,184,.4);background:rgba(20,125,184,.05)}
.mt-vocab__pair-chip-langs{font-size:13px;font-weight:800;letter-spacing:-.01em}
.mt-vocab__pair-chip-meta{font-size:11px;font-weight:600;color:var(--text-muted,#5D6A85)}

.mt-vocab__pair{margin-bottom:28px}
.mt-vocab__pair-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px;
}
.mt-vocab__pair-title{
  margin:0;display:inline-flex;align-items:center;gap:8px;
  font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800,#0A3852);
}
.mt-vocab__pair-arrow{color:var(--mt-blue-600,#147DB8);flex:0 0 auto}
.mt-vocab__pair-meta{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--text-muted,#5D6A85)}
.mt-vocab__pair-due{color:var(--mt-blue-600,#147DB8)}
.mt-vocab__pair-cta{min-height:36px;padding:8px 16px;font-size:13px}

.mt-vocab__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mt-vocab__card{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 20px;
  padding:16px 18px;border-radius:16px;background:#fff;
  border:1.5px solid var(--mt-border,#E6E9EB);
  transition:border-color .2s ease,box-shadow .25s var(--mt-vocab-ease),transform .25s var(--mt-vocab-ease);
  animation:mt-vocab-rise .45s var(--mt-vocab-ease) both;
  animation-delay:calc(min(var(--mt-vocab-i,0),12) * 35ms);
}
.mt-vocab__card:hover{
  border-color:rgba(10,56,82,.28);
  box-shadow:0 10px 28px rgba(10,56,82,.08);
  transform:translateY(-1px);
}
.mt-vocab__card--due{
  border-color:rgba(20,125,184,.4);
  background:linear-gradient(180deg,rgba(20,125,184,.06),#fff 42%);
}
.mt-vocab__card--treasury{
  border-color:rgba(10,56,82,.35);
  background:linear-gradient(180deg,rgba(10,56,82,.05),#fff 48%);
}
.mt-vocab__card-main{min-width:min(100%,220px);flex:1 1 220px}
.mt-vocab__kind{
  display:inline-block;margin-bottom:6px;padding:3px 8px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--mt-navy-700,#122A5F);background:rgba(10,56,82,.08);
}
.mt-vocab__from{
  font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800,#0A3852);
  line-height:1.3;word-break:break-word;
}
.mt-vocab__to{
  margin-top:4px;font-size:15px;font-weight:500;line-height:1.4;
  color:var(--mt-navy-700,#122A5F);word-break:break-word;
}
.mt-vocab__card-side{
  display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:11rem;
}
.mt-vocab__badge{
  display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;
  font-size:12px;font-weight:700;line-height:1;white-space:nowrap;
}
.mt-vocab__badge--due{background:var(--action-primary,#147DB8);color:#fff}
.mt-vocab__badge--treasury{background:var(--mt-navy-800,#0A3852);color:#fff}
.mt-vocab__badge--box{background:rgba(10,56,82,.08);color:var(--mt-navy-700,#122A5F)}
.mt-vocab__box-label{font-size:12px;font-weight:600;color:var(--text-muted,#5D6A85)}
.mt-vocab__know{
  border:0;background:none;padding:0;cursor:pointer;
  font:inherit;font-size:12px;font-weight:700;color:var(--mt-blue-600,#147DB8);
  text-decoration:underline;text-underline-offset:2px;
}
.mt-vocab__know:hover{color:var(--mt-navy-800,#0A3852)}
.mt-vocab__actions{
  display:flex;flex-direction:column;align-items:flex-end;gap:6px;
}
.mt-vocab__remove-form{margin:0}
.mt-vocab__remove{
  border:0;background:none;padding:0;cursor:pointer;text-align:right;
  font:inherit;font-size:12px;font-weight:700;color:var(--text-muted,#5D6A85);
  text-decoration:underline;text-underline-offset:2px;
}
.mt-vocab__remove:hover{color:var(--mt-navy-800,#0A3852)}
.mt-vocab__remove--danger:hover{color:#9B1C1C}
.mt-vocab__ladder{display:flex;gap:3px;margin-top:2px}
.mt-vocab__ladder-step{
  width:7px;height:7px;border-radius:2px;background:rgba(10,56,82,.12);
}
.mt-vocab__ladder-step.is-on{background:var(--mt-blue-600,#147DB8)}
.mt-vocab__ladder-step.is-treasury.is-on{background:var(--mt-navy-800,#0A3852)}

.mt-vocab__empty{
  text-align:center;padding:48px 24px;border-radius:20px;
  border:1.5px dashed rgba(10,56,82,.22);
  background:linear-gradient(180deg,rgba(20,125,184,.05),#fff 55%);
}
.mt-vocab__empty-visual{
  width:72px;height:72px;margin:0 auto 18px;border-radius:20px;
  background:
    linear-gradient(135deg,rgba(20,125,184,.25),transparent 60%),
    linear-gradient(180deg,#0A3852,#062638);
  box-shadow:0 12px 28px rgba(10,56,82,.18);
  animation:mt-vocab-pulse 2.4s ease-in-out infinite;
}
.mt-vocab__empty-title{
  margin:0 0 8px;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--mt-navy-800);
}
.mt-vocab__empty-lead{
  margin:0 auto 22px;max-width:26rem;font-size:15px;line-height:1.5;color:var(--text-muted,#5D6A85);
}

@keyframes mt-vocab-hero-in{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
@keyframes mt-vocab-rise{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
@keyframes mt-vocab-pulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.04)}
}
@media (prefers-reduced-motion:reduce){
  .mt-vocab__hero,.mt-vocab__stat,.mt-vocab__card,.mt-vocab__empty-visual{animation:none}
  .mt-vocab__card:hover,.mt-vocab__pair-chip:hover{transform:none}
}

/* 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;
}

/* Breadcrumb */
.mt-breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0 0 20px;font-size:13px;font-weight:600;color:var(--mt-muted-strong,#5D6A85);
}
.mt-breadcrumb a{color:var(--mt-blue-600,#147DB8);text-decoration:none}
.mt-breadcrumb a:hover{text-decoration:underline}

/* Pricing */
.mt-pricing{padding-top:48px}
.mt-price-grid{
  display:grid;gap:20px;margin:36px 0 24px;
  grid-template-columns:1fr;
}
@media (min-width:700px){
  .mt-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
}
@media (min-width:1100px){
  .mt-price-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
}
.mt-price-card{
  position:relative;display:flex;flex-direction:column;gap:12px;
  padding:28px 24px;border-radius:20px;background:#fff;
  border:2px solid var(--mt-border,#E2E8F0);
}
.mt-price-card--featured{
  border-color:var(--mt-blue-600,#147DB8);
  box-shadow:0 12px 32px rgba(20,125,184,.12);
}
.mt-price-card__badge{
  position:absolute;top:14px;right:14px;margin:0;
  padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;
  background:var(--mt-blue-600,#147DB8);color:#fff;
}
.mt-price-card__name{margin:0;font-size:20px;font-weight:800;color:var(--mt-navy-800)}
.mt-price-card__price{margin:0;font-size:40px;font-weight:800;letter-spacing:-.03em;color:var(--mt-navy-900)}
.mt-price-card__price span{font-size:16px;font-weight:600;color:var(--mt-muted-strong)}
.mt-price-card__was{
  display:inline-block;margin-right:10px;
  font-size:22px;font-weight:600;letter-spacing:-.02em;
  color:var(--mt-muted,#94A3B8);text-decoration:line-through;
  text-decoration-thickness:2px;
}
.mt-price-card__hint{margin:0;font-size:14px;color:var(--mt-muted-strong)}
.mt-price-card__tax{
  margin:-4px 0 0;font-size:13px;font-weight:600;color:var(--mt-muted-strong,#5D6A85);
}
.mt-price-card__list{margin:8px 0 16px;padding:0 0 0 1.1rem;flex:1}
.mt-price-card__list li{margin:0 0 8px;line-height:1.4}
.mt-price-card .mt-btn{width:100%}
.mt-pricing__note{font-size:13px;color:var(--mt-muted-strong);max-width:42rem}
.mt-pricing__tax-note{
  margin:20px 0 0;font-size:14px;font-weight:600;color:var(--mt-navy-700,#122A5F);
}

/* HTTP error pages (400–404, 500, 503) */
.mt-error-page{
  margin:0;min-height:100vh;display:flex;flex-direction:column;
  background:
    radial-gradient(1200px 480px at 10% -10%,rgba(20,125,184,.12),transparent 55%),
    radial-gradient(900px 420px at 100% 0%,rgba(236,87,98,.10),transparent 50%),
    var(--surface-page,#fff);
  color:var(--text-body);
  font-family:var(--font-ui,Inter,system-ui,sans-serif);
}
.mt-error-page__accent{
  height:6px;flex:0 0 auto;
  background:var(--mt-grad-spectrum,linear-gradient(135deg,#C624C0 0%,#EC5762 34%,#F77D3F 68%,#F8DE0A 100%));
}
.mt-error-page__main{
  flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px;
}
.mt-error-page__inner{width:100%;max-width:520px;text-align:center}
.mt-error-page__brand{
  display:inline-flex;align-items:center;gap:12px;margin:0 0 28px;
  text-decoration:none;color:var(--mt-navy-800);font-weight:800;font-size:1.15rem;letter-spacing:-.02em;
}
.mt-error-page__brand:hover{text-decoration:none;color:var(--mt-navy-800)}
.mt-error-page__brand img{
  width:48px;height:48px;border-radius:12px;display:block;background:var(--mt-grad-navy,#0A3852);
}
.mt-error-page__code{
  display:inline-block;margin:0 0 12px;padding:6px 12px;border-radius:999px;
  background:var(--mt-blue-100,#EAF0FC);color:var(--mt-blue-600,#116A9C);
  font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}
.mt-error-page__title{
  margin:0 0 12px;font-size:clamp(1.6rem,4vw,2rem);line-height:1.2;
  letter-spacing:-.03em;color:var(--mt-navy-900,#062638);
}
.mt-error-page__lead,.mt-error-page__body>p{
  margin:0 0 16px;font-size:1.05rem;line-height:1.55;color:var(--mt-muted-strong,#5D6A85);
}
.mt-error-page__retry{margin:0 0 24px;font-size:.95rem;color:var(--mt-navy-700)}
.mt-error-page__retry strong{font-variant-numeric:tabular-nums;color:var(--mt-blue-500,#147DB8)}
.mt-error-page__staff{margin:0 0 20px;font-size:14px;color:var(--mt-muted-strong)}
.mt-error-page__staff a{color:var(--mt-blue-500)}
.mt-error-page__actions{
  display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:8px 0 0;
}
.mt-error-page__foot{margin-top:36px;font-size:13px;color:var(--mt-muted-strong)}

/* Account lockout guidance (axes) */
.mt-error-page__inner:has(.mt-lockout){max-width:640px;text-align:left}
.mt-error-page__inner:has(.mt-lockout) .mt-error-page__brand,
.mt-error-page__inner:has(.mt-lockout) .mt-error-page__code,
.mt-error-page__inner:has(.mt-lockout) .mt-error-page__title,
.mt-error-page__inner:has(.mt-lockout) .mt-error-page__lead,
.mt-error-page__inner:has(.mt-lockout) .mt-error-page__actions,
.mt-error-page__inner:has(.mt-lockout) .mt-error-page__foot{text-align:center}
.mt-lockout{margin:8px 0 8px}
.mt-lockout__section{
  margin:0 0 18px;padding:16px 18px;border-radius:14px;
  background:rgba(10,56,82,.04);border:1px solid rgba(10,56,82,.08);
}
.mt-lockout__heading{
  margin:0 0 8px;font-size:1rem;font-weight:800;letter-spacing:-.02em;
  color:var(--mt-navy-900,#062638);
}
.mt-lockout__section p,
.mt-lockout__list{
  margin:0;font-size:.98rem;line-height:1.55;color:var(--mt-muted-strong,#5D6A85);
}
.mt-lockout__list{padding-left:1.25rem}
.mt-lockout__list li{margin:0 0 8px}
.mt-lockout__list li:last-child{margin-bottom:0}
.mt-lockout__list--bullets{list-style:disc}
.mt-lockout__list strong{color:var(--mt-navy-800,#0A3852);font-variant-numeric:tabular-nums}

.mt-download-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:28px 40px;
  margin:8px 0 8px;
}
.mt-download-actions__primary{flex:1 1 240px;min-width:0}
.mt-download-qr{
  flex:0 0 auto;
  margin:0;
  text-align:center;
  max-width:200px;
}
.mt-download-qr img{
  display:block;
  width:180px;
  height:180px;
  margin:0 auto;
  border:1px solid var(--mt-border,#E2E8F0);
  border-radius:12px;
  background:#fff;
  padding:10px;
  box-sizing:border-box;
}
.mt-download-qr figcaption{
  margin-top:10px;
  font-size:13px;
  line-height:1.4;
  color:var(--mt-muted-strong);
}
.mt-download-platforms{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin:8px 0 8px;
}
.mt-download-col{
  border:2px solid var(--mt-border,#E2E8F0);
  border-radius:16px;
  padding:22px 22px 18px;
  background:#fff;
}
.mt-download-col h2{margin:0 0 8px}
.mt-store-badges{
  display:flex;
  flex-wrap:wrap;
  gap:12px 16px;
  align-items:flex-end;
  margin:16px 0 0;
}
.mt-store-badge{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  text-decoration:none;
}
.mt-store-badge img{display:block;height:46px;width:auto}
.mt-store-badge--soon{opacity:.72;pointer-events:none}
.mt-app-footer .mt-store-badge__soon{color:rgba(255,255,255,.88)}
.mt-app-footer .mt-store-badges{margin:0}
.mt-store-badge__soon{
  font-size:13px;
  color:var(--mt-muted-strong,#5A6B7A);
}
.mt-newsletter-form{max-width:28rem;margin:12px 0 0;position:relative;z-index:1}
.mt-newsletter-form,
.mt-newsletter-form__title,
.mt-newsletter-form__check,
.mt-newsletter-form__check span,
.mt-newsletter-form__submit{
  -webkit-user-select:text!important;
  -moz-user-select:text!important;
  user-select:text!important;
  pointer-events:auto;
}
.mt-newsletter-form__title{margin:0 0 8px;font-size:14px;font-weight:700}
.mt-newsletter-form__row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.mt-newsletter-form__input{
  flex:1 1 180px;min-height:42px;border:1.5px solid var(--mt-border,#E2E8F0);
  border-radius:10px;padding:8px 12px;font-size:14px;color:var(--mt-navy-800,#0A3852);
}
.mt-newsletter-form__input::placeholder{
  color:#5A6B7A;
  opacity:1;
}
.mt-newsletter-form__submit{min-height:42px}
.mt-newsletter-form__check{
  display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.4;
  color:var(--text-muted,#5D6A85);margin:0 0 6px;
}
.mt-newsletter-form__check a{font-weight:600}
.mt-newsletter-form__status{margin:8px 0 0;font-size:13px;font-weight:600}
.mt-newsletter-form__status.is-ok{color:var(--mt-success-text,#357A38)}
.mt-newsletter-form__status.is-error{color:var(--mt-error-text,#BE3942)}
.mt-newsletter-form--dark .mt-newsletter-form__title,
.mt-newsletter-form--dark .mt-newsletter-form__check{color:#F4F8FB}
.mt-newsletter-form--dark .mt-newsletter-form__check a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.mt-newsletter-form--dark .mt-newsletter-form__input{
  background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.7);
  caret-color:#fff;
}
.mt-newsletter-form--dark .mt-newsletter-form__input::placeholder{
  color:#E8F2F8;
  opacity:1;
}
.mt-site-footer .mt-newsletter-form{margin-top:16px}
.select-lang-btn{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.mt-translate-mobile-bar .mt-lang-switch--compact{margin-left:4px}
.mt-snackbar{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translateX(-50%) translateY(12px);
  z-index:80;
  background:var(--mt-navy-800,#0A3852);
  color:#fff;
  padding:12px 18px;
  border-radius:999px;
  font-size:14px;
  font-weight:600;
  box-shadow:0 8px 24px rgba(10,56,82,.25);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}
.mt-snackbar.is-visible{
  opacity:1;
  transform:translateX(-50%) translateY(0);
}
@media (max-width:720px){
  .mt-download-platforms{grid-template-columns:1fr}
}
@media (max-width:640px){
  /* Phone already on the page — QR is for desktop → phone handoff */
  .mt-download-qr{display:none}
}

.mt-code{
  display:block;overflow:auto;padding:16px 18px;margin:12px 0 20px;
  border-radius:12px;background:#0B3A5B;color:#E8F4FC;
  font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word;
}

.mt-lang-switch{
  margin:0;display:inline-flex;align-items:center;gap:6px;position:relative;
}
.mt-lang-switch--mobile-wrap{margin:0 0 14px}
.mt-lang-switch--mobile-wrap .mt-lang-switch,
.mt-lang-switch--mobile-wrap .mt-lang-switch__select{width:100%}
.mt-lang-switch__select{
  appearance:none;-webkit-appearance:none;
  min-height:36px;min-width:7.5rem;max-width:12rem;
  padding:7px 32px 7px 12px;border-radius:999px;
  border:1.5px solid var(--mt-border,#E2E8F0);
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23122A5F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;
  font-family:inherit;font-size:13px;font-weight:700;line-height:1.2;
  color:var(--mt-navy-800,#122A5F);cursor:pointer;
  box-shadow:0 1px 2px rgba(6,38,56,.04);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.mt-lang-switch__select:hover{
  border-color:#B7C9D6;
}
.mt-lang-switch__select:focus{
  outline:none;border-color:#147DB8;
  box-shadow:0 0 0 3px rgba(20,125,184,.18);
}
.mt-lang-switch--compact .mt-lang-switch__select{
  min-width:6.75rem;padding-top:6px;padding-bottom:6px;font-size:12.5px;
}
.mt-lang-switch--light .mt-lang-switch__select{
  background-color:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.35);
  color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mt-lang-switch--light .mt-lang-switch__select:hover{
  background-color:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.55);
}
.mt-lang-switch--light .mt-lang-switch__select option{color:#122A5F;background:#fff}

.visually-hidden{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* Unfinished work — staff only (dashed border + STAFF label) */
.mt-staff-wip{
  position:relative;
  margin:12px 0;
  padding:18px 16px 14px;
  border:2px dashed #C45C26;
  border-radius:14px;
  background:rgba(196,92,38,.04);
}
.mt-staff-wip__badge{
  position:absolute;top:-11px;left:14px;
  display:inline-block;padding:2px 10px;border-radius:999px;
  background:#C45C26;color:#fff;font-size:11px;font-weight:800;
  letter-spacing:.06em;line-height:1.4;text-transform:uppercase;
}
.mt-staff-wip__label{
  position:absolute;top:-10px;left:72px;
  padding:2px 8px;border-radius:999px;
  background:#fff;border:1px solid #C45C26;color:#8A3E14;
  font-size:11px;font-weight:700;line-height:1.4;
}
.mt-staff-wip__body{min-width:0}
.mt-staff-wip--inline{
  display:inline-flex;align-items:center;margin:0 6px;padding:10px 12px 8px;vertical-align:middle;
}
.mt-staff-wip--inline .mt-staff-wip__label{display:none}
.mt-staff-wip--inline .mt-staff-wip__body{
  display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;
}
/* Marketing pages: unfinished UI must always keep a clear dashed frame */
.mt-marketing .mt-staff-wip,
.mt-marketing-page .mt-staff-wip{
  border:2px dashed #C45C26 !important;
  background:rgba(196,92,38,.06);
}
.mt-nav .mt-staff-wip--inline{
  margin:0;
  padding:8px 10px 6px;
  border-radius:16px;
}
.mt-nav .mt-staff-wip--inline .mt-staff-wip__badge{
  top:-10px;
  left:10px;
}
.navbar-nav .mt-staff-wip--inline{
  margin:4px 0;
}
.navbar-nav .mt-staff-wip--inline .mt-staff-wip__body{
  display:contents;
}
.navbar-nav .mt-staff-wip--inline .nav-item{
  list-style:none;
}

/* Staff-only WIP visibility toggle in footers (never shown to non-staff) */
.mt-staff-wip-toggle{
  margin-top:12px;
}
.mt-staff-wip-toggle-bar{
  display:flex;
  justify-content:center;
  padding:10px 12px 72px;
  background:transparent;
}
.mt-staff-wip-toggle-bar .mt-staff-wip-toggle{
  margin-top:0;
}
.mt-site-footer__meta .mt-staff-wip-toggle{
  margin-top:16px;
}
.mt-staff-wip-toggle__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px 8px 8px;
  border:2px solid #C45C26;
  border-radius:999px;
  background:#fff;
  color:#8A3E14;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
}
.mt-staff-wip-toggle__btn:hover,
.mt-staff-wip-toggle__btn:focus{
  color:#5C2A0E;
  background:#FFF7F2;
  text-decoration:none;
}
.mt-staff-wip-toggle__btn.is-on{
  background:#C45C26;
  color:#fff;
  border-color:#C45C26;
}
.mt-staff-wip-toggle__btn.is-on:hover,
.mt-staff-wip-toggle__btn.is-on:focus{
  background:#A34A1C;
  color:#fff;
}
.mt-staff-wip-toggle__badge{
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  background:#8A3E14;
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.mt-staff-wip-toggle__btn.is-on .mt-staff-wip-toggle__badge{
  background:rgba(255,255,255,.22);
}
footer .mt-staff-wip-toggle__btn{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.55);
}
footer .mt-staff-wip-toggle__btn:hover,
footer .mt-staff-wip-toggle__btn:focus{
  background:rgba(255,255,255,.22);
  color:#fff;
}
footer .mt-staff-wip-toggle__btn.is-on{
  background:#C45C26;
  border-color:#C45C26;
}
footer .mt-staff-wip-toggle__badge{
  background:#C45C26;
}
.mt-site-footer .mt-staff-wip-toggle__btn{
  background:#fff;
  color:#8A3E14;
  border-color:#C45C26;
}
.mt-site-footer .mt-staff-wip-toggle__btn.is-on{
  background:#C45C26;
  color:#fff;
}
.mt-site-footer .mt-staff-wip-toggle__badge{
  background:#8A3E14;
}
.mt-auth-page .mt-staff-wip-toggle{
  position:fixed;
  z-index:1040;
  right:16px;
  bottom:16px;
  margin:0;
}

/* Account billing (django_stripe_billing host overrides) */
.mt-billing{max-width:52rem}
.mt-billing__eyebrow{
  margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--mt-blue-600,#147DB8);
}
.mt-billing__actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}
.mt-billing__links{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;margin-top:18px}
.mt-billing__meta{
  display:flex;flex-wrap:wrap;gap:12px 28px;align-items:baseline;margin:0;
}
.mt-billing__meta-value{font-size:1.35rem;font-weight:800;color:var(--text-body);line-height:1.2}
.mt-billing__meta-label{font-size:13px;color:var(--text-muted);margin-top:2px}
.mt-billing-card{
  background:#fff;border:1.5px solid var(--mt-border,#D7DEE8);border-radius:var(--radius-md,12px);
  padding:22px 24px;margin:0 0 16px;
}
.mt-billing-card h2{
  margin:0 0 14px;font-size:18px;font-weight:800;letter-spacing:-0.01em;color:var(--text-body);
}
.mt-billing-card--danger{
  background:rgba(180,35,24,.05);border-color:rgba(180,35,24,.28);
}
.mt-billing-table{width:100%;border-collapse:collapse;font-size:14px}
.mt-billing-table th,.mt-billing-table td{
  text-align:left;padding:10px 8px;border-bottom:1px solid var(--mt-border,#D7DEE8);
  vertical-align:top;
}
.mt-billing-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}
.mt-billing-form label{display:block;font-weight:700;margin-bottom:6px}
.mt-billing-form textarea,.mt-billing-form input[type="text"]{
  width:100%;max-width:100%;box-sizing:border-box;border:1.5px solid var(--mt-border,#D7DEE8);
  border-radius:10px;padding:10px 12px;font:inherit;
}
.mt-billing-form fieldset{border:0;padding:0;margin:16px 0 0}
.mt-billing-form legend{font-weight:700;margin-bottom:8px}
.mt-billing-form ul{list-style:none;padding:0;margin:0}
.mt-billing-form li{margin:0 0 8px}

/* Settings shell (profile / account / billing) */
.mt-settings-panel{max-width:36rem;padding:4px 2px 28px}
.mt-settings-panel__title{
  margin:0 0 6px;font-size:1.65rem;font-weight:800;letter-spacing:-0.02em;color:var(--text-body,#122A5F);
}
.mt-settings-panel__lead{margin:0 0 22px;font-size:15px;line-height:1.5;color:var(--text-muted,#6B7A90)}
.mt-settings-label{
  display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:var(--text-body,#122A5F);
}
.mt-settings-field-row{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
}
.mt-settings-field-row .form-control{
  flex:1 1 12rem;min-width:0;
  border-radius:28px;border-width:2px;border-color:var(--mt-border,#E7EAEF);
  padding:9px 20px;color:var(--text-body,#122A5F);
}
.mt-settings-field-row .mt-btn{flex:0 0 auto}
/* Keep profile Save / Change controls on the design-system pill, not legacy Bootstrap. */
.mt-settings-form .profile-form.d-grid > .mt-btn,
.mt-settings-form .profile-form .mt-btn{
  border-radius:var(--radius-xl,28px);
}
.mt-settings-form .profile-form.d-grid > .mt-btn--primary{
  background:var(--action-primary,#147DB8);border-color:var(--action-primary,#147DB8);color:#fff;
}
.mt-settings-avatar-actions{
  display:flex;
  justify-content:center;
  margin:12px 0 4px;
}
.mt-settings-avatar-actions[hidden]{display:none !important;}
.mt-settings-messages{list-style:none;padding:0;margin:0 0 16px}
.mt-settings-messages li{
  padding:10px 12px;border-radius:10px;margin-bottom:8px;font-size:14px;
  background:#EAF7EE;color:#1B5E2A;
}
.mt-settings-profile-card{
  margin:0 0 1.25rem;
  border-radius:16px;
  overflow:hidden;
  border:1.5px solid var(--mt-border,#E7EAEF);
  background:#fff;
  box-shadow:0 6px 18px rgba(18,42,95,.06);
}
.mt-settings-profile-card__head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:14px 14px 14px 12px;
  text-decoration:none;
  color:inherit;
  background:linear-gradient(180deg,#EAF0FC 0%,#F7F9FC 100%);
  transition:background .15s ease;
}
.mt-settings-profile-card__head:hover{
  background:linear-gradient(180deg,#E0E9FB 0%,#F3F6FB 100%);
  text-decoration:none;color:inherit;
}
.mt-settings-profile-card__head:focus-visible{
  outline:none;box-shadow:inset 0 0 0 3px rgba(20,125,184,.28);
}
.mt-settings-profile-card__avatar{
  display:block;width:52px;height:52px;border-radius:50%;
  overflow:hidden;flex-shrink:0;
  border:3px solid #fff;box-shadow:0 2px 8px rgba(18,42,95,.12);
  background:#fff;
}
.mt-settings-profile-card__avatar img{
  display:block;width:100%;height:100%;object-fit:cover;
}
.mt-settings-profile-card__identity{
  min-width:0;display:flex;flex-direction:column;gap:2px;
}
.mt-settings-profile-card__name{
  font-size:15px;font-weight:800;letter-spacing:-.02em;
  color:var(--mt-navy-800,#0A3852);line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mt-settings-profile-card__username{
  font-size:12px;font-weight:600;color:var(--mt-blue-600,#147DB8);line-height:1.2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mt-settings-profile-card__email{
  font-size:12px;font-weight:500;color:var(--text-muted,#5D6A85);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mt-settings-profile-card__chevron{
  display:inline-flex;align-items:center;justify-content:center;
  width:28px;height:28px;border-radius:999px;
  color:var(--mt-navy-700,#122A5F);background:rgba(255,255,255,.7);
  font-size:12px;
}
.mt-settings-profile-card__stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;margin:0;padding:0;
  background:var(--mt-navy-800,#0A3852);
  border-top:1px solid rgba(255,255,255,.08);
}
.mt-settings-profile-card__stat{
  margin:0;padding:12px 8px 14px;text-align:center;
  border-right:1px solid rgba(255,255,255,.1);
}
.mt-settings-profile-card__stat:last-child{border-right:0}
.mt-settings-profile-card__stat dt{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  margin:0 0 4px;font-size:11px;font-weight:600;letter-spacing:.02em;
  color:rgba(255,255,255,.72);line-height:1.2;
}
.mt-settings-profile-card__stat dd{
  margin:0;font-size:1.25rem;font-weight:800;letter-spacing:-.02em;
  color:#fff;line-height:1.1;
}
.mt-settings-profile-card__stat--streak dt{color:#FFB4B8}
.mt-settings-profile-card__stat--streak dt svg{color:#FF8A90}

/* —— About page —— */
.mt-about-hero{padding-top:clamp(2rem,5vw,3.5rem)!important}
.mt-about-hero__inner{
  display:grid;gap:2rem;align-items:center;
  max-width:1100px;margin:0 auto;
}
@media (min-width:900px){
  .mt-about-hero__inner{grid-template-columns:1.1fr .9fr;gap:3rem}
}
.mt-about-hero__copy h1{
  margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;
  letter-spacing:-0.02em;line-height:1.15;color:#fff;
}
.mt-about-hero__lead{
  margin:0 0 1.5rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;
  color:rgba(255,255,255,.88);max-width:36rem;
}
.mt-about-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}
.mt-about-hero__media{margin:0;text-align:center}
.mt-about-hero__media img{width:min(100%,420px);height:auto}

.mt-about-stats{
  max-width:1100px;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) 1.25rem;
}
.mt-about-stats .heading-main{margin-bottom:1.75rem}
.mt-about-stats .heading-main p{max-width:36rem}
.mt-about-stats__grid{
  list-style:none;margin:0;padding:0;
  display:grid;gap:1rem;
  grid-template-columns:1fr;
}
@media (min-width:640px){
  .mt-about-stats__grid{grid-template-columns:repeat(3,1fr)}
}
.mt-about-stats__grid li{
  border:1.5px solid rgba(18,42,95,.12);border-radius:16px;
  padding:1.25rem 1.35rem;background:#fff;
}
.mt-about-stats__value{
  margin:0 0 .25rem;font-size:1.5rem;font-weight:800;letter-spacing:-0.02em;color:#122A5F;
}
.mt-about-stats__label{margin:0;font-size:.95rem;color:#5A6B7A;line-height:1.4}

.mt-about-inside .heading-main{max-width:1100px;margin-left:auto;margin-right:auto}
.mt-about-inside__grid{
  max-width:1100px;margin:2rem auto 0;
  display:grid;gap:1.25rem;grid-template-columns:1fr;
}
@media (min-width:768px){
  .mt-about-inside__grid{grid-template-columns:repeat(3,1fr)}
}
.mt-about-inside__grid article{
  padding:1.35rem 1.4rem;border-radius:16px;
  background:rgba(255,255,255,.72);border:1px solid rgba(18,42,95,.08);
}
.mt-about-inside__grid h3{
  margin:0 0 .5rem;font-size:1.15rem;font-weight:800;color:#122A5F;
}
.mt-about-inside__grid p{margin:0;font-size:.95rem;line-height:1.55;color:#5A6B7A}

.mt-about-founder{
  background:linear-gradient(145deg,#F9A825 0%,#F77D3F 55%,#E86A2A 100%);
  padding:clamp(2.5rem,7vw,4rem) 1.25rem;
}
.mt-about-founder__inner{
  max-width:860px;margin:0 auto;
  display:grid;gap:1.5rem;align-items:center;
  grid-template-columns:1fr;
  justify-items:center;text-align:center;
}
@media (min-width:768px){
  .mt-about-founder__inner{
    grid-template-columns:220px 1fr;gap:2rem;
    justify-items:stretch;text-align:left;
  }
}
.mt-about-founder__portrait{margin:0;width:160px}
@media (min-width:768px){
  .mt-about-founder__portrait{width:220px}
}
.mt-about-founder__portrait img{
  display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;
  border-radius:18px;box-shadow:0 14px 32px rgba(6,38,56,.25);
  background:#0A3852;
}
.mt-about-founder__eyebrow{
  margin:0 0 .35rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(255,255,255,.85);
}
.mt-about-founder__copy h2{
  margin:0 0 .85rem;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:800;
  color:#fff;letter-spacing:-0.02em;
}
.mt-about-founder__copy blockquote{
  margin:0 0 1rem;padding:0;border:0;
  font-size:clamp(1rem,2vw,1.2rem);line-height:1.45;font-weight:600;
  color:#fff;
}
.mt-about-founder__meta{
  margin:0 0 .85rem;font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.9);
}
.mt-about-founder__links{margin:0;font-size:.95rem}
.mt-about-founder__links a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.mt-about-founder__links a:hover{opacity:.9}

/* Shared marketing support pages (FAQ / Help / Press / Contact) */
.mt-doc-hero{
  padding:clamp(2rem,5vw,3.25rem) 1.25rem clamp(2.5rem,6vw,3.75rem)!important;
}
.mt-doc-hero__inner{
  max-width:720px;margin:0 auto;
}
.mt-doc-hero h1{
  margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;
  letter-spacing:-0.02em;line-height:1.15;color:#fff;
}
.mt-doc-hero p{
  margin:0;font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;
  color:rgba(255,255,255,.88);max-width:40rem;
}
.mt-doc-body{
  max-width:760px;margin:0 auto;padding:clamp(2rem,5vw,3rem) 1.25rem 4rem;
}
.mt-doc-body h2{
  margin:0 0 .75rem;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:800;color:#122A5F;
}
.mt-doc-body > .mt-doc-lead{
  margin:0 0 1.75rem;font-size:1.05rem;line-height:1.55;color:#5A6B7A;max-width:40rem;
}
.mt-doc-cta{
  display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;
}
.mt-doc-cta--center{justify-content:center}
/* Bootstrap .btn sets user-select:none — allow copying CTA labels / mailto addresses. */
.mt-doc-cta .btn,
.mt-doc-cta__email{
  -webkit-user-select:text;
  -moz-user-select:text;
  user-select:text;
}
.mt-doc-cta__email{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.65rem 1.15rem;
  border-radius:28px;
  border:1.5px solid rgba(18,42,95,.18);
  background:#fff;
  color:#147DB8;
  font-weight:700;
  font-size:1rem;
  line-height:1.25;
  text-decoration:none;
  word-break:break-all;
  -webkit-user-select:text!important;
  -moz-user-select:text!important;
  user-select:text!important;
}
.mt-doc-cta__email:hover,
.mt-doc-cta__email:focus-visible{
  color:#0A638F;
  border-color:#147DB8;
  background:rgba(20,125,184,.06);
  text-decoration:none;
}
.mt-doc-cta__email:focus-visible{
  outline:2px solid #147DB8;outline-offset:2px;
}
/* Mailto chip on dark marketing surfaces (contact hero, etc.) */
.mt-mailto-chip{
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:.5rem;padding:.65rem 1.15rem;
  border-radius:28px;
  font-weight:700;font-size:1rem;line-height:1.25;
  text-decoration:none;word-break:break-all;
  -webkit-user-select:text!important;
  -moz-user-select:text!important;
  user-select:text!important;
  cursor:text;
}
.mt-mailto-chip--on-dark,
.mt-marketing .dark-section a.mt-mailto-chip--on-dark{
  background:#fff!important;
  color:var(--mt-navy-800,#062638)!important;
  border:1.5px solid #fff;
}
.mt-mailto-chip--on-dark:hover,
.mt-mailto-chip--on-dark:focus-visible,
.mt-marketing .dark-section a.mt-mailto-chip--on-dark:hover,
.mt-marketing .dark-section a.mt-mailto-chip--on-dark:focus-visible{
  background:#E8F2F8!important;
  color:var(--mt-navy-800,#062638)!important;
  border-color:#E8F2F8;
  text-decoration:none;
}
.mt-mailto-chip--on-dark:focus-visible{
  outline:2px solid #fff;outline-offset:3px;
}
.mt-faq-list{display:flex;flex-direction:column;gap:.75rem}
.mt-faq-item{
  border:1.5px solid rgba(18,42,95,.12);border-radius:14px;background:#fff;overflow:hidden;
}
.mt-faq-item .accordion-button{
  font-weight:700;font-size:1.05rem;color:#122A5F;background:#fff;box-shadow:none;
  padding:1rem 1.15rem;
}
.mt-faq-item .accordion-button:not(.collapsed){color:#122A5F;background:#F7F9FC}
.mt-faq-item .accordion-body{
  padding:0 1.15rem 1.15rem;color:#5A6B7A;line-height:1.55;font-size:.98rem;
}
.mt-faq-item .accordion-body a{color:#147DB8;font-weight:600}
.mt-doc-footer-band{
  background:#F7F9FC;border-top:1px solid rgba(18,42,95,.08);
  padding:2rem 1.25rem 3rem;text-align:center;
}
.mt-doc-footer-band p{margin:0 0 1rem;font-size:1.05rem;color:#122A5F;font-weight:600}
.mt-help-block{margin:0 0 1.75rem}
.mt-help-block h2{margin:0 0 .5rem;font-size:1.2rem;font-weight:800;color:#122A5F}
.mt-help-block p{margin:0 0 .5rem;line-height:1.55;color:#5A6B7A}
.mt-help-block a{color:#147DB8;font-weight:600}

.mt-help-toc{
  display:flex;flex-wrap:wrap;gap:.5rem .65rem;
  margin:0 0 2rem;padding:0;
}
.mt-help-toc a{
  display:inline-flex;align-items:center;
  padding:.45rem .85rem;border-radius:999px;
  background:rgba(18,42,95,.06);color:#122A5F;
  font-size:.9rem;font-weight:700;text-decoration:none;
  border:1px solid rgba(18,42,95,.1);
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.mt-help-toc a:hover,
.mt-help-toc a:focus-visible{
  background:rgba(20,125,184,.12);border-color:rgba(20,125,184,.35);color:#0d5f8c;
  outline:none;
}
.mt-help-topic{
  display:grid;grid-template-columns:auto 1fr;gap:.85rem 1.1rem;
  margin:0 0 1.35rem;padding:1.15rem 1.2rem 1.2rem;
  border:1px solid rgba(18,42,95,.1);border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,249,252,.9));
  scroll-margin-top:5.5rem;
}
.mt-help-topic__index{
  width:2rem;height:2rem;border-radius:50%;
  display:grid;place-items:center;
  background:#122A5F;color:#fff;
  font-size:.85rem;font-weight:800;line-height:1;
  margin-top:.15rem;
}
.mt-help-topic__body{min-width:0}
.mt-help-topic h2{
  margin:0 0 .55rem;font-size:1.2rem;font-weight:800;color:#122A5F;
}
.mt-help-topic p{
  margin:0 0 .55rem;line-height:1.55;color:#5A6B7A;
}
.mt-help-topic__links{margin:0!important;font-size:.95rem}
.mt-help-topic__links a{color:#147DB8;font-weight:700;text-decoration:none}
.mt-help-topic__links a:hover{text-decoration:underline;text-underline-offset:3px}
.mt-doc-footer-band a{color:#147DB8;font-weight:700}
@media (max-width:520px){
  .mt-help-topic{grid-template-columns:1fr;padding:1rem 1.05rem}
  .mt-help-topic__index{margin-top:0}
}

.mt-press-card{
  display:grid;gap:1.25rem;align-items:start;
  border:1.5px solid rgba(18,42,95,.12);border-radius:16px;background:#fff;
  padding:1.35rem 1.4rem;margin-top:1.5rem;
}
@media (min-width:640px){
  .mt-press-card{grid-template-columns:140px 1fr;gap:1.5rem}
}
.mt-press-card__photo{margin:0;width:120px;justify-self:center}
@media (min-width:640px){.mt-press-card__photo{width:140px;justify-self:start}}
.mt-press-card__photo img{
  display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;
}
.mt-press-card h2{margin:0 0 .35rem;font-size:1.2rem;font-weight:800;color:#122A5F}
.mt-press-card p{margin:0 0 .65rem;line-height:1.5;color:#5A6B7A}
.mt-press-card a{color:#147DB8;font-weight:600}
.mt-contact-layout{
  display:grid;gap:2rem;max-width:980px;margin:0 auto;align-items:start;
}
@media (min-width:900px){
  .mt-contact-layout{grid-template-columns:1fr 1fr;gap:2.5rem}
}
.mt-contact-form .errorlist,
.mt-contact-form .alert{margin-top:.5rem}
.mt-contact-details{
  max-width:980px;margin:0 auto;padding:2.5rem 1.25rem 3.5rem;
  display:grid;gap:1rem;
}
@media (min-width:640px){
  .mt-contact-details{grid-template-columns:repeat(2,1fr)}
}
.mt-contact-details a{
  display:block;padding:1rem 1.15rem;border-radius:14px;
  border:1.5px solid rgba(18,42,95,.12);background:#fff;
  color:#122A5F;font-weight:600;text-decoration:none;line-height:1.45;
}
.mt-contact-details a:hover{border-color:#147DB8;color:#147DB8}
.mt-contact-details span{
  display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:#5A6B7A;margin-bottom:.35rem;
}

/* Website feedback FAB (round icon + dialog) */
.mt-feedback-fab__btn{
  position:fixed;z-index:40;right:20px;bottom:20px;
  width:48px;height:48px;padding:0;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;color:var(--mt-navy-700,#122A5F);
  border:1.5px solid var(--mt-border,#E6E9EB);
  box-shadow:0 6px 16px rgba(18,42,95,.14);
  cursor:pointer;
}
.mt-feedback-fab__btn:hover,
.mt-feedback-fab__btn:focus-visible{
  border-color:var(--mt-blue-500,#147DB8);
  color:var(--mt-navy-800,#0A3852);
  outline:none;
}
.mt-feedback-fab__btn:focus-visible{
  outline:2px solid #147DB8;outline-offset:2px;
}
.mt-feedback-fab__overlay{
  position:fixed;inset:0;z-index:80;
  background:rgba(18,42,95,.55);
  display:flex;align-items:center;justify-content:center;
  padding:24px;
}
.mt-feedback-fab__overlay[hidden]{display:none!important}
.mt-feedback-fab__dialog{
  width:min(400px,100%);
  background:#fff;color:var(--mt-navy-700,#122A5F);
  border-radius:18px;padding:24px;
  box-shadow:0 8px 24px rgba(6,38,56,.2);
}
.mt-feedback-fab__title{
  margin:0;font-size:1.25rem;font-weight:800;color:var(--mt-navy-700,#122A5F);
}
.mt-feedback-fab__hint{
  margin:.5rem 0 0;color:var(--mt-muted-strong,#5D6A85);font-size:.95rem;line-height:1.45;
}
.mt-feedback-fab__textarea{
  display:block;width:100%;margin-top:12px;min-height:120px;
  border:1.5px solid var(--mt-muted-strong,#5D6A85);border-radius:12px;
  padding:12px 14px;font:inherit;color:var(--mt-navy-700,#122A5F);
  resize:vertical;
}
.mt-feedback-fab__textarea:focus{
  outline:2px solid #147DB8;outline-offset:1px;border-color:#147DB8;
}
.mt-feedback-fab__error{
  margin:.75rem 0 0;color:var(--mt-error-text,#BE3942);font-size:.9rem;
}
.mt-feedback-fab__thanks{
  margin:.75rem 0 0;color:var(--mt-success-text,#357A38);font-size:.95rem;font-weight:600;
}
.mt-feedback-fab__actions{
  display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;
}
.mt-feedback-fab__cancel{
  background:none;border:0;color:var(--mt-navy-700,#122A5F);
  font:inherit;font-weight:600;cursor:pointer;padding:10px 12px;
}
.mt-feedback-fab__cancel:hover{text-decoration:underline}
.mt-feedback-fab__send{min-height:40px}
body.mt-feedback-fab-open{overflow:hidden}
/* Learn quiz options sit at the bottom; the FAB intercepted taps. */
body.mt-learn-page .mt-feedback-fab{display:none!important}
@media (max-width:640px){
  .mt-feedback-fab__btn{right:16px;bottom:16px}
}