/* MX Garage - Rechner-Optik (Werkstatt-Dark, namespaced mxr-). Self-contained:
   dunkle Kacheln funktionieren auch auf hellem Theme-Hintergrund. */
.mx-rechner, .mxr-suite{
  --mxr-bg:#0d0e11; --mxr-panel:#15171c; --mxr-panel2:#1b1e25; --mxr-line:#2b3038;
  --mxr-ink:#f4f5f7; --mxr-muted:#c7ccd5; --mxr-faint:#a3a9b3;
  --mxr-orange:#ff6a00; --mxr-orange2:#ff8b33; --mxr-green:#57d36a; --mxr-amber:#f4b740; --mxr-red:#ff5d5d;
  /* 0.233.0: Schrift an den restlichen MX-Look angleichen. Display = exakt --mx-disp,
     Body = Seitenschrift (inherit) statt eigener Barlow-Schrift -> Rechner wirkt wie MX. */
  --mxr-disp:'Barlow Semi Condensed',system-ui,sans-serif;
  --mxr-body:inherit;
}
.mxr-suite{display:block;margin:6px 0 4px}

/* Tabs */
.mxr-tabs{display:flex;gap:6px;background:var(--mxr-panel);
  border:1px solid var(--mxr-line);border-radius:12px;padding:6px;margin:0 0 14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mxr-tabs::-webkit-scrollbar{height:0}
.mxr-tab{flex:1 0 auto;white-space:nowrap;appearance:none;border:0;background:transparent;color:var(--mxr-muted);
  font-family:var(--mxr-disp);font-weight:600;font-size:14px;letter-spacing:1px;text-transform:uppercase;
  padding:11px 6px;border-radius:8px;cursor:pointer;transition:.18s;text-align:center}
.mxr-tab .mxr-t2{display:block;font-family:var(--mxr-body);font-weight:500;font-size:10.5px;letter-spacing:.3px;
  text-transform:none;color:var(--mxr-faint);margin-top:2px}
.mxr-tab[aria-selected="true"]{background:linear-gradient(180deg,#23262e,#181a20);color:var(--mxr-ink);
  box-shadow:inset 0 0 0 1px var(--mxr-line)}
.mxr-tab[aria-selected="true"]::after{content:"";display:block;height:2px;width:26px;margin:7px auto 0;
  background:var(--mxr-orange);border-radius:2px}
.mxr-tab:focus-visible{outline:2px solid var(--mxr-orange);outline-offset:2px}
.mxr-panel{display:none}
.mxr-panel.is-on{display:block}
.mxr-tool + .mxr-tool{margin-top:14px}

/* Card */
.mxr-card{background:var(--mxr-panel);border:1px solid var(--mxr-line);border-radius:14px;
  padding:16px 15px;color:var(--mxr-ink);font-family:var(--mxr-body);line-height:1.45}
.mx-rechner .mxr-card{margin:0}
.mxr-eyebrow{font-family:var(--mxr-disp);font-weight:600;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--mxr-orange);margin:0 0 12px;display:flex;align-items:center;gap:9px}
.mxr-eyebrow::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--mxr-line),transparent)}

/* Inputs */
.mxr-row{display:grid;gap:10px;margin-bottom:12px}
.mxr-row > *{min-width:0}
.mxr-row.mxr-c3{grid-template-columns:1fr 1fr 1fr}
.mxr-row.mxr-c2{grid-template-columns:1fr 1fr}
.mxr-fld label{display:block;font-family:var(--mxr-disp);font-weight:600;font-size:12px;letter-spacing:.4px;
  text-transform:uppercase;color:var(--mxr-muted);margin:0 0 5px}
.mxr-ib{display:flex;align-items:center;min-width:0;background:var(--mxr-panel2);border:1px solid var(--mxr-line);
  border-radius:10px;padding:0 10px;transition:.15s}
.mxr-ib:focus-within{border-color:var(--mxr-orange);box-shadow:0 0 0 3px rgba(255,106,0,.16)}
.mxr-ib input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--mxr-ink);
  font-family:var(--mxr-disp);font-weight:600;font-size:18px;padding:10px 0;font-variant-numeric:tabular-nums}
