/* =========================================================
   Matcher premium patch — harmonisation fond clair + modules noirs
   ========================================================= */
:root {
   --paper: #f3eee6;
   --bg: #080706;
   --ink: #f6efe6;
   --dark: #080706;
   --panel: #0e0c09;
   --panel-2: #15110d;
   --accent: #ef8e2a;
   --cdf-orange: #ef8e2a;
   --accent-2: #b94a00;
   --muted: rgba(246, 239, 230, .68);
   --line: rgba(246, 239, 230, .18);
}

html {
   background: var(--paper);
   scroll-padding-top: 96px;
}

body.matcher-premium {
   background: radial-gradient(circle at 18% 0%, rgba(239, 142, 42, .20), transparent 32rem), radial-gradient(circle at 86% 22%, rgba(185, 74, 0, .12), transparent 28rem), var(--paper) !important;
   color: #0d0d0d !important;
}

body.matcher-premium .noise {
   opacity: .025;
   mix-blend-mode: multiply;
}

body.matcher-premium .lang-switcher {
position: fixed !important;
    top: 14px !important;
    left: 16px !important;
    right: 16px !important;
    z-index: 9999 !important;
    background: rgba(8, 7, 6, .88) !important;
    color: #f2ede4 !important;
    border-color: rgba(242, 237, 228, .20) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: transform .24s ease, box-shadow .24s ease, background .24s ease;
}


body.matcher-premium .lang-switcher a,
body.matcher-premium .lang-switcher span,
body.matcher-premium .lang-switcher svg {
   color: #f6efe6 !important;
   stroke: #f6efe6 !important;
}

body.matcher-premium .lang-switcher a {
   border-radius: 999px !important;
   border: 1px solid transparent;
}

body.matcher-premium .lang-switcher a.active,
body.matcher-premium .lang-switcher a:hover {
   background: var(--accent) !important;
   color: #130a04 !important;
   border-color: var(--accent) !important;
}

body.matcher-premium .lang-switcher a.active svg,
body.matcher-premium .lang-switcher a:hover svg {
   stroke: #130a04 !important;
}

body.matcher-premium .desktop-command-rail,
body.matcher-premium .desktop-rail-inner {
   background: #080706 !important;
   color: #f6efe6 !important;
}

body.matcher-premium .desktop-command-rail {
   border-color: rgba(246, 239, 230, .20) !important;
   box-shadow: 0 24px 70px rgba(0, 0, 0, .30) !important;
}

body.matcher-premium .desktop-command-rail a,
body.matcher-premium .desktop-command-rail a span {
   color: #f6efe6 !important;
}

body.matcher-premium .desktop-command-rail a.active,
body.matcher-premium .desktop-command-rail a:hover,
body.matcher-premium .desktop-command-rail a.active span,
body.matcher-premium .desktop-command-rail a:hover span {
   color: var(--accent) !important;
}

body.matcher-premium .interaction-wrap {
   padding-top: 110px;
}

body.matcher-premium .interaction-hero,
body.matcher-premium .matcher-stage,
body.matcher-premium .evaluation-detail-panel,
body.matcher-premium .result-main-card,
body.matcher-premium .result-side-card,
body.matcher-premium .contact-card,
body.matcher-premium .export-card,
body.matcher-premium .bayes-stack,
body.matcher-premium .eval-section,
body.matcher-premium .question-card,
body.matcher-premium .answer-card,
body.matcher-premium .calc-console {
   background: linear-gradient(180deg, rgba(18, 15, 11, .98), rgba(8, 7, 6, .98)) !important;
   color: #f6efe6 !important;
   border-color: rgba(246, 239, 230, .16) !important;
   box-shadow: 0 24px 80px rgba(0, 0, 0, .24) !important;
   border-radius: 18px;
}

body.matcher-premium .interaction-hero h1,
body.matcher-premium .interaction-hero p,
body.matcher-premium .matcher-stage h1,
body.matcher-premium .matcher-stage h2,
body.matcher-premium .matcher-stage p,
body.matcher-premium .result-main-card h1,
body.matcher-premium .result-main-card h2,
body.matcher-premium .result-main-card p,
body.matcher-premium .evaluation-detail-panel p,
body.matcher-premium .question-card,
body.matcher-premium .answer-card {
   color: #f6efe6 !important;
}

body.matcher-premium .interaction-lede b,
body.matcher-premium .eyebrow,
body.matcher-premium .rail-kicker {
   color: var(--accent) !important;
}

body.matcher-premium .hero-rail,
body.matcher-premium .match-progress,
body.matcher-premium .confidence-meter,
body.matcher-premium .score-chip,
body.matcher-premium .matcher-actions button,
body.matcher-premium .result-topline {
   background: rgba(246, 239, 230, .07) !important;
   color: #f6efe6 !important;
   border-color: rgba(246, 239, 230, .15) !important;
}

body.matcher-premium button.primary,
body.matcher-premium .matcher-actions button.primary {
   background: var(--accent) !important;
   color: #130a04 !important;
   border-color: var(--accent) !important;
}

