/* stylelint-disable -- Migrated parity CSS: keep cascade, selector order, and declarations visually identical. */
  .cd-inline { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
  .cd-inline li, .cd-pills li { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--hairline); border-radius:var(--r-sm); background:var(--surface); }
  .cd-pills { list-style:none; padding:0; margin:0; display:grid; gap:8px; }
  .cd-field { flex:none; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:var(--text-faint); }
  .cd-inline-vals { min-width:0; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
  .cd-inline del { color:var(--status-failed-ink); text-decoration-color:var(--status-failed); overflow-wrap:anywhere; }
  .cd-inline ins { color:var(--status-success-ink); background:var(--status-success-soft); border-radius:var(--r-sm); padding:1px 6px; text-decoration:none; overflow-wrap:anywhere; }
  .cd-split { display:grid; gap:10px; }
  .cd-split-row { border:1px solid var(--hairline); border-radius:var(--r-sm); background:var(--surface); padding:12px; }
  .cd-split-cols { display:flex; flex-wrap:wrap; align-items:stretch; gap:10px; margin-top:8px; }
  .cd-before, .cd-after { flex:1 1 140px; min-width:0; border-radius:var(--r-sm); padding:8px 10px; }
  .cd-before { background:var(--status-failed-soft); }
  .cd-after { background:var(--status-success-soft); }
  .cd-before span, .cd-after span { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.04em; }
  .cd-before span { color:var(--status-failed-ink); }
  .cd-after span { color:var(--status-success-ink); }
  .cd-before strong, .cd-after strong { font-size:13px; color:var(--ink); overflow-wrap:anywhere; }
  .cd-arrow { align-self:center; color:var(--text-faint); font-weight:800; }
  .cd-pill { min-width:0; border-radius:var(--r-pill); padding:5px 11px; font-size:12.5px; overflow-wrap:anywhere; }
  .cd-pill-from { background:var(--status-failed-soft); color:var(--status-failed-ink); text-decoration:line-through; }
  .cd-pill-to { background:var(--status-success-soft); color:var(--status-success-ink); }
  .cd-unified { border:1px solid var(--hairline); border-radius:var(--r-md); overflow:hidden; font-family:var(--mono); font-size:12.5px; }
  .cd-unified-group { border-bottom:1px solid var(--hairline); }
  .cd-unified-group:last-child { border-bottom:0; }
  .cd-unified-field { padding:6px 12px; font-family:var(--font); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:var(--text-faint); background:var(--surface-alt); }
  .cd-line { display:flex; gap:8px; padding:6px 12px; overflow-wrap:anywhere; }
  .cd-line span { flex:none; font-weight:800; }
  .cd-line-del { background:var(--status-failed-soft); color:var(--status-failed-ink); }
  .cd-line-add { background:var(--status-success-soft); color:var(--status-success-ink); }
  .cd-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr)); gap:10px; }
  .cd-grid-card { min-width:0; border:1px solid var(--hairline); border-radius:var(--r-md); background:var(--surface); padding:12px; }
  .cd-grid-flow { display:grid; gap:6px; margin-top:8px; text-align:center; }
  .cd-grid-before { color:var(--status-failed-ink); text-decoration:line-through; overflow-wrap:anywhere; }
  .cd-grid-after { color:var(--status-success-ink); font-weight:700; overflow-wrap:anywhere; }