.mxr-ib input::placeholder{color:var(--mxr-faint);font-weight:500}
.mxr-ib select{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--mxr-ink);
  font-family:var(--mxr-disp);font-weight:600;font-size:17px;padding:10px 0;cursor:pointer;appearance:none;-webkit-appearance:none}
.mxr-ib select option{color:#111;background:#fff}
.mxr-ib .mxr-unit{font-family:var(--mxr-disp);font-weight:600;font-size:12px;color:var(--mxr-faint);
  letter-spacing:.5px;padding-left:8px;white-space:nowrap}
.mxr-hint{font-size:11.5px;color:var(--mxr-faint);margin:4px 1px 0;line-height:1.35}

/* Eigenes Dropdown (mxr-sel) statt nativem select */
.mxr-sel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:var(--mxr-panel2);border:1px solid var(--mxr-line);border-radius:10px;padding:10px;cursor:pointer;
  color:var(--mxr-ink);font-family:var(--mxr-disp);font-weight:600;font-size:17px;user-select:none;transition:.15s}
.mxr-sel:focus-visible{outline:2px solid var(--mxr-orange);outline-offset:2px}
.mxr-sel.is-open{border-color:var(--mxr-orange);box-shadow:0 0 0 3px rgba(255,106,0,.16)}
.mxr-sel-val{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mxr-sel-caret{color:var(--mxr-faint);font-size:11px;transition:.15s}
.mxr-sel.is-open .mxr-sel-caret{transform:rotate(180deg);color:var(--mxr-orange)}
.mxr-sel-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;margin:0;padding:4px;list-style:none;
  background:var(--mxr-panel2);border:1px solid var(--mxr-line);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.55);
  max-height:240px;overflow:auto}
.mxr-sel-list[hidden]{display:none}
.mxr-sel-opt{padding:9px 10px;border-radius:7px;cursor:pointer;font-family:var(--mxr-disp);font-weight:600;font-size:16px;color:var(--mxr-ink)}
.mxr-sel-opt:hover{background:rgba(255,106,0,.12)}
.mxr-sel-opt[aria-selected="true"]{background:rgba(255,106,0,.18);color:var(--mxr-orange2)}

/* Natives Dropdown (0.76.2): ersetzt das custom mxr-sel, OS-Auswahlrad am Handy. */
.mxr-nsel{width:100%;box-sizing:border-box;background:var(--mxr-panel2);border:1px solid var(--mxr-line);
  border-radius:10px;padding:11px 38px 11px 12px;color:var(--mxr-ink);font-family:var(--mxr-disp);font-weight:600;
  font-size:16px;line-height:1.3;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path fill='%23ff6a00' d='M1 1l5 5 5-5'/></svg>");
  background-repeat:no-repeat;background-position:right 13px center;background-size:12px 8px}
.mxr-nsel:focus-visible{outline:2px solid var(--mxr-orange);outline-offset:2px;border-color:var(--mxr-orange)}
.mxr-nsel option{background:var(--mxr-panel2);color:var(--mxr-ink)}

