/* ui26 mx-theme（2026-10-19）：既存の本文部品（mm2.css の .mx-*／.sx-*／.bx-*／.ax-* ＝症状の質問・人体図・病気の解説など、
   mm2.js が動かす部品）を、新UIの外枠の中で新デザインの色・角丸・影・書体に合わせる。
   mm2.css 自体は変更しない。本文部品は明るい配色で作られているため、これを読み込むページは明るい配色に固定する。 */
:root:has(main.mx):has(body) {
  --c-bg: #f7f9fb; --c-surface: #ffffff; --c-surface-2: #eef2f6; --c-text: #17212e; --c-text-muted: #4a5565;
  --c-border: #d3dae3; --c-border-strong: #8592a3; --c-focus: #1d4ed8;
  --c-health: #0f766e; --c-health-strong: #115e59; --c-health-tint: #e3f3f0; --c-health-ink: #0b4f4a; --c-health-accent: #2f855a;
  --c-exam: #4338ca; --c-exam-strong: #3730a3; --c-exam-tint: #eceeff; --c-exam-ink: #312e81;
  --c-danger: #b42318; --c-danger-tint: #fdeceb; --c-danger-ink: #8f1d14;
  --c-warn: #8a4b00; --c-warn-tint: #fff4e0; --c-warn-border: #e7b766;
  --c-ok: #166534; --c-ok-tint: #e7f6ec; --c-ng: #b42318; --c-ng-tint: #fdeceb;
  --c-ad: #6b4a12; --c-ad-tint: #fbf3e2; --c-ad-border: #d9b979; --c-on-primary: #ffffff;
  --shadow-1: 0 1px 2px rgb(16 24 40 / .06), 0 1px 3px rgb(16 24 40 / .08);
  --shadow-3: 0 12px 32px rgb(16 24 40 / .16);
  color-scheme: light;
  /* mm2.css の変数 → 新デザインの値 */
  --m-ink: #17212e; --m-text: #17212e; --m-muted: #4a5565; --m-line: #d3dae3; --m-line2: #c2cbd6;
  --m-bg: #ffffff; --m-soft: #f7f9fb; --m-soft2: #eef2f6;
  --m-h: #0f766e; --m-h-d: #0b4f4a; --m-h-bg: #e3f3f0; --m-h-bg2: #cfeae5;
  --m-e: #4338ca; --m-e-bg: #eceeff;
  --m-warn: #8a4b00; --m-warn-bg: #fff4e0; --m-warn-line: #e7b766;
  --m-emg: #b42318; --m-emg-bg: #fdeceb; --m-emg-line: #f3b8b1;
  --m-r: 16px; --m-r2: 12px;
  --m-sh: 0 1px 2px rgb(16 24 40 / .06), 0 1px 3px rgb(16 24 40 / .08);
  --m-sh2: 0 12px 32px rgb(16 24 40 / .16);
  --m-wrap: 72rem;
}
main.mx { font-family: var(--font-sans); color: var(--c-text); }
main.mx :focus-visible { outline: 3px solid var(--c-focus); outline-offset: 2px; }
.mx-bodyteaser span svg { width: 18px; height: 18px; }