/*
 * templates/comparison.css -- page-type-specific rules for the 'comparison'
 * entity type (docs/CONTRACT.md §3): a side-by-side two-entity comparison
 * table. Loads after tokens.css/base.css/components.css; only adds rules,
 * every value references a tokens.css variable. .mi-list/.path-grid reused
 * from market-intersection.css/components.css for findings/related rows.
 */

.cmp-table-wrap{overflow-x:auto;border:1px solid var(--navy)}
.cmp-table{width:100%;border-collapse:collapse;min-width:620px;background:var(--white)}
.cmp-table th,.cmp-table td{padding:16px;border-bottom:1px solid var(--line);vertical-align:top;text-align:left}
.cmp-table thead th{
  font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  border-bottom:1px solid var(--navy);
}
.cmp-dimension{font-size:12px;font-weight:650;width:26%}
.cmp-value{font-size:15px;position:relative}
.cmp-value strong{display:block;font-family:Georgia,serif;font-weight:500;font-size:20px;letter-spacing:-.02em}
.cmp-cell-meta{display:block;font-size:9px;color:var(--muted);margin-top:6px}
.cmp-winner{background:var(--ice);box-shadow:inset 3px 0 0 var(--cobalt)}
.cmp-badge{
  display:inline-block;margin-top:8px;font-size:7px;font-weight:850;letter-spacing:.08em;
  background:var(--cobalt);color:#fff;padding:4px 7px;
}

@media(max-width:720px){
  .cmp-table{min-width:520px}
}