/*
  Meditricks WordPress Components
  --------------------------------
  Purpose:
  - WordPress-/Cornerstone-spezifische Komponenten und Layout-Adapter.
  - Wiederverwendbare Seitenbloecke wie Footer, Partnerseiten, Info-/Legal-Seiten.

  Dependency:
  - Diese Datei setzt voraus, dass meditricks-ui.css vorher geladen wurde.
  - meditricks-ui.css ist die Design-System-Basis und soll im Regelfall nicht
    fuer einzelne WordPress-Seiten angepasst werden.

  Maintenance rules for humans and AI assistants:
  - Do not duplicate the mt-ui design tokens here unless a WordPress-specific
    fallback is truly required.
  - Prefer var(--mt-ui-...) for color, type, radius, shadow, and state values.
  - Keep selectors scoped to component roots such as .mt-wp-page,
    .mt-accessibility, .mt-footer-2026, or .mt-partner-page.
  - Put reusable component CSS here; keep Cornerstone/HTML elements free of
    large inline <style> blocks.
  - For local preview, HTML files may link to the hosted meditricks-ui.css and
    this local components file. In WordPress, both files should be enqueued
    centrally by the Meditricks globals plugin.

  Hosted path:
  https://www.meditricks.de/wp-content/plugins/meditricks-mt-globals/include/css/ci/
*/

.mt-wp-page,
.mt-wp-page * {
  box-sizing: border-box;
}

.mt-wp-page {
  width: 100%;
  max-width: none !important;
  color: var(--mt-ui-text);
  font-family: var(--mt-ui-font-family);
  font-size: var(--mt-ui-font-body);
  line-height: 1.5;
}

.mt-wp-page :where(h1, h2, h3, p, ul) {
  margin: 0;
}

.mt-wp-page a {
  color: var(--mt-ui-link);
  font-weight: 650;
  text-decoration: none;
}

.mt-wp-page a:hover,
.mt-wp-page a:focus-visible {
  color: var(--mt-ui-link-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body:has(.mt-wp-page) .entry-wrap,
body:has(.mt-wp-page) .entry-content,
body:has(.mt-wp-page) #cs-content,
body:has(.mt-wp-page) .x-section {
  background: var(--mt-ui-page);
}

/* Accessibility statement */

.mt-accessibility {
  padding: 32px 18px 56px;
  background: var(--mt-ui-page);
}

.mt-a11y-wrap {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.mt-a11y-hero {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.mt-a11y-eyebrow,
.mt-a11y-label {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mt-a11y-hero h1 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h1);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.14;
}

.mt-a11y-lead,
.mt-a11y-muted {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-body);
  letter-spacing: 0.01em;
}

.mt-a11y-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.mt-a11y-tag {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.mt-a11y-tag--warn {
  background: var(--mt-ui-warn-bg);
  color: var(--mt-ui-warn);
}

.mt-a11y-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.mt-a11y-toc,
.mt-a11y-panel {
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow);
}

.mt-a11y-toc {
  position: sticky;
  top: 18px;
  overflow: hidden;
}

.mt-a11y-toc h2,
.mt-a11y-panel-header {
  min-height: 52px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-a11y-toc h2,
.mt-a11y-panel h2 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h2);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.mt-a11y-toc ul {
  display: grid;
  gap: 0;
  padding: 0;
  list-style: none;
}

.mt-a11y-toc a {
  display: block;
  padding: 11px 16px;
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-a11y-toc li:last-child a {
  border-bottom: 0;
}

.mt-a11y-content {
  display: grid;
  gap: 14px;
}

.mt-a11y-panel {
  overflow: hidden;
}

.mt-a11y-panel-body {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.mt-a11y-panel h3 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h3);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
}

.mt-a11y-list {
  display: grid;
  gap: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  list-style: none;
}

.mt-a11y-list li {
  padding: 12px 14px;
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-a11y-list li:last-child {
  border-bottom: 0;
}

.mt-a11y-issue {
  display: grid;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-a11y-issue:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.mt-a11y-alert {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 12px;
  padding: 13px 14px;
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-warn-bg);
  color: var(--mt-ui-warn);
}

.mt-a11y-alert::before {
  content: "";
  width: 10px;
  min-height: 100%;
  border-radius: 999px;
  background: currentColor;
}

.mt-a11y-alert strong {
  display: block;
  color: var(--mt-ui-text);
  font-weight: 600;
}

.mt-a11y-contact {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface-soft);
}

@media (max-width: 900px) {
  .mt-accessibility {
    padding: 24px 14px 44px;
  }

  .mt-a11y-shell {
    grid-template-columns: 1fr;
  }

  .mt-a11y-toc {
    position: static;
  }
}

@media (max-width: 520px) {
  .mt-a11y-hero h1 {
    font-size: 26px;
  }

  .mt-a11y-toc h2,
  .mt-a11y-panel h2 {
    font-size: 18px;
  }

  .mt-a11y-panel-body {
    padding: 14px;
  }
}

/* Legal and company info pages */

.mt-legal-page {
  padding: 32px 18px 56px;
  background: var(--mt-ui-page);
}

.mt-legal-wrap {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.mt-legal-hero {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.mt-legal-eyebrow,
.mt-legal-label {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mt-legal-hero h1 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h1);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.14;
}

.mt-legal-lead,
.mt-legal-muted {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-body);
  letter-spacing: 0.01em;
}

.mt-legal-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.mt-legal-tag {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.mt-legal-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.mt-legal-toc,
.mt-legal-panel {
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow);
}

.mt-legal-toc {
  position: sticky;
  top: 18px;
  overflow: hidden;
}

.mt-legal-toc h2,
.mt-legal-panel-header {
  min-height: 52px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-legal-toc h2,
.mt-legal-panel h2 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h2);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.mt-legal-toc ul {
  display: grid;
  gap: 0;
  padding: 0;
  list-style: none;
}

.mt-legal-toc a {
  display: block;
  padding: 11px 16px;
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-legal-toc li:last-child a {
  border-bottom: 0;
}

.mt-legal-content {
  display: grid;
  gap: 14px;
}

.mt-legal-panel {
  overflow: hidden;
}

.mt-legal-panel-body {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.mt-legal-panel h3 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h3);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
}

.mt-legal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.mt-legal-box {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface-soft);
}

.mt-legal-box--wide {
  grid-column: 1 / -1;
}

.mt-legal-box p,
.mt-legal-panel-body p {
  margin: 0;
}

.mt-legal-list {
  display: grid;
  gap: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  list-style: none;
}

.mt-legal-list li {
  padding: 12px 14px;
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-legal-list li:last-child {
  border-bottom: 0;
}

.mt-legal-contact {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--mt-ui-info-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
}

.mt-legal-contact strong {
  color: var(--mt-ui-text);
}

@media (max-width: 900px) {
  .mt-legal-page {
    padding: 24px 14px 44px;
  }

  .mt-legal-shell {
    grid-template-columns: 1fr;
  }

  .mt-legal-toc {
    position: static;
  }
}

@media (max-width: 640px) {
  .mt-legal-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .mt-legal-hero h1 {
    font-size: 26px;
  }

  .mt-legal-toc h2,
  .mt-legal-panel h2 {
    font-size: 18px;
  }

  .mt-legal-panel-body {
    padding: 14px;
  }
}

/* Diversity guide */

.mt-diversity-hero-media {
  overflow: hidden;
  margin: 16px 0 0;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow);
}

.mt-diversity-hero-media img,
.mt-diversity-figure img {
  display: block;
  width: 100%;
  height: auto;
}

.mt-diversity-kicker {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-body);
  font-weight: 650;
  letter-spacing: 0.01em;
}

