.comparison-split--pad-both { padding-block: var(--section-pad); }
.comparison-split--pad-top { padding-block: var(--section-pad) 0; }
.comparison-split--pad-bottom { padding-block: 0 var(--section-pad); }
.comparison-split--pad-none { padding-block: 0; }
.comparison-split {
  display: block;
  background: rgba(var(--color-background));
  color: rgba(var(--color-text));
}
.comparison-split__inner--image-start > .comparison-split__image { order: -1; }
.comparison-split__heading { margin: 16px 0 24px; white-space: pre-line; }
.comparison-split__cta { margin-top: 26px; }
.comparison-split__image { width: 100%; aspect-ratio: 1; object-fit: cover; }
.comparison-split__table {
  display: grid; gap: 1px; background: var(--theme-line-2);
  border: 1px solid var(--theme-line-2); border-radius: 16px; overflow: hidden;
}
.comparison-split__head, .comparison-split__row { display: grid; grid-template-columns: 1.3fr 1fr 1fr; }
.comparison-split__head {
  background: var(--theme-ink); color: var(--theme-cream);
  font: 600 12px/1 var(--font-body); letter-spacing: 0.1em; text-transform: uppercase;
}
.comparison-split__head > div { padding: 14px 16px; }
.comparison-split__head > div:nth-child(2) { color: var(--theme-accent); }
.comparison-split__row { background: rgba(var(--color-card-background)); font-size: 14px; }
.comparison-split__row > div { padding: 15px 16px; }
.comparison-split__row > div:first-child { font-weight: 600; }
.comparison-split__row > div:nth-child(2) { font-weight: 600; }
.comparison-split__row > div:last-child { color: var(--theme-text-faint); }
@media (max-width: 900px) {
  .comparison-split__inner--image-start > .comparison-split__image { order: 0; }
}
@media (max-width: 760px) {
  .comparison-split__head, .comparison-split__row { grid-template-columns: 1.1fr 1fr 1fr; }
  .comparison-split__head > div, .comparison-split__row > div { padding: 12px; font-size: 13px; }
}
@media (max-width: 380px) {
  .comparison-split__head, .comparison-split__row { grid-template-columns: 1fr 1fr 1fr; }
  .comparison-split__head > div, .comparison-split__row > div { padding: 10px 8px; font-size: 12px; }
}