:root {
  /* 4層 No-Tofu カスケード (Base UI, JIS第1/2水準, 厳密等幅) */
  --font-data-mono:
    "JetBrains Mono",
    "BIZ UDGothic",
    "Noto Sans Mono CJK JP",
    "Noto Sans JP",
    "IPAmjMincho",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    "Meiryo",
    monospace;

  --font-ivs-strict:
    "IPAmjMincho",
    "Noto Serif CJK JP",
    "BIZ UDPMincho",
    "Yu Mincho",
    serif;
}

/* 異体字セレクタ (IVS) 保持 & JIS2004字形対応 */
.data-cell, .diff-code, .telemetry-font {
  font-family: var(--font-data-mono);
  font-variant-east-asian: jis04;
  font-feature-settings: "jp04" 1, "palt" 0;
}

/* 特殊制御文字バッジスタイル (Layer 4) */
.badge-ctrl {
  display: inline-flex;
  align-items: center;
  font-size: 0.72rem;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 3px;
  margin: 0 1px;
  vertical-align: middle;
  line-height: 1.2;
}

.badge-ctrl-bom {
  background: #7c3aed;
  color: #f5f3ff;
  border: 1px solid #a78bfa;
}

.badge-ctrl-zwsp {
  background: #db2777;
  color: #fdf2f8;
  border: 1px solid #f472b6;
}

.badge-ctrl-crlf {
  background: #0284c7;
  color: #f0f9ff;
  border: 1px solid #38bdf8;
}

.badge-ctrl-lf {
  background: #0d9488;
  color: #f0fdfa;
  border: 1px solid #2dd4bf;
}

.badge-ctrl-pua {
  background: #d97706;
  color: #fffbeb;
  border: 1px solid #fbbf24;
}

.badge-ctrl-bidi {
  background: #dc2626;
  color: #fef2f2;
  border: 1px solid #f87171;
  animation: pulse-danger 1.5s infinite;
}

@keyframes pulse-danger {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}