.mt-diversity .mt-legal-panel-body :where(ul:not(.mt-legal-list), ol) {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 22px;
}

.mt-diversity-subsection {
  display: grid;
  gap: 8px;
}

.mt-diversity-subsection + .mt-diversity-subsection {
  padding-top: 14px;
  border-top: 1px solid var(--mt-ui-line);
}

.mt-diversity-note {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--mt-ui-info-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
}

.mt-diversity-note strong {
  color: var(--mt-ui-text);
}

.mt-diversity-figure {
  display: grid;
  gap: 8px;
  margin: 2px 0 0;
}

.mt-diversity-figure img {
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface-soft);
}

.mt-diversity-figure figcaption {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  line-height: 1.45;
}

/* Footer 2026 */

  .mt-footer-2026,
  .mt-footer-2026 * {
    box-sizing: border-box;
  }

  .mt-footer-2026 {
    --mt-footer-page: var(--mt-ui-page, #f3f6fb);
    --mt-footer-surface: var(--mt-ui-surface, #ffffff);
    --mt-footer-soft: var(--mt-ui-surface-soft, #f8fafc);
    --mt-footer-line: var(--mt-ui-line, rgba(15, 23, 42, 0.08));
    --mt-footer-line-strong: var(--mt-ui-line-strong, rgba(15, 23, 42, 0.14));
    --mt-footer-text: var(--mt-ui-text, #0f172a);
    --mt-footer-muted: var(--mt-ui-muted, #64748b);
    --mt-footer-link: var(--mt-ui-link, #2563eb);
    --mt-footer-link-hover: var(--mt-ui-link-hover, #2563eb);
    --mt-footer-radius: var(--mt-ui-radius, 8px);
    font-family: var(--mt-ui-font-family, "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    color: var(--mt-footer-text);
    background: var(--mt-footer-page);
    border-top: 1px solid var(--mt-footer-line-strong);
    width: 100vw;
    max-width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }

  .mt-footer-2026__inner {
    width: min(100%, 1160px);
    margin: 0 auto;
    padding: 36px 18px 22px;
  }

  .mt-footer-2026__top {
    display: grid;
    grid-template-columns: minmax(220px, 1.15fr) minmax(0, 3fr);
    gap: 36px;
    align-items: start;
  }

  .mt-footer-2026__brand {
    min-width: 0;
  }

  .mt-footer-2026__logo {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin: 0 0 14px;
    color: var(--mt-footer-text);
    text-decoration: none;
  }

  .mt-footer-2026__logo-scene {
    --mt-footer-logo-scene-height: 48px;
    --mt-footer-logo-width: 132px;
    --mt-footer-donkey-width: 70px;
    --mt-footer-donkey-bottom: 24px;
    --mt-footer-donkey-hidden-y: 26px;
    --mt-footer-donkey-peek-y: -91px;
    --mt-footer-donkey-fade-y: -58px;
    position: relative;
    display: inline-block;
    isolation: isolate;
    min-height: var(--mt-footer-logo-scene-height);
  }

  .mt-footer-2026__logo-img {
    position: relative;
    z-index: 2;
    display: block;
    width: var(--mt-footer-logo-width);
    max-width: 100%;
    height: auto;
  }

  .mt-footer-2026__donkey {
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: var(--mt-footer-donkey-bottom);
    display: block;
    width: var(--mt-footer-donkey-width);
    max-width: none;
    height: auto;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(-50%, var(--mt-footer-donkey-hidden-y), 0) rotate(2deg);
    transform-origin: 50% 100%;
    filter: drop-shadow(0 8px 10px rgba(15, 23, 42, 0.12));
  }

  .mt-footer-2026__logo-scene.is-peeking .mt-footer-2026__donkey {
    animation: mt-footer-donkey-peek-v2 2.7s ease-in-out both;
  }

  .mt-footer-2026__logo:hover .mt-footer-2026__donkey,
  .mt-footer-2026__logo:focus-visible .mt-footer-2026__donkey {
    animation: mt-footer-donkey-peek-v2 2.7s ease-in-out both;
  }

  @keyframes mt-footer-donkey-peek-v2 {
    0% {
      opacity: 0;
      transform: translate3d(-50%, var(--mt-footer-donkey-hidden-y), 0) rotate(2deg);
    }

    16% {
      opacity: 1;
    }

    32% {
      opacity: 1;
      transform: translate3d(-50%, var(--mt-footer-donkey-peek-y), 0) rotate(-1deg);
    }

    78% {
      opacity: 1;
      transform: translate3d(-50%, var(--mt-footer-donkey-peek-y), 0) rotate(-1deg);
    }

    86% {
      opacity: 0;
      transform: translate3d(-50%, var(--mt-footer-donkey-fade-y), 0) rotate(0deg);
    }

    100% {
      opacity: 0;
      transform: translate3d(-50%, var(--mt-footer-donkey-hidden-y), 0) rotate(2deg);
    }
  }

  .mt-footer-2026__claim {
    max-width: 280px;
    margin: 0;
    color: var(--mt-footer-muted);
    font-size: 14px;
    line-height: 1.55;
  }

  .mt-footer-2026__actions {
    display: grid;
    grid-template-columns: minmax(0, 210px);
    gap: 8px;
    margin-top: 18px;
  }

  .mt-footer-2026__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    width: 100%;
    padding: 0 14px;
    border: 2px solid var(--mt-footer-line);
    border-radius: 999px;
    background: var(--mt-footer-surface);
    color: #334155;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
  }

  .mt-footer-2026__button:hover,
  .mt-footer-2026__button:focus-visible {
    border-color: rgba(37, 99, 235, 0.42);
    background: #eff6ff;
    color: var(--mt-footer-link);
    box-shadow: 0 6px 14px rgba(37, 99, 235, 0.12);
    text-decoration: none;
    transform: none;
  }

  .mt-footer-2026__button--primary {
    border-color: var(--mt-footer-link);
    background: var(--mt-footer-link);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16);
  }

  .mt-footer-2026__button--primary:hover,
  .mt-footer-2026__button--primary:focus-visible {
    border-color: #1d4ed8;
    background: #b0c4fa;
    color: var(--mt-footer-link);
  }

  .mt-footer-2026__nav {
    display: grid;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    gap: 24px;
    min-width: 0;
  }

  .mt-footer-2026__section {
    min-width: 0;
  }

  .mt-footer-2026__section h2 {
    margin: 0 0 11px;
    color: var(--mt-footer-muted);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }

  .mt-footer-2026__section ul {
    display: grid;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .mt-footer-2026 a:not(.mt-footer-2026__button):not(.mt-footer-2026__logo) {
    color: var(--mt-footer-link);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
    overflow-wrap: anywhere;
  }

  .mt-footer-2026 a:not(.mt-footer-2026__button):not(.mt-footer-2026__logo):hover,
  .mt-footer-2026 a:not(.mt-footer-2026__button):not(.mt-footer-2026__logo):focus-visible {
    color: var(--mt-footer-link-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .mt-footer-2026__bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 22px;
    align-items: center;
    justify-content: space-between;
    margin-top: 34px;
    padding-top: 18px;
    border-top: 1px solid var(--mt-footer-line);
    color: var(--mt-footer-muted);
    font-size: 13px;
    line-height: 1.45;
  }

  .mt-footer-2026__bottom p {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    align-items: baseline;
    margin: 0;
  }

  .mt-footer-2026__bottom strong {
    color: var(--mt-footer-text);
    font-weight: 700;
  }

  .mt-footer-2026__social {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
  }

  .mt-footer-2026__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid var(--mt-footer-line);
    border-radius: 999px;
    background: var(--mt-footer-soft);
  }

  @media (max-width: 980px) {
    .mt-footer-2026__top {
      grid-template-columns: 1fr;
      gap: 28px;
    }

    .mt-footer-2026__brand {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 18px;
      align-items: start;
    }

    .mt-footer-2026__actions {
      margin-top: 0;
      justify-content: flex-end;
    }
  }

  @media (max-width: 760px) {
    .mt-footer-2026__inner {
      padding: 28px 12px 20px;
    }

    .mt-footer-2026__brand {
      display: block;
    }

    .mt-footer-2026__actions {
      grid-template-columns: 1fr;
      margin-top: 16px;
      justify-content: flex-start;
    }

    .mt-footer-2026__button {
      min-height: 44px;
    }

    .mt-footer-2026__logo-scene {
      --mt-footer-logo-scene-height: 24px;
      --mt-footer-logo-width: 66px;
      --mt-footer-donkey-width: 35px;
      --mt-footer-donkey-bottom: 12px;
      --mt-footer-donkey-hidden-y: 13px;
      --mt-footer-donkey-peek-y: -46px;
      --mt-footer-donkey-fade-y: -29px;
    }

    .mt-footer-2026__nav {
      grid-template-columns: 1fr 1fr;
      gap: 22px 18px;
    }

    .mt-footer-2026__section h2 {
      margin-bottom: 9px;
    }

    .mt-footer-2026__section li a {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
    }
  }

  @media (max-width: 520px) {
    .mt-footer-2026__nav {
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .mt-footer-2026__section {
      padding-top: 16px;
      border-top: 1px solid var(--mt-footer-line);
    }

    .mt-footer-2026__section:first-child {
      padding-top: 0;
      border-top: 0;
    }

    .mt-footer-2026__section ul {
      gap: 2px;
    }

    .mt-footer-2026__bottom {
      display: grid;
      gap: 14px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .mt-footer-2026__logo-scene.is-peeking .mt-footer-2026__donkey,
    .mt-footer-2026__logo:hover .mt-footer-2026__donkey,
    .mt-footer-2026__logo:focus-visible .mt-footer-2026__donkey {
      animation: none;
    }

    .mt-footer-2026__donkey {
      display: none;
    }
  }

/* End Footer 2026 */

/* Partner page v2 */

body:has(#mt-partner-style-v2) .entry-wrap,
body:has(#mt-partner-style-v2) .entry-content,
body:has(#mt-partner-style-v2) #cs-content,
body:has(#mt-partner-style-v2) .x-section {
  background: var(--mt-ui-surface);
}

#mt-partner-style-v2 {
  width: 100%;
  max-width: none !important;
  margin: 0;
  background: var(--mt-ui-surface);
  color: var(--mt-ui-text);
  font-family: var(--mt-ui-font-family);
  font-size: var(--mt-ui-font-body);
  line-height: 1.5;
}

#mt-partner-style-v2,
#mt-partner-style-v2 *,
#mt-partner-style-v2 *::before,
#mt-partner-style-v2 *::after {
  box-sizing: border-box;
}

#mt-partner-style-v2 :where(h1, h2, h3, p, figure, ul) {
  margin: 0;
  padding: 0;
}

#mt-partner-style-v2 img {
  display: block !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#mt-partner-style-v2 a {
  color: var(--mt-ui-link);
  font-weight: 650;
  text-decoration: none;
}

#mt-partner-style-v2 a:hover {
  color: var(--mt-ui-link-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#mt-partner-style-v2 .mtpv2-wrap {
  width: min(100%, 1160px);
  margin: 0 auto;
  padding: 0 18px;
}

#mt-partner-style-v2 .mtpv2-hero {
  display: grid;
  gap: 0;
  background: var(--mt-ui-surface);
}

#mt-partner-style-v2 .mtpv2-hero-visual {
  min-height: clamp(260px, 34vw, 420px);
  background: url("https://www.meditricks.de/wp-content/uploads/Bruecke.jpg") center / contain no-repeat;
  background-color: var(--mt-ui-surface);
}

#mt-partner-style-v2 .mtpv2-hero .mtpv2-wrap {
  padding-top: 18px;
  padding-bottom: 20px;
}

#mt-partner-style-v2 .mtpv2-eyebrow,
#mt-partner-style-v2 .mtpv2-label {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#mt-partner-style-v2 .mtpv2-hero h1 {
  margin-top: 6px;
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h1);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.14;
}

#mt-partner-style-v2 .mtpv2-lead {
  max-width: 760px;
  margin-top: 8px;
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-body);
  font-weight: 400;
  letter-spacing: 0.01em;
}

#mt-partner-style-v2 .mtpv2-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

#mt-partner-style-v2 .mtpv2-tab,
#mt-partner-style-v2 .mtpv2-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 2px solid var(--mt-ui-line);
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font-weight: 600;
  letter-spacing: 0.02em;
  box-shadow: var(--mt-ui-shadow-sm);
  text-decoration: none;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

#mt-partner-style-v2 .mtpv2-tab {
  min-height: 36px;
  padding: 0 12px;
}

