/* Claude session vs production agent page */
.compare--two thead th:last-child, .compare--two td:last-child { background: var(--color-primary-soft); }
.compare--two td:last-child { color: var(--color-text); }
.compare--two thead th:last-child { color: var(--color-primary); }
.cvp-h3 { font-size: var(--text-lg); margin-bottom: var(--space-6); }
.card--lead { border-color: var(--color-primary-line); }
@media (max-width: 640px) {
  .compare-wrap--stack { overflow: visible; border: 0; background: none; }
  .compare-wrap--stack .compare { min-width: 0; display: block; }
  .compare-wrap--stack thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .compare-wrap--stack tbody, .compare-wrap--stack tr, .compare-wrap--stack th, .compare-wrap--stack td { display: block; }
  .compare-wrap--stack tr { border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); margin-bottom: var(--space-4); overflow: hidden; }
  .compare-wrap--stack tbody th { white-space: normal; background: var(--color-surface-2); border-bottom: 1px solid var(--color-divider); }
  .compare-wrap--stack td { border-bottom: 1px solid var(--color-divider); }
  .compare-wrap--stack tbody tr td:last-child { border-bottom: 0; }
  .compare-wrap--stack td::before { content: attr(data-label); display: block; font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--color-text-faint, var(--color-text-muted)); margin-bottom: var(--space-1); }
  .compare-wrap--stack td:last-child::before { color: var(--color-primary); }
}
.split--top.cvp-split { margin-top: var(--space-12); }
.byline { color: var(--color-text-muted); margin-top: var(--space-6); position: relative; }
.cvp-def { margin-top: var(--space-16); }
.cvp-intro { color: var(--color-text-muted); max-width: 66ch; margin-top: var(--space-4); }