body.matcher-premium input,
body.matcher-premium textarea,
body.matcher-premium select {
   background: #f2ede4 !important;
   color: #0d0d0d !important;
   border-color: rgba(13, 13, 13, .28) !important;
}

@media (max-width:900px) {
   body.matcher-premium {
      padding-top: 74px !important;
   }

   body.matcher-premium .lang-switcher {
      top: 10px !important;
      left: 10px !important;
      right: 10px !important;
      bottom: auto !important;
      width: auto !important;
      transform: none !important;
      justify-content: space-between !important;
      border-radius: 22px !important;
      padding: 10px 11px !important;
   }

   body.matcher-premium .lang-switcher .nav-logo {
      width: 28px;
      height: 28px;
      margin-right: 4px;
   }

   body.matcher-premium .lang-switcher a {
      padding: 12px 13px !important;
      font-size: 10px !important;
      letter-spacing: .08em !important;
   }

   body.matcher-premium .lang-switcher .home-link {
      margin-left: auto !important;
   }

   body.matcher-premium .desktop-command-rail {
      display: none !important;
   }

   body.matcher-premium .interaction-wrap {
      padding-top: 20px !important;
   }

   body.matcher-premium .interaction-hero,
   body.matcher-premium .matcher-stage,
   body.matcher-premium .evaluation-detail-panel,
   body.matcher-premium .result-main-card {
      border-radius: 24px !important;
   }
}

.matcher-hero {
  display: block;
  padding: clamp(24px, 5vw, 72px) 0;
}

.bayesian-hero-image {
  width: min(100%, 1280px);
  margin: 0 auto;
  padding: clamp(10px, 2vw, 18px);
  border-radius: 28px;
  background: #000;
  border: 1px solid rgba(255, 122, 0, .35);
  box-shadow:
    0 0 0 1px rgba(255, 122, 0, .12),
    0 24px 80px rgba(0, 0, 0, .55);
  overflow: hidden;
}

.bayesian-hero-image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  border-radius: 20px;
  object-fit: contain;
}

@media (max-width: 700px) {
  .matcher-hero {
    padding: 18px 0 34px;
  }

  .bayesian-hero-image {
    width: calc(100% - 20px);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
  }

  .bayesian-hero-image img {
    width: 1100px;
    max-width: none;
    height: auto;
  }
}

.interaction-lede {
   border: 1px solid rgba(255, 255, 255, .12);
    background: radial-gradient(circle at 10% 0%, rgba(239, 142, 42, .12), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
    border-radius: 30px;
    box-shadow: 0 32px 110px rgba(0, 0, 0, .28);
}

.mobile-only {
  display: none;
}

.desktop-only {
  display: block;
}

@media (max-width: 700px) {
  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }
}

@media (min-width: 701px) {
  .mobile-only {
    display: none !important;
  }

  .desktop-only {
    display: block !important;
  }
}

.cdf-topbar {
  position: fixed;
  z-index: 9999;
  left: 16px;
  right: 16px;
  top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--cdf-line);
  border-radius: 999px;
  background: rgba(8, 7, 6, .88) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: var(--cdf-shadow);
  color: #f2ede4 !important;
  border-color: rgba(242, 237, 228, .20) !important;
  transition: transform .24s ease, box-shadow .24s ease, background .24s ease;
}

@media (max-width: 900px) {
  .cdf-topbar {
    left: 10px !important;
    right: 10px !important;
    top: 10px !important;
    border-radius: 22px !important;
    padding: 10px 11px !important;
  }
 }
 .cdf-topbar a span {
  font: 700 11px / 1 JetBrains Mono, monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-decoration: none;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: rgba(255, 247, 234, .78);
  transition: .22s ease;
  text-decoration: none;
}

.cdf-topbar.is-scrolled {
  box-shadow: 0 18px 60px rgba(0, 0, 0, .22) !important;
  background: rgba(8, 7, 6, .94) !important;
}

.cdf-topbar a,
.cdf-topbar span,
.cdf-topbar b {
  color: inherit;
}

.cdf-topbar .primary {
  color: #120b05 !important;
}


.cdf-nav {
  display: flex;
  gap: 8px;
  align-items: center
}

.cdf-nav a {
  font: 700 11px/1 JetBrains Mono, monospace;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-decoration: none;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: rgba(255, 247, 234, .78);
  transition: .22s ease
}

.cdf-nav a:hover {
  border-color: var(--cdf-line);
  background: var(--cdf-soft);
  color: #fff
}

.cdf-nav .primary {
    background: var(--cdf-orange);
    color: #111;
    border-color: var(--cdf-orange);
    box-shadow: 0 0 38px rgba(255, 106, 0, .34);
}

@media (max-width: 900px) {
  .cdf-nav a:not(.primary) {
    display: none
  }

  .cdf-nav a {
    padding: 12px
  }
  .cdf-nav a.primary {
    padding: 12px 14px !important;
  }

}