#mt-partner-style-v2 .mtpv2-tab:hover,
#mt-partner-style-v2 .mtpv2-link:hover {
  border-color: rgba(37, 99, 235, 0.42);
  background: #eff6ff;
  color: var(--mt-ui-action);
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.12);
  text-decoration: none;
  transform: translateY(-1px);
}

#mt-partner-style-v2 .mtpv2-tab:hover {
  box-shadow: var(--mt-ui-shadow-sm);
  transform: none;
}

#mt-partner-style-v2 .mtpv2-intro {
  padding: 18px 0 8px;
}

#mt-partner-style-v2 .mtpv2-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: end;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--mt-ui-line);
}

#mt-partner-style-v2 .mtpv2-intro h2,
#mt-partner-style-v2 .mtpv2-partners-heading h2 {
  margin-top: 4px;
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h2);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

#mt-partner-style-v2 .mtpv2-intro p {
  max-width: 780px;
  margin-top: 8px;
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-body);
  letter-spacing: 0.01em;
}

#mt-partner-style-v2 .mtpv2-mini-signals {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 420px;
}

#mt-partner-style-v2 .mtpv2-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  white-space: nowrap;
}

#mt-partner-style-v2 .mtpv2-pill-warn {
  background: var(--mt-ui-warn-bg);
  color: var(--mt-ui-warn);
}

