/* /for-business (VT-FIX-14) на каркасе текстовых страниц 2610 (HelpLrShell: text2610.css + help-lr.css).
   Здесь только своё: сетка из четырёх преимуществ и прокрутка таблицы сегментов на узком экране. Цвета и размеры — токены --lr-*.
   Переломы как у text2610: 980px и 560px. */

.fb-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--lr-space-16); }
.fb-benefit {
  display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: var(--lr-space-14); row-gap: var(--lr-space-6);
  align-content: start; padding: var(--lr-space-24); border-radius: var(--lr-radius-card);
  background: var(--lr-color-surface-card); box-shadow: var(--lr-shadow-ring-line), var(--lr-shadow-card);
}
.fb-benefit .tp-ico { grid-row: span 2; }
.fb-benefit__ttl { font-size: var(--lr-text-lg); line-height: var(--lr-leading-snug); font-weight: var(--lr-weight-extrabold); color: var(--lr-color-text-primary); }
.fb-benefit__text { font-size: var(--lr-text-md); line-height: var(--lr-leading-normal); color: var(--lr-color-text-secondary); }

.fb-table-wrap { margin-top: var(--lr-space-16); overflow-x: auto; }
.fb-table-wrap td:first-child { width: 34%; }

@media (max-width: 560px) {
  .fb-benefits { grid-template-columns: minmax(0, 1fr); gap: var(--lr-space-12); }
  .fb-benefit { padding: var(--lr-space-18); }
  .fb-table-wrap td:first-child { width: 40%; }
}