/* What changed between deck versions (changes-view.js): the editor's Versions
   dialog, the What changed page and the Compare page share these. */
.vDiff { font-size: 13px; }
.vDiff h3 { font-size: 13px; margin: 14px 0 6px; color: #c9c9c2; text-transform: uppercase; letter-spacing: 0.04em; }
.vDiff .vSummary { margin: 4px 0 8px; line-height: 1.5; }
.vDiff ins { background: #1f4a2a; color: #b9f0c4; text-decoration: none; border-radius: 3px; padding: 0 2px; }
.vDiff del { background: #4a1f24; color: #f0b9bf; border-radius: 3px; padding: 0 2px; }
.vDiff .vText { white-space: pre-wrap; overflow-wrap: anywhere; }
.vFields { margin: 2px 0 6px; padding-left: 18px; }
.vFields li { margin: 2px 0; }
.vCard { border-top: 1px solid #2c2c31; padding: 6px 0 8px; }
.vCard h4 { margin: 0 0 4px; font-size: 13px; font-weight: 600; }
.vTag { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; border-radius: 4px; padding: 1px 5px; background: #303037; }
.vCard.added .vTag { background: #1f4a2a; }
.vCard.removed .vTag { background: #4a1f24; }
.vSide { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 13px; }
.vSide th, .vSide td { text-align: left; vertical-align: top; padding: 3px 8px 3px 0; border-bottom: 1px solid #222227; overflow-wrap: anywhere; }
.vSide thead th { font-size: 11px; color: #9a9a92; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; }
.vSide th:first-child, .vSide td:first-child { width: 7.5em; }
.vSide tbody th { color: #c9c9c2; font-weight: 600; }
.vSide td.before, .vSide td.after { width: calc((100% - 7.5em) / 2); }
.vSide thead th.before { color: #e8a0a8; }
.vSide thead th.after { color: #9fdcab; }
.vSide tr.f-rules td, .vSide tr.f-ability td, .vSide tr.f-setup td, .vSide tr.f-activate td { line-height: 1.5; }
.vStatsRow { display: flex; flex-wrap: wrap; gap: 4px 32px; align-items: flex-start; }
.vStats { border-collapse: collapse; font-size: 13px; }
.vStats th, .vStats td { padding: 3px 10px 3px 0; text-align: left; font-variant-numeric: tabular-nums; }
.vStats thead th { font-size: 11px; color: #9a9a92; text-transform: uppercase; letter-spacing: 0.04em; }
.vStats tbody th { font-weight: 500; color: #c9c9c2; }
.vStats td.up { color: #8fc98f; }
.vStats td.down { color: #e8b84a; }
@media (max-width: 640px) {
  /* Phones: each field stacks its earlier and later value instead of two narrow columns. */
  .vSide thead { display: none; }
  .vSide, .vSide tbody, .vSide tr, .vSide th, .vSide td, .vSide th:first-child, .vSide td:first-child, .vSide td.before, .vSide td.after { display: block; width: auto; }
  .vSide tr { padding: 4px 0; border-bottom: 1px solid #222227; }
  .vSide tbody th, .vSide td { border: 0; padding: 1px 0; }
  .vSide td.before::before { content: 'Before: '; color: #9a9a92; font-size: 11px; }
  .vSide td.after::before { content: 'After: '; color: #9a9a92; font-size: 11px; }
}
@media print {
  .vDiff { font-size: 9.5pt; color: #111; }
  .vDiff h3, .vSide tbody th, .vStats tbody th { color: #333; }
  .vDiff ins { background: #d6f2dd; color: #000; }
  .vDiff del { background: #f7d6d9; color: #000; }
  .vCard { break-inside: avoid; border-top-color: #ccc; padding: 3px 0 4px; }
  .vCard h4 { font-size: 10pt; }
  .vStatsRow { gap: 0 24px; }
  .vStats { font-size: 8.5pt; }
  .vTag { border: 1px solid #999; background: none !important; color: #333; }
  .vSide th, .vSide td, .vStats th, .vStats td { border-bottom-color: #ddd; padding-top: 1px; padding-bottom: 1px; }
  .vSide thead th.before, .vSide thead th.after { color: #333; }
  .vStats td.up, .vStats td.down { color: #000; }
}