#mt-partner-style-v2 .mtpv2-pill-bad {
  background: var(--mt-ui-bad-bg);
  color: var(--mt-ui-bad);
}

#mt-partner-style-v2 .mtpv2-partners {
  padding: 18px 0 44px;
}

#mt-partner-style-v2 .mtpv2-partners-heading {
  margin-bottom: 12px;
}

#mt-partner-style-v2 .mtpv2-list {
  display: grid;
  gap: 12px;
}

#mt-partner-style-v2 .mtpv2-card {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
  overflow: hidden;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow);
}

#mt-partner-style-v2 .mtpv2-card-reverse {
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
}

#mt-partner-style-v2 .mtpv2-card-reverse .mtpv2-media {
  order: 2;
}

#mt-partner-style-v2 .mtpv2-media {
  min-width: 0;
  min-height: 300px;
  background: var(--mt-ui-surface);
}

#mt-partner-style-v2 .mtpv2-media img {
  width: 100% !important;
  height: 100% !important;
  min-height: 300px;
  object-fit: cover;
  object-position: center;
}

#mt-partner-style-v2 .mtpv2-media-soft img {
  object-fit: contain;
  object-position: center;
}

#mt-partner-style-v2 .mtpv2-copy {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 10px;
  padding: 18px;
}

#mt-partner-style-v2 .mtpv2-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#mt-partner-style-v2 .mtpv2-copy h3 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h3);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
}

#mt-partner-style-v2 .mtpv2-copy p {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-body);
  letter-spacing: 0.01em;
}

#mt-partner-style-v2 .mtpv2-link {
  margin-top: 2px;
}

@media (max-width: 900px) {
  #mt-partner-style-v2 .mtpv2-hero {
    background: var(--mt-ui-surface);
  }

  #mt-partner-style-v2 .mtpv2-hero-visual {
    min-height: 240px;
    background-size: cover;
  }

  #mt-partner-style-v2 .mtpv2-hero .mtpv2-wrap {
    padding-top: 16px;
    padding-bottom: 18px;
  }

  #mt-partner-style-v2 .mtpv2-intro-grid,
  #mt-partner-style-v2 .mtpv2-card,
  #mt-partner-style-v2 .mtpv2-card-reverse {
    grid-template-columns: 1fr;
  }

  #mt-partner-style-v2 .mtpv2-mini-signals {
    justify-content: flex-start;
    max-width: none;
  }

  #mt-partner-style-v2 .mtpv2-card-reverse .mtpv2-media {
    order: 0;
  }

  #mt-partner-style-v2 .mtpv2-media,
  #mt-partner-style-v2 .mtpv2-media img {
    min-height: 240px;
  }
}

/* End Partner page v2 */

/* Support page */

.mt-support-page {
  padding: 32px 18px 56px;
  background: var(--mt-ui-page);
}

.mt-support-wrap {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.mt-support-hero {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.mt-support-eyebrow,
.mt-support-label {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mt-support-hero h1 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h1);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.14;
}

.mt-support-lead,
.mt-support-muted {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-body);
  letter-spacing: 0.01em;
}

.mt-support-section {
  margin-top: 18px;
}

.mt-support-section > h2 {
  margin: 0 0 12px;
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h2);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.mt-support-quick-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}

.mt-support-card,
.mt-support-panel,
.mt-support-topic {
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow);
}

.mt-support-card {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 10px;
  align-content: start;
  min-width: 0;
  padding: 16px;
  border-color: var(--mt-ui-info-line);
  background: var(--mt-ui-surface-soft);
}

.mt-support-card::before {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: var(--mt-ui-info);
}

.mt-support-card-danger {
  border-color: var(--mt-ui-bad-line);
}

.mt-support-card-danger::before {
  background: var(--mt-ui-bad);
}

.mt-support-card h3,
.mt-support-topic h3 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h3);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
}

.mt-support-card p,
.mt-support-topic p,
.mt-support-panel p {
  margin: 0;
}

.mt-support-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.mt-support-card .mt-support-actions {
  align-self: end;
  margin-top: 6px;
}

.mt-support-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 2px solid var(--mt-ui-line);
  border-radius: 999px;
  background: var(--mt-ui-surface);
  color: #334155;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  box-shadow: var(--mt-ui-shadow-sm);
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.mt-support-button:hover,
.mt-support-button:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  background: #eff6ff;
  color: var(--mt-ui-action);
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.12);
  text-decoration: none;
  transform: translateY(-1px);
}

.mt-support-button-primary {
  border-color: var(--mt-ui-action);
  background: var(--mt-ui-action);
  color: #fff;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16);
}

.mt-wp-page a.mt-support-button-primary {
  color: #fff;
}

.mt-support-button-primary:hover,
.mt-support-button-primary:focus-visible {
  border-color: var(--mt-ui-action-hover);
  background: var(--mt-ui-action-hover-bg);
  color: var(--mt-ui-action);
}

.mt-wp-page a.mt-support-button-primary:hover,
.mt-wp-page a.mt-support-button-primary:focus-visible {
  color: var(--mt-ui-action);
}

