/* Comparison-table · recipe canvas-signal · allowMultipleStats.
   Tabla con highlight feat en lemon (em) + deltas en patagonia (accent · peso).
   Cells encoded by class: .yes (accent · patagonia), .no (warn · red),
   .mid (em · lemon), .num (data Thunder). */

section.slide.s-comparison-table {
  background: var(--recipe-surface);
  color: var(--recipe-ink);
}
.s-comparison-table .eb {
  font-family: var(--font-mono); font-size: 22px;
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--recipe-em);
}
.s-comparison-table h2 {
  font-family: var(--font-display); font-size: 120px; line-height: 0.95;
  margin: 20px 0 80px; letter-spacing: -0.01em;
}
.s-comparison-table table {
  width: 100%; border-collapse: collapse; font-family: var(--font-ui);
}
.s-comparison-table thead th {
  font-family: var(--font-mono); font-size: 22px;
  letter-spacing: 0.15em; text-transform: uppercase;
  padding: 22px 20px; text-align: left;
  border-bottom: 3px solid var(--recipe-ink);
}
.s-comparison-table thead th.feat {
  background: var(--recipe-em);
  color: var(--recipe-surface);
  position: relative;
}
.s-comparison-table thead th.feat::after {
  content: '★'; position: absolute; top: 8px; right: 14px; font-size: 18px;
}
.s-comparison-table tbody td {
  padding: 22px 20px; font-size: 26px;
  border-bottom: 1px solid color-mix(in srgb, var(--recipe-ink) 12%, transparent);
  vertical-align: middle;
}
.s-comparison-table tbody td:first-child {
  font-family: var(--font-mono); letter-spacing: 0.08em;
  text-transform: uppercase; font-size: 22px; opacity: 0.85;
}
.s-comparison-table tbody td.feat {
  background: color-mix(in srgb, var(--recipe-em) 8%, transparent);
}
.s-comparison-table tbody tr:last-child td { border-bottom: 0; }
.s-comparison-table .yes { color: var(--recipe-accent); font-weight: 700; font-size: 30px; }
.s-comparison-table .no  { color: var(--recipe-warn);   font-weight: 700; font-size: 30px; }
.s-comparison-table .mid { color: var(--recipe-em);     font-weight: 700; font-size: 30px; }
.s-comparison-table .num { font-family: var(--font-data); font-weight: 700; font-size: 32px; }
.s-comparison-table .note {
  margin-top: 24px;
  font-family: var(--font-editorial); font-style: italic;
  font-size: 26px; opacity: 0.7;
}