/* Hero (Enduebersetzung) + duo (Speed | Radumfang) */
.mxr-hero{background:linear-gradient(180deg,#202329,#15171c);border:1px solid var(--mxr-line);
  border-radius:12px;padding:14px 15px;margin:4px 0 10px}
.mxr-hero .mxr-k{font-family:var(--mxr-disp);font-weight:600;font-size:10.5px;letter-spacing:2px;
  text-transform:uppercase;color:var(--mxr-muted)}
.mxr-hero .mxr-v{font-family:var(--mxr-disp);font-weight:700;font-size:44px;line-height:1;color:var(--mxr-ink);
  font-variant-numeric:tabular-nums;margin-top:5px}
.mxr-hero .mxr-sub{font-size:11.5px;color:var(--mxr-faint);margin-top:5px}
.mxr-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}
.mxr-gauge{background:linear-gradient(180deg,#202329,#15171c);border:1px solid var(--mxr-line);
  border-radius:12px;padding:13px 14px}
.mxr-gauge .mxr-k{font-family:var(--mxr-disp);font-weight:600;font-size:10.5px;letter-spacing:2px;
  text-transform:uppercase;color:var(--mxr-muted)}
.mxr-gauge .mxr-v{font-family:var(--mxr-disp);font-weight:700;font-size:26px;line-height:1;color:var(--mxr-ink);
  font-variant-numeric:tabular-nums;margin-top:6px}
.mxr-v .mxr-small{font-size:15px;color:var(--mxr-muted);font-weight:600}
.mxr-gauge .mxr-sub{font-size:11px;color:var(--mxr-faint);margin-top:5px}

/* Antritt<->Topspeed meter */
.mxr-meter{margin:13px 0 2px}
.mxr-ends{display:flex;justify-content:space-between;font-family:var(--mxr-disp);font-weight:600;
  font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--mxr-muted);margin-bottom:6px}
.mxr-track{position:relative;height:12px;border-radius:7px;background:var(--mxr-panel2);
  border:1px solid var(--mxr-line);overflow:hidden}
.mxr-center{position:absolute;left:50%;top:-3px;bottom:-3px;width:2px;background:var(--mxr-line);transform:translateX(-50%)}
.mxr-fill{position:absolute;top:0;bottom:0;left:50%;right:50%;
  background:linear-gradient(90deg,rgba(255,106,0,.35),var(--mxr-orange));transition:.25s}