.mt-support-button-danger {
  border-color: var(--mt-ui-bad-line);
  background: var(--mt-ui-bad-bg);
  color: var(--mt-ui-bad);
}

.mt-support-button-danger:hover,
.mt-support-button-danger:focus-visible {
  border-color: rgba(220, 38, 38, 0.28);
  background: #fee2e2;
  color: #b91c1c;
}

.mt-support-topic-list {
  display: grid;
  gap: 10px;
}

.mt-support-topic {
  overflow: hidden;
}

.mt-support-topic summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 52px;
  padding: 14px 16px;
  cursor: pointer;
  list-style: none;
}

.mt-support-topic summary::-webkit-details-marker {
  display: none;
}

.mt-support-topic summary::after {
  content: "+";
  color: var(--mt-ui-muted);
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.mt-support-topic[open] summary {
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-support-topic[open] summary::after {
  content: "-";
}

.mt-support-topic-body {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.mt-support-faq-list {
  display: grid;
  gap: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  list-style: none;
}

.mt-support-faq-list li {
  display: grid;
  gap: 4px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-support-faq-list li:last-child {
  border-bottom: 0;
}

.mt-support-faq-list li:target {
  background: var(--mt-ui-info-bg);
}

.mt-support-faq-list strong {
  color: var(--mt-ui-text);
  font-weight: 600;
}

.mt-support-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow-sm);
}

.mt-support-link-row a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid var(--mt-ui-line);
  border-radius: 999px;
  background: var(--mt-ui-surface-soft);
  color: var(--mt-ui-link);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  text-decoration: none;
}

.mt-support-link-row a:hover,
.mt-support-link-row a:focus-visible {
  border-color: var(--mt-ui-info-line);
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
  text-decoration: none;
}

.mt-support-faq-list a,
.mt-support-form-note a {
  color: var(--mt-ui-link);
  font-weight: 650;
  text-decoration: none;
}

.mt-support-faq-list a:hover,
.mt-support-faq-list a:focus-visible,
.mt-support-form-note a:hover,
.mt-support-form-note a:focus-visible {
  color: var(--mt-ui-link-hover);
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.mt-support-faq-image {
  display: block;
  width: min(500px, 100%);
  height: auto;
  margin-top: 8px;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  box-shadow: var(--mt-ui-shadow-sm);
}

.mt-support-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.mt-support-panel-header {
  display: grid;
  gap: 6px;
}

.mt-support-panel h2,
.mt-support-panel h3 {
  margin: 0;
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h2);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.mt-support-checklist {
  display: grid;
  gap: 0;
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  list-style: none;
}

.mt-support-checklist li {
  padding: 10px 12px;
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-support-checklist li:last-child {
  border-bottom: 0;
}

.mt-support-form {
  display: grid;
  gap: 12px;
}

.mt-support-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.mt-support-field {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: var(--mt-ui-text);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.mt-support-field span {
  color: var(--mt-ui-text);
}

.mt-support-field input,
.mt-support-field select,
.mt-support-field textarea {
  width: 100%;
  min-height: 40px;
  padding: 8px 11px;
  border: 1px solid var(--mt-ui-line-strong);
  border-radius: var(--mt-ui-radius);
  background: #fff;
  color: var(--mt-ui-text);
  font: inherit;
  font-weight: 400;
  letter-spacing: 0;
}

.mt-support-field textarea {
  min-height: 128px;
  resize: vertical;
}

.mt-support-field input:focus,
.mt-support-field select:focus,
.mt-support-field textarea:focus {
  border-color: rgba(37, 99, 235, 0.48);
  outline: 2px solid rgba(37, 99, 235, 0.14);
  outline-offset: 1px;
}

.mt-support-field ::placeholder {
  color: #94a3b8;
}

.mt-support-form-note {
  padding: 10px 12px;
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
  font-size: var(--mt-ui-font-small);
}

.mt-support-form-success {
  padding: 10px 12px;
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-good-bg);
  color: var(--mt-ui-good);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
}

.mt-support-context-preview {
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface-soft);
}

.mt-support-context-preview summary {
  padding: 10px 12px;
  color: var(--mt-ui-text);
  cursor: pointer;
  font-weight: 600;
  list-style: none;
}

.mt-support-context-preview summary::-webkit-details-marker {
  display: none;
}

.mt-support-context-preview summary::after {
  content: "+";
  float: right;
  color: var(--mt-ui-muted);
}

.mt-support-context-preview[open] summary {
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-support-context-preview[open] summary::after {
  content: "-";
}

.mt-support-context-preview dl {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
}

.mt-support-context-preview div {
  display: grid;
  grid-template-columns: minmax(120px, 0.38fr) minmax(0, 1fr);
  gap: 10px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--mt-ui-line);
}

.mt-support-context-preview div:last-child {
  border-bottom: 0;
}

.mt-support-context-preview dt,
.mt-support-context-preview dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.mt-support-context-preview dt {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
}

.mt-support-context-preview dd {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-small);
}

.mt-support-context-preview a {
  color: var(--mt-ui-link);
  font-weight: 650;
  text-decoration: none;
}

.mt-support-context-preview a:hover,
.mt-support-context-preview a:focus-visible {
  color: var(--mt-ui-link-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 900px) {
  .mt-support-page {
    padding: 24px 14px 44px;
  }

  .mt-support-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mt-support-link-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mt-support-link-row a {
    justify-content: center;
    text-align: center;
  }
}

@media (max-width: 620px) {
  .mt-support-quick-grid {
    grid-template-columns: 1fr;
  }

  .mt-support-card,
  .mt-support-panel,
  .mt-support-topic-body {
    padding: 14px;
  }

  .mt-support-form-grid {
    grid-template-columns: 1fr;
  }

  .mt-support-link-row {
    grid-template-columns: 1fr;
  }

  .mt-support-hero h1 {
    font-size: 26px;
  }

  .mt-support-section > h2,
  .mt-support-panel h2,
  .mt-support-panel h3 {
    font-size: 18px;
  }
}

/* End Support page */

/* Press page */

.mt-press-page {
  padding: 32px 18px 56px;
  background: var(--mt-ui-page);
}

.mt-press-wrap {
  width: min(1200px, 100%);
  margin: 0 auto;
}

.mt-press-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
  gap: 18px;
  align-items: stretch;
  margin-bottom: 18px;
}

.mt-press-hero-copy,
.mt-press-hero-media,
.mt-press-panel,
.mt-press-card,
.mt-press-stat,
.mt-press-asset,
.mt-press-founder,
.mt-press-contact,
.mt-press-link-row {
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow);
}

.mt-press-hero-copy {
  display: grid;
  gap: 12px;
  align-content: center;
  padding: 24px;
}

