/* Mobile alignment fix for the landing-page-vs-business-website article only */
body[data-page="landing-page-vs-business-website"] {
  overflow-x: clip;
}

body[data-page="landing-page-vs-business-website"] .comparison-table {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

body[data-page="landing-page-vs-business-website"] .comparison-table__table th,
body[data-page="landing-page-vs-business-website"] .comparison-table__table td {
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 820px) {
  body[data-page="landing-page-vs-business-website"] .article-layout,
  body[data-page="landing-page-vs-business-website"] .article-body,
  body[data-page="landing-page-vs-business-website"] .comparison-table {
    min-width: 0;
  }

  body[data-page="landing-page-vs-business-website"] .comparison-table__table {
    min-width: 100%;
    width: 100%;
    table-layout: fixed;
  }

  body[data-page="landing-page-vs-business-website"] .comparison-table__table th,
  body[data-page="landing-page-vs-business-website"] .comparison-table__table td {
    padding: 14px 12px;
    font-size: .93rem;
    line-height: 1.7;
    vertical-align: top;
  }

  body[data-page="landing-page-vs-business-website"] .comparison-table__table thead th:first-child,
  body[data-page="landing-page-vs-business-website"] .comparison-table__table tbody td:first-child {
    width: 31%;
  }
}

@media (max-width: 540px) {
  body[data-page="landing-page-vs-business-website"] .comparison-table {
    margin-inline: 0 !important;
  }

  body[data-page="landing-page-vs-business-website"] .comparison-table__table th,
  body[data-page="landing-page-vs-business-website"] .comparison-table__table td {
    padding: 12px 10px;
    font-size: .85rem;
    line-height: 1.6;
  }

  body[data-page="landing-page-vs-business-website"] .comparison-table__table thead th:first-child,
  body[data-page="landing-page-vs-business-website"] .comparison-table__table tbody td:first-child {
    width: 34%;
  }
}