.comparison__standfirst { color: var(--ink-soft); margin-bottom: var(--s-5); max-width: var(--measure); }
.comparison__scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius); }
.comparison__table { border-collapse: collapse; min-width: 640px; }

.comparison__corner { background: var(--mist); border-bottom: 1px solid var(--line); }
.comparison__head {
  text-align: left;
  padding: var(--s-4);
  background: var(--mist);
  border-bottom: 1px solid var(--line);
  border-left: 1px solid var(--line);
  vertical-align: bottom;
  min-width: 170px;
}
.comparison__head.is-current { background: var(--accent-wash); border-bottom-color: var(--accent); }
.comparison__marker {
  display: block;
  font-size: var(--step--2);
  font-weight: 600;
  letter-spacing: var(--track-label);
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: var(--s-2);
}
.comparison__name { font-size: var(--step-0); font-weight: 600; letter-spacing: var(--track-tight); }
a.comparison__name { color: var(--ink); text-decoration: none; }
a.comparison__name:hover { color: var(--accent); text-decoration: underline; }

.comparison__label {
  text-align: left;
  padding: var(--s-3) var(--s-4);
  font-size: var(--step--1);
  font-weight: 500;
  color: var(--ink-faint);
  white-space: nowrap;
  border-bottom: 1px solid var(--line);
}
.comparison__cell {
  padding: var(--s-3) var(--s-4);
  font-size: var(--step--1);
  border-bottom: 1px solid var(--line);
  border-left: 1px solid var(--line);
  vertical-align: top;
}
.comparison__cell.is-current { background: color-mix(in srgb, var(--accent-wash) 55%, transparent); }
.comparison__table tbody tr:last-child .comparison__cell,
.comparison__table tbody tr:last-child .comparison__label { border-bottom: 0; }