/* What We Do — Surface Pro 7 / tablet (769–1100px): founders comparison table only.
   Same treatment as product-packaging: horizontal scroll + sticky Feature + side-rail clear.
   Loaded AFTER page CSS. Does not change phone (<769) or desktop (>1100). */

@media screen and (min-width: 769px) and (max-width: 1100px) {
  html body[class] .comparison-section--founders .comp-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    max-width: 100%;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: max(20px, env(safe-area-inset-left, 0px));
    padding-right: max(56px, calc(20px + var(--side-rail-tab-w, 40px)));
    padding-bottom: 10px;
  }

  html body[class] .comparison-section--founders .comp-table {
    width: max-content !important;
    min-width: 980px !important;
    max-width: none !important;
    table-layout: auto;
  }

  html body[class] .comparison-section--founders .comp-table th,
  html body[class] .comparison-section--founders .comp-table td {
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none;
    white-space: normal;
    vertical-align: middle;
    height: auto !important;
  }

  html body[class] .comparison-section--founders .comp-table tbody td,
  html body[class] .comparison-section--founders .comp-table tbody tr {
    height: auto !important;
  }

  html body[class] .comparison-section--founders .comp-table th:first-child,
  html body[class] .comparison-section--founders .comp-table td:first-child {
    min-width: 200px;
    max-width: 240px;
    width: 220px;
    position: sticky;
    left: 0;
    z-index: 1;
    border-right: 1px solid var(--border-light);
    box-shadow: 7px 0 14px -8px rgba(27, 42, 107, 0.28);
    overflow-wrap: break-word;
    word-break: normal;
  }

  html body[class] .comparison-section--founders .comp-table thead th:first-child {
    z-index: 2;
    background: var(--lavender);
  }

  html body[class] .comparison-section--founders .comp-table tbody td:first-child {
    background: #fff;
  }

  html body[class]
    .comparison-section--founders
    .comp-table
    tbody
    tr:nth-child(even)
    td:first-child {
    background: #f7f8fc;
  }

  html body[class] .comparison-section--founders .comp-table th:not(:first-child),
  html body[class] .comparison-section--founders .comp-table td:not(:first-child) {
    min-width: 118px;
    white-space: nowrap;
  }

  html body[class] .comparison-section--founders .comp-table th.hi,
  html body[class] .comparison-section--founders .comp-table td.hi {
    min-width: 128px;
  }

  html body[class] .comparison-section--founders .comp-table th.hi .logo1,
  html body[class] .comparison-section--founders .comp-table th.hi .logo2 {
    width: 96px;
    max-width: 96px;
    height: auto;
  }
}