.mt-press-eyebrow,
.mt-press-label,
.mt-press-link-card span {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mt-press-hero h1 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h1);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.14;
}

.mt-press-lead {
  color: var(--mt-ui-muted);
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1.55;
}

.mt-press-muted,
.mt-press-note,
.mt-press-card p,
.mt-press-asset p,
.mt-press-founder p,
.mt-press-panel p,
.mt-press-contact p {
  color: var(--mt-ui-muted);
  letter-spacing: 0.01em;
}

.mt-press-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.mt-press-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 2px solid var(--mt-ui-line);
  border-radius: 999px;
  background: var(--mt-ui-surface);
  color: #334155;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-align: center;
  text-decoration: none;
  box-shadow: var(--mt-ui-shadow-sm);
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.mt-press-button:hover,
.mt-press-button:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  background: #eff6ff;
  color: var(--mt-ui-action);
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.12);
  text-decoration: none;
  transform: translateY(-1px);
}

.mt-press-button-primary {
  border-color: var(--mt-ui-action);
  background: var(--mt-ui-action);
  color: #fff;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16);
}

.mt-wp-page a.mt-press-button-primary {
  color: #fff;
}

.mt-press-button-primary:hover,
.mt-press-button-primary:focus-visible {
  border-color: var(--mt-ui-action-hover);
  background: var(--mt-ui-action-hover-bg);
  color: var(--mt-ui-action);
}

.mt-wp-page a.mt-press-button-primary:hover,
.mt-wp-page a.mt-press-button-primary:focus-visible {
  color: var(--mt-ui-action);
}

.mt-press-hero-media {
  overflow: hidden;
  min-height: 320px;
  margin: 0;
}

.mt-press-hero-media img,
.mt-press-asset img,
.mt-press-founder img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mt-press-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  margin-bottom: 18px;
}

.mt-press-link-row a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid var(--mt-ui-line);
  border-radius: 999px;
  background: var(--mt-ui-surface-soft);
  color: var(--mt-ui-link);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  text-decoration: none;
}

.mt-press-link-row a:hover,
.mt-press-link-row a:focus-visible {
  border-color: var(--mt-ui-info-line);
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
  text-decoration: none;
}

.mt-press-section {
  margin-top: 20px;
}

.mt-press-section-header {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
}

.mt-press-section-header h2,
.mt-press-contact h2 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h2);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.mt-press-panel {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.mt-press-stat-grid,
.mt-press-feature-grid,
.mt-press-download-grid,
.mt-press-founder-grid,
.mt-press-link-cards {
  display: grid;
  gap: 12px;
}

.mt-press-stat-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mt-press-stat {
  display: grid;
  gap: 4px;
  align-content: start;
  min-height: 112px;
  padding: 16px;
  border-color: var(--mt-ui-info-line);
  background: var(--mt-ui-surface-soft);
}

.mt-press-stat strong {
  color: var(--mt-ui-text);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1;
}

.mt-press-stat span {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  line-height: 1.35;
}

.mt-press-feature-grid,
.mt-press-link-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mt-press-card {
  display: grid;
  gap: 8px;
  align-content: start;
  min-width: 0;
  padding: 16px;
  background: var(--mt-ui-surface-soft);
}

.mt-press-card::before {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: var(--mt-ui-info);
}

.mt-press-card h3,
.mt-press-asset h3,
.mt-press-founder h3 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h3);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
}

.mt-press-download-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mt-press-asset {
  overflow: hidden;
  display: grid;
  grid-template-rows: 220px minmax(0, 1fr);
  min-width: 0;
}

.mt-press-asset-wide {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
  grid-template-rows: none;
}

.mt-press-asset > div {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 16px;
}

.mt-press-text-link {
  justify-self: start;
  font-size: var(--mt-ui-font-small);
}

.mt-press-logo-download {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding-top: 10px;
  border-top: 1px solid var(--mt-ui-line);
}

.mt-press-logo-download img {
  display: block;
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.mt-press-logo-download .mt-press-button {
  justify-self: start;
}

.mt-press-note {
  margin-top: 10px;
  padding: 12px 14px;
  border: 1px solid var(--mt-ui-info-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
}

.mt-press-founder-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mt-press-founder {
  overflow: hidden;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  min-width: 0;
}

.mt-press-founder > div {
  display: grid;
  gap: 6px;
  align-content: center;
  padding: 16px;
}

.mt-press-link-card {
  color: var(--mt-ui-text);
  text-decoration: none;
}

.mt-press-link-card strong {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h3);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
}

.mt-press-link-card:hover,
.mt-press-link-card:focus-visible {
  border-color: var(--mt-ui-info-line);
  color: var(--mt-ui-text);
  text-decoration: none;
  transform: translateY(-1px);
}

.mt-press-contact {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
  gap: 16px;
  padding: 18px;
  border-color: var(--mt-ui-info-line);
  background: var(--mt-ui-info-bg);
}

.mt-press-contact > div {
  display: grid;
  gap: 6px;
  align-content: start;
}

.mt-press-contact-list {
  padding: 14px;
  border: 1px solid var(--mt-ui-info-line);
  border-radius: var(--mt-ui-radius);
  background: rgba(255, 255, 255, 0.68);
}

.mt-press-contact-person {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.mt-press-contact-person img {
  display: block;
  width: 48px;
  height: 48px;
  border: 2px solid #fff;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: var(--mt-ui-shadow-sm);
}

.mt-press-contact strong,
.mt-press-note strong {
  color: var(--mt-ui-text);
}

@media (max-width: 980px) {
  .mt-press-hero {
    grid-template-columns: 1fr;
  }

  .mt-press-hero-media {
    min-height: 260px;
  }

  .mt-press-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mt-press-feature-grid,
  .mt-press-link-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mt-press-download-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mt-press-contact {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .mt-press-page {
    padding: 24px 14px 44px;
  }

  .mt-press-hero-copy,
  .mt-press-panel,
  .mt-press-contact {
    padding: 16px;
  }

  .mt-press-link-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mt-press-link-row a {
    justify-content: center;
    text-align: center;
  }

  .mt-press-stat-grid,
  .mt-press-feature-grid,
  .mt-press-download-grid,
  .mt-press-founder-grid,
  .mt-press-link-cards {
    grid-template-columns: 1fr;
  }

  .mt-press-asset-wide,
  .mt-press-founder {
    grid-template-columns: 1fr;
  }

  .mt-press-asset-wide {
    grid-template-rows: 220px minmax(0, 1fr);
  }

  .mt-press-founder {
    grid-template-rows: 220px minmax(0, 1fr);
  }
}

@media (max-width: 520px) {
  .mt-press-hero h1 {
    font-size: 26px;
  }

  .mt-press-lead {
    font-size: var(--mt-ui-font-body);
  }

  .mt-press-section-header h2,
  .mt-press-contact h2 {
    font-size: 18px;
  }

  .mt-press-actions,
  .mt-press-link-row {
    grid-template-columns: 1fr;
  }

  .mt-press-button {
    width: 100%;
  }
}

/* End Press page */

/* Campus Agent page */

.mt-agent-page {
  padding: 32px 18px 56px;
  background: var(--mt-ui-page);
}

.mt-agent-wrap {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.mt-agent-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
  gap: 22px;
  align-items: center;
  margin-bottom: 22px;
}

.mt-agent-hero-content {
  display: grid;
  gap: 14px;
}

.mt-agent-eyebrow,
.mt-agent-label {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mt-agent-hero h1 {
  max-width: 760px;
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h1);
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.14;
}

.mt-agent-lead,
.mt-agent-muted {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-body);
  letter-spacing: 0.01em;
}

.mt-agent-lead {
  max-width: 760px;
}

.mt-agent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}

.mt-agent-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 2px solid var(--mt-ui-line);
  border-radius: 999px;
  background: var(--mt-ui-surface);
  color: #334155;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  box-shadow: var(--mt-ui-shadow-sm);
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.mt-agent-button:hover,
.mt-agent-button:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  background: #eff6ff;
  color: var(--mt-ui-action);
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.12);
  text-decoration: none;
  transform: translateY(-1px);
}

