/**
 * comparison-table SDC — structural only (section spacing, max-width
 * container, horizontal-scroll wrapper). Never restyles the pasted rows —
 * their inline styles (grid-template-columns, colors, checkmarks) carry the
 * actual appearance.
 */
.mk3-sdc--comparison-table {
  /* html/Home.html: padding-top:56px; padding-bottom:20px — fixed, not
   * fluid; matched exactly rather than the clamp() this had before, which
   * over-shot to 72px/32px at desktop widths. */
  padding-top: 3.5rem;
  padding-bottom: 1.25rem;
}

@media (max-width: 768px) {
  .mk3-sdc--comparison-table {
    padding-top: 2.5rem;
    padding-bottom: 1rem;
  }
}

.mk3-sdc--comparison-table .mk3-ct__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* The pasted markup's outer div (border + rounded corners) has a fixed
   inline grid-template-columns per row (e.g. 2fr 1fr 1fr 1fr) which won't
   reflow on its own — scroll it horizontally on narrow viewports instead of
   letting columns collapse unreadably. */
.mk3-sdc--comparison-table .mk3-ct__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
  .mk3-sdc--comparison-table .mk3-ct__scroll > * {
    min-width: 40rem;
  }
}