.mxr-marker{position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:50%;background:var(--mxr-orange);
  border:2px solid #0d0e11;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(255,106,0,.25);transition:.25s}
.mxr-chips{display:flex;justify-content:center;gap:8px;margin-top:11px;flex-wrap:wrap}
.mxr-chip{font-family:var(--mxr-disp);font-weight:600;font-size:12.5px;letter-spacing:.5px;
  background:var(--mxr-panel2);border:1px solid var(--mxr-line);color:var(--mxr-ink);border-radius:999px;padding:5px 11px}
.mxr-chip .mxr-lbl{color:var(--mxr-muted);font-weight:500;margin-right:5px}
.mxr-chip.mxr-pos{border-color:rgba(87,211,106,.4)} .mxr-chip.mxr-pos b{color:var(--mxr-green)}
.mxr-chip.mxr-neg{border-color:rgba(255,106,0,.4)} .mxr-chip.mxr-neg b{color:var(--mxr-orange2)}

/* Vergleich (collapsible) */
details.mxr-cmp{margin-top:14px;border-top:1px solid var(--mxr-line);padding-top:12px}
details.mxr-cmp summary{font-family:var(--mxr-disp);font-weight:600;font-size:12px;letter-spacing:1px;
  text-transform:uppercase;color:var(--mxr-muted);cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
details.mxr-cmp summary::-webkit-details-marker{display:none}
details.mxr-cmp summary::before{content:"+";color:var(--mxr-orange);font-family:var(--mxr-disp);font-size:16px;line-height:1}
details.mxr-cmp[open] summary::before{content:"\2013"}

/* Sag gauges */
.mxr-sag{display:grid;gap:14px;margin-top:6px}
.mxr-gw{background:var(--mxr-panel2);border:1px solid var(--mxr-line);border-radius:12px;padding:13px 14px}
.mxr-gw .mxr-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}
.mxr-gw .mxr-name{font-family:var(--mxr-disp);font-weight:600;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.mxr-gw .mxr-val{font-family:var(--mxr-disp);font-weight:700;font-size:30px;line-height:1;
  font-variant-numeric:tabular-nums;color:var(--mxr-ink)}
.mxr-gw .mxr-val .mxr-u{font-size:14px;color:var(--mxr-muted);font-weight:600;margin-left:2px}
.mxr-bar{position:relative;height:14px;border-radius:8px;background:#0f1115;border:1px solid var(--mxr-line);overflow:hidden}
.mxr-band{position:absolute;top:0;bottom:0;background:rgba(87,211,106,.22);
  border-left:1px solid rgba(87,211,106,.5);border-right:1px solid rgba(87,211,106,.5)}
.mxr-mk{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--mxr-ink);transform:translateX(-50%);transition:.25s}
.mxr-status{font-size:12px;margin-top:8px;color:var(--mxr-muted)}
.mxr-status b{font-family:var(--mxr-disp);font-weight:600;letter-spacing:.3px}
.mxr-ok b{color:var(--mxr-green)} .mxr-warn b{color:var(--mxr-amber)} .mxr-bad b{color:var(--mxr-red)}
.mxr-scale{display:flex;justify-content:space-between;font-size:10px;color:var(--mxr-faint);margin-top:5px;font-variant-numeric:tabular-nums}

/* Gemisch */
.mxr-presets{display:flex;gap:8px;margin-bottom:13px;flex-wrap:wrap}
.mxr-pre{appearance:none;border:1px solid var(--mxr-line);background:var(--mxr-panel2);color:var(--mxr-ink);
  font-family:var(--mxr-disp);font-weight:600;font-size:14px;letter-spacing:.5px;padding:8px 14px;border-radius:10px;cursor:pointer;transition:.15s}
.mxr-pre[aria-pressed="true"]{border-color:var(--mxr-orange);color:var(--mxr-orange);background:rgba(255,106,0,.08)}
.mxr-pre:focus-visible{outline:2px solid var(--mxr-orange);outline-offset:2px}
.mxr-bigout{display:flex;align-items:baseline;gap:10px;background:linear-gradient(180deg,#202329,#15171c);
  border:1px solid var(--mxr-line);border-radius:12px;padding:16px;margin-top:4px}
.mxr-bigout .mxr-v{font-family:var(--mxr-disp);font-weight:700;font-size:46px;line-height:.9;color:var(--mxr-orange);font-variant-numeric:tabular-nums}
.mxr-bigout .mxr-u{font-family:var(--mxr-disp);font-weight:600;font-size:15px;color:var(--mxr-muted);letter-spacing:1px;text-transform:uppercase}
.mxr-bigout .mxr-side{margin-left:auto;text-align:right;color:var(--mxr-muted);font-size:12px}
.mxr-bigout .mxr-side b{font-family:var(--mxr-disp);font-weight:700;color:var(--mxr-ink);font-size:20px;display:block;font-variant-numeric:tabular-nums}

.mxr-note{font-size:11px;color:var(--mxr-faint);margin-top:10px;line-height:1.45}
.mxr-note b{color:var(--mxr-muted);font-weight:600}

/* Uebernehmen */
.mxr-take{appearance:none;margin-top:12px;border:1px solid var(--mxr-orange);background:rgba(255,106,0,.10);
  color:var(--mxr-orange2);font-family:var(--mxr-disp);font-weight:600;font-size:13px;letter-spacing:.5px;
  padding:9px 14px;border-radius:10px;cursor:pointer;transition:.15s}
.mxr-take:hover{background:rgba(255,106,0,.18)}
.mxr-take:focus-visible{outline:2px solid var(--mxr-orange);outline-offset:2px}

@media (max-width:430px){
  .mxr-row.mxr-c3{grid-template-columns:1fr 1fr}
  .mxr-duo{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  .mxr-row.mxr-c3,
  .mxr-row.mxr-c2,
  .mxr-duo{grid-template-columns:1fr}
  .mxr-sel{width:100%}
}
@media (prefers-reduced-motion:reduce){.mx-rechner *,.mxr-suite *{transition:none!important;animation:none!important}}

/* Hilfe-Block je Rechner (0.57.0): dezent, aufklappbar. */
.mxr-help{margin:0 0 12px;border:1px solid var(--mxr-line);border-radius:8px;background:var(--mxr-panel2)}
.mxr-help summary{cursor:pointer;list-style:none;padding:8px 12px;font-size:12px;font-weight:600;color:var(--mxr-muted);user-select:none;display:flex;align-items:center}
.mxr-help summary::-webkit-details-marker{display:none}
.mxr-help summary::before{content:"?";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;border-radius:50%;background:var(--mxr-orange);color:#1a0d00;font-weight:700;font-size:11px;flex:0 0 auto}
.mxr-help[open] summary{color:var(--mxr-ink);border-bottom:1px solid var(--mxr-line)}
.mxr-help-body{padding:11px 12px;font-size:12px;line-height:1.5;color:var(--mxr-muted)}
.mxr-help-body p{margin:0 0 9px}
.mxr-help-body p:last-child{margin:0}
.mxr-help-body b{display:block;color:var(--mxr-ink);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}
.mxr-help-src{color:var(--mxr-faint);font-style:italic}

/* Theme-Haertung (0.57.2): Kadence faerbt <label> global dunkel ein und ueberschreibt
   die Feld-Label-Farbe -> Lesbarkeit erzwingen. Betraf alle Rechner (GABEL-TYP, RITZEL
   VORN, UNTERGRUND, VOLL AUSGEFEDERT ...). */
.mx-rechner .mxr-fld label, .mxr-suite .mxr-fld label{ color:var(--mxr-muted) !important; }

/* 0.195.1 Fix: Kadence stylt jeden <button> weiss (--global-palette-btn-bg[-hover]=#fff).
   Bei nicht-aktiven Tabs schlaegt button:hover/:focus/:active (0,1,1) durch .mxr-tab (0,1,0).
   Hoehere Spezifitaet (.mxr-tabs .mxr-tab... = 0,2,1) haelt das Theme-Weiss zuverlaessig fern. */
.mxr-tabs .mxr-tab:hover,.mxr-tabs .mxr-tab:focus,.mxr-tabs .mxr-tab:active{background:var(--mxr-panel2);color:var(--mxr-ink);box-shadow:none}
.mxr-tabs .mxr-tab[aria-selected="true"],.mxr-tabs .mxr-tab[aria-selected="true"]:hover,.mxr-tabs .mxr-tab[aria-selected="true"]:focus,.mxr-tabs .mxr-tab[aria-selected="true"]:active{background:linear-gradient(180deg,#23262e,#181a20);color:var(--mxr-ink);box-shadow:inset 0 0 0 1px var(--mxr-line)}

/* 0.204.0 Geeichter Setup-Rechner (data-kind="fahrwerk"). */
.mxr-eich-block{ margin:10px 0 4px; }
.mxr-eich-head{ margin:0 0 6px; font-size:.95rem; font-weight:700; }
.mxr-eich-tag{ font-size:.7rem; font-weight:600; color:#0a0d12; background:#e6a700; border-radius:6px; padding:1px 6px; vertical-align:middle; }
.mxr-eich-row{ padding:8px 0; border-top:1px solid rgba(255,255,255,.08); }
.mxr-eich-top{ display:flex; justify-content:space-between; align-items:baseline; gap:8px; flex-wrap:wrap; }
.mxr-eich-name{ font-weight:600; }
.mxr-eich-range{ font-size:.78rem; opacity:.75; }
.mxr-eich-out{ display:flex; justify-content:space-between; align-items:baseline; gap:8px; flex-wrap:wrap; margin-top:4px; }
.mxr-eich-pct{ font-weight:700; }
.mxr-eich-rec{ font-size:.78rem; opacity:.8; }

.mxr-eich-row .mxr-take{ margin-top:6px; }

/* 0.232.0: Klassenlose Ueberschriften in Rechner-/Mount-Bloecken hell halten.
   Ohne diese Regel erben sie die dunkle Theme-Default-Farbe und sind auf dem
   dunklen Panel unlesbar (z. B. "Gabel (Front)", "Federbein / Schwinge", "Sag"). */
.mx-rechner h1,.mx-rechner h2,.mx-rechner h3,.mx-rechner h4,.mx-rechner h5,.mx-rechner h6,
.mxr-suite h1,.mxr-suite h2,.mxr-suite h3,.mxr-suite h4,.mxr-suite h5,.mxr-suite h6{
  color:var(--mxr-ink) !important;
}

/* 0.234.0: Rechner-Reiter im MX-Tab-Stil (dunkle Kacheln + oranger Rahmen/Balken bei
   aktiv) statt duenner Unterstrich-Tabs -> passt zu den Renn-/Detail-Tabs (mx-renntab). */
.mx-rechner .mxr-tabs{
  background:transparent; border:0; border-bottom:1px solid var(--mxr-line);
  border-radius:0; padding:0 0 8px; gap:6px; flex-wrap:wrap;
}
.mx-rechner .mxr-tab{
  flex:1 1 auto; background:#12161c; border:1px solid var(--mxr-line);
  border-radius:8px; color:#b9c0c9; letter-spacing:.5px; padding:9px 12px;
}
.mx-rechner .mxr-tab:hover{ background:#171c24; color:var(--mxr-ink); }
.mx-rechner .mxr-tab[aria-selected="true"]{
  background:#1a2029; border-color:var(--mxr-orange); color:var(--mxr-ink);
  box-shadow:inset 0 -2px 0 var(--mxr-orange);
}
.mx-rechner .mxr-tab[aria-selected="true"]::after{ display:none; }

/* Labels etwas ruhiger (weniger Datenblatt-Sperrung). */
.mx-rechner .mxr-eyebrow{ letter-spacing:1.4px; font-size:11.5px; }
.mx-rechner .mxr-fld label,.mx-rechner .mxr-field label{ letter-spacing:.2px; }

/* 0.235.0: Fahrwerk-Bloecke (Gabel/Federbein/Sag) als MX-Karte wie die uebrigen
   Rechner-Abschnitte -> sie standen bisher ohne Panel lose auf dem Hintergrund. */
.mx-rechner .mxr-tool > .mxr-block{
  background:var(--mxr-panel); border:1px solid var(--mxr-line); border-radius:14px;
  padding:16px 15px; margin:0;
}
.mx-rechner .mxr-tool > .mxr-block + .mxr-block{ margin-top:14px; }
.mx-rechner .mxr-tool > .mxr-block > h1:first-child,
.mx-rechner .mxr-tool > .mxr-block > h2:first-child,
.mx-rechner .mxr-tool > .mxr-block > h3:first-child,
.mx-rechner .mxr-tool > .mxr-block > h4:first-child{ margin-top:0; }

/* 0.236.0: Felder im Fahrwerk-Block (System/Druckstufe/Zugstufe/Sag) sauber
   gestapelt (Label ueber Eingabe, volle Breite) statt inline gequetscht -> MX-Feldoptik.
   Nur innerhalb der Fahrwerk-Bloecke; die Sag-Balken oben (in .mxr-card) bleiben unberuehrt. */
.mx-rechner .mxr-block .mxr-field{ display:block; margin:0 0 6px; }
.mx-rechner .mxr-block .mxr-field > span{
  display:block; font-family:var(--mxr-disp); font-weight:600; font-size:12px;
  letter-spacing:.4px; text-transform:uppercase; color:var(--mxr-muted); margin:0 0 5px;
}
.mx-rechner .mxr-block .mxr-field > select,
.mx-rechner .mxr-block .mxr-field > input{
  width:100%; box-sizing:border-box; background:var(--mxr-panel2);
  border:1px solid var(--mxr-line); border-radius:10px; color:var(--mxr-ink);
  padding:10px 12px; font-size:16px;
}
.mx-rechner .mxr-block .mxr-field > select:focus,
.mx-rechner .mxr-block .mxr-field > input:focus{
  outline:0; border-color:var(--mxr-orange); box-shadow:0 0 0 3px rgba(255,106,0,.16);
}
/* Aufgeklappte Auswahlliste lesbar: helle Zeilen mit dunklem Text statt grau-in-grau
   (native option-Popups erben die dunkle Feldfarbe -> kein Kontrast). */
.mx-rechner .mxr-block .mxr-field > select option{
  background:#ffffff; color:#111417; font-weight:500;
}
.mx-rechner .mxr-block .mxr-scale{ font-size:12px; color:var(--mxr-faint); margin:2px 0 12px; }