.mt-agent-button-primary {
  border-color: var(--mt-ui-action);
  background: var(--mt-ui-action);
  color: #fff;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16);
}

.mt-wp-page a.mt-agent-button-primary {
  color: #fff;
}

.mt-agent-button-primary:hover,
.mt-agent-button-primary:focus-visible,
.mt-wp-page a.mt-agent-button-primary:hover,
.mt-wp-page a.mt-agent-button-primary:focus-visible {
  border-color: var(--mt-ui-action-hover);
  background: var(--mt-ui-action-hover-bg);
  color: var(--mt-ui-action);
}

.mt-agent-hero-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  max-width: 760px;
  padding: 12px 14px;
  border: 1px solid var(--mt-ui-info-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
}

.mt-agent-note-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: rgba(3, 105, 161, 0.12);
  font-weight: 700;
}

.mt-agent-note-text {
  min-width: 0;
  font-size: var(--mt-ui-font-small);
}

.mt-agent-note-link {
  white-space: nowrap;
}

.mt-agent-hero-media {
  justify-self: center;
  width: min(280px, 100%);
}

.mt-agent-hero-media img {
  display: block;
  width: 100%;
  height: auto;
}

.mt-agent-section {
  margin-top: 18px;
}

.mt-agent-section > h2 {
  margin: 0 0 12px;
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h2);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.mt-agent-section-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 12px;
}

.mt-agent-section-head h2 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h2);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.mt-agent-kicker {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mt-agent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.mt-agent-card {
  display: grid;
  gap: 10px;
  align-content: start;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow);
}

.mt-agent-card-soft {
  border-color: var(--mt-ui-info-line);
  background: var(--mt-ui-surface-soft);
}

.mt-agent-card-good {
  border-color: var(--mt-ui-good-line);
  background: var(--mt-ui-good-bg);
}

.mt-agent-card-warn {
  border-color: var(--mt-ui-warn-line);
  background: var(--mt-ui-warn-bg);
}

.mt-agent-card-bad {
  border-color: var(--mt-ui-bad-line);
  background: var(--mt-ui-bad-bg);
}

.mt-agent-card::before {
  content: "";
  display: block;
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: var(--mt-ui-info);
}

.mt-agent-card-good::before {
  background: var(--mt-ui-good);
}

.mt-agent-card-warn::before {
  background: var(--mt-ui-warn);
}

.mt-agent-card-bad::before {
  background: var(--mt-ui-bad);
}

.mt-agent-card h3 {
  color: var(--mt-ui-text);
  font-size: var(--mt-ui-font-h3);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.35;
}

.mt-agent-list {
  display: grid;
  gap: 8px;
  padding-left: 18px;
  color: var(--mt-ui-text);
}

.mt-agent-list li {
  padding-left: 2px;
}

.mt-agent-small {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
}

.mt-agent-mail {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 4px;
}

.mt-agent-mail-chip {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--mt-ui-line);
  border-radius: 999px;
  background: var(--mt-ui-surface);
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
}

@media (max-width: 760px) {
  .mt-agent-page {
    padding: 24px 14px 42px;
  }

  .mt-agent-hero {
    grid-template-columns: 1fr;
  }

  .mt-agent-hero-media {
    width: min(220px, 72vw);
  }

  .mt-agent-hero-note {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .mt-agent-note-link {
    grid-column: 2;
    white-space: normal;
  }
}

/* End Campus Agent page */

/* Institutions page */

.mt-institutions-page {
  padding: 32px 18px 56px;
  background: var(--mt-ui-page);
}

.mt-institutions-wrap {
  width: min(1120px, 100%);
  margin: 0 auto;
}

.mt-institutions-hero,
.mt-institutions-section {
  display: grid;
  gap: 18px;
}

.mt-institutions-hero {
  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 1fr);
  align-items: stretch;
}

.mt-institutions-eyebrow,
.mt-institutions-label {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mt-institutions-hero h1,
.mt-institutions-section h2,
.mt-institutions-panel h2,
.mt-institutions-card h3 {
  margin: 0;
  color: var(--mt-ui-text);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.mt-institutions-hero h1 {
  font-size: var(--mt-ui-font-h1);
  line-height: 1.14;
}

.mt-institutions-section h2,
.mt-institutions-panel h2 {
  font-size: var(--mt-ui-font-h2);
}

.mt-institutions-card h3 {
  font-size: var(--mt-ui-font-h3);
}

.mt-institutions-lead,
.mt-institutions-muted {
  color: var(--mt-ui-muted);
  font-size: var(--mt-ui-font-body);
  letter-spacing: 0.01em;
}

.mt-institutions-hero-copy,
.mt-institutions-panel,
.mt-institutions-card,
.mt-institutions-team {
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow);
}

.mt-institutions-hero-copy {
  display: grid;
  gap: 10px;
  align-content: center;
  padding: 8px 4px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.mt-institutions-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}

.mt-institutions-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 2px solid var(--mt-ui-line);
  border-radius: 999px;
  background: var(--mt-ui-surface);
  color: #334155;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-decoration: none;
  box-shadow: var(--mt-ui-shadow-sm);
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.mt-institutions-button:hover,
.mt-institutions-button:focus-visible {
  border-color: rgba(37, 99, 235, 0.42);
  background: #eff6ff;
  color: var(--mt-ui-action);
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.12);
  text-decoration: none;
  transform: translateY(-1px);
}

.mt-institutions-button-primary {
  border-color: var(--mt-ui-action);
  background: var(--mt-ui-action);
  color: #fff;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16);
}

.mt-wp-page a.mt-institutions-button-primary {
  color: #fff;
}

.mt-institutions-button-primary:hover,
.mt-institutions-button-primary:focus-visible {
  border-color: var(--mt-ui-action-hover);
  background: var(--mt-ui-action-hover-bg);
  color: var(--mt-ui-action);
}

.mt-wp-page a.mt-institutions-button-primary:hover,
.mt-wp-page a.mt-institutions-button-primary:focus-visible {
  color: var(--mt-ui-action);
}

.mt-institutions-video {
  overflow: hidden;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: #0f172a;
  box-shadow: var(--mt-ui-shadow);
}

.mt-institutions-video-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 280px;
  aspect-ratio: 16 / 9;
}

.mt-institutions-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.mt-institutions-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  padding: 12px;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow-sm);
}

.mt-institutions-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 11px;
  border: 1px solid var(--mt-ui-line);
  border-radius: 999px;
  background: var(--mt-ui-surface-soft);
  color: var(--mt-ui-link);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
  text-decoration: none;
}

.mt-institutions-nav a:hover,
.mt-institutions-nav a:focus-visible {
  border-color: var(--mt-ui-info-line);
  background: var(--mt-ui-info-bg);
  color: var(--mt-ui-info);
  text-decoration: none;
}

.mt-institutions-section {
  margin-top: 18px;
}

.mt-institutions-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.mt-institutions-media {
  overflow: hidden;
  height: 100%;
  margin: 0;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface);
  box-shadow: var(--mt-ui-shadow-sm);
}

.mt-institutions-media--white {
  display: grid;
  place-items: center;
  padding: 10px;
  background: #fff;
}

.mt-institutions-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: calc(var(--mt-ui-radius) - 2px);
}

.mt-institutions-panel {
  display: grid;
  gap: 10px;
  padding: 18px;
}

.mt-institutions-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.mt-institutions-card {
  display: grid;
  gap: 8px;
  padding: 16px;
  border-color: var(--mt-ui-info-line);
  background: var(--mt-ui-surface-soft);
}

.mt-institutions-card::before {
  content: "";
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: var(--mt-ui-info);
}

.mt-institutions-contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.9fr);
  gap: 12px;
}

.mt-institutions-mail-list {
  display: grid;
  gap: 8px;
  padding: 0;
  list-style: none;
}

.mt-institutions-mail-list li {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface-soft);
}

.mt-institutions-mail-list-inline {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mt-institutions-mail-list strong {
  color: var(--mt-ui-text);
  font-weight: 600;
}

.mt-institutions-form-panel {
  width: min(760px, 100%);
  margin-right: auto;
  margin-left: auto;
}

.mt-institutions-form {
  margin-top: 4px;
}

.mt-institutions-form .wpcf7 {
  margin: 0;
}

.mt-institutions-form .wpcf7-form {
  display: grid;
  gap: 12px;
}

.mt-institutions-form .wpcf7-form p {
  display: grid;
  gap: 6px;
}

.mt-institutions-form label {
  display: grid;
  gap: 6px;
  color: var(--mt-ui-text);
  font-weight: 600;
  letter-spacing: 0.02em;
}

.mt-institutions-form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.mt-institutions-form textarea {
  width: 100%;
  min-height: 40px;
  padding: 8px 11px;
  border: 1px solid var(--mt-ui-line-strong);
  border-radius: var(--mt-ui-radius);
  background: #fff;
  color: var(--mt-ui-text);
  font: inherit;
  font-weight: 400;
  letter-spacing: 0;
}

.mt-institutions-form textarea {
  min-height: 128px;
  resize: vertical;
}

.mt-institutions-form input:not([type="submit"]):focus,
.mt-institutions-form textarea:focus {
  border-color: rgba(37, 99, 235, 0.48);
  outline: 2px solid rgba(37, 99, 235, 0.14);
  outline-offset: 1px;
}

.mt-institutions-form input[type="submit"],
.mt-institutions-form .wpcf7-submit {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  width: auto;
  padding: 0 16px;
  border: 2px solid var(--mt-ui-action);
  border-radius: 999px;
  background: var(--mt-ui-action);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  letter-spacing: 0.02em;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16);
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.mt-institutions-form input[type="submit"]:hover,
.mt-institutions-form input[type="submit"]:focus-visible,
.mt-institutions-form .wpcf7-submit:hover,
.mt-institutions-form .wpcf7-submit:focus-visible {
  border-color: var(--mt-ui-action-hover);
  background: var(--mt-ui-action-hover-bg);
  color: var(--mt-ui-action);
  box-shadow: 0 6px 14px rgba(37, 99, 235, 0.12);
  transform: translateY(-1px);
}

.mt-institutions-form .wpcf7-not-valid-tip {
  color: var(--mt-ui-bad);
  font-size: var(--mt-ui-font-small);
  font-weight: 600;
}

.mt-institutions-form .wpcf7-response-output {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  font-size: var(--mt-ui-font-small);
}

.mt-institutions-form .captcha-image {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--mt-ui-line);
  border-radius: var(--mt-ui-radius);
  background: var(--mt-ui-surface-soft);
}

.mt-institutions-form .captcha-image label {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
}

.mt-institutions-form .captcha-image svg {
  width: 24px;
  height: 24px;
}

.mt-institutions-team {
  display: grid;
  justify-items: center;
  gap: 6px;
  margin-top: 18px;
  padding: 14px 18px 4px;
  text-align: center;
  background: transparent;
  box-shadow: none;
}

.mt-institutions-team-wordmark {
  display: block;
  width: 150px;
  max-width: 100%;
  height: auto;
}

@media (max-width: 900px) {
  .mt-institutions-page {
    padding: 24px 14px 44px;
  }

  .mt-institutions-hero,
  .mt-institutions-split,
  .mt-institutions-contact-grid {
    grid-template-columns: 1fr;
  }

  .mt-institutions-video-inner {
    height: auto;
  }

  .mt-institutions-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .mt-institutions-card-grid {
    grid-template-columns: 1fr;
  }

  .mt-institutions-nav {
    display: grid;
    grid-template-columns: 1fr;
  }

  .mt-institutions-mail-list-inline {
    grid-template-columns: 1fr;
  }

  .mt-institutions-nav a {
    justify-content: center;
    text-align: center;
  }

  .mt-institutions-hero h1 {
    font-size: 26px;
  }

  .mt-institutions-section h2,
  .mt-institutions-panel h2 {
    font-size: 18px;
  }
}

/* End Institutions page */