/* App comparison guide: retain native table semantics on small screens. */
body.content-page.page-app-comparison { --page-tint: #e3efc9; }
.page-app-comparison .comparison-scroll {
  overflow-x: auto;
  margin-block: 20px;
  border: 1px solid #718aa4;
  border-radius: 18px;
  background: #fff;
}
.page-app-comparison .comparison-scroll:focus-visible {
  outline: 3px solid #a7460b;
  outline-offset: 4px;
}
.page-app-comparison .comparison-table {
  width: 100%;
  min-width: 620px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: .85rem;
  line-height: 1.7;
}
.page-app-comparison .comparison-table :is(th, td) {
  padding: 16px 12px;
  vertical-align: top;
  border-bottom: 1px solid #d2deea;
  text-align: start;
}
.page-app-comparison .comparison-table thead th { background: #173e71; color: #fff; }
.page-app-comparison .comparison-table tr:last-child :is(th, td) { border-bottom: 0; }
.page-app-comparison .comparison-table th:first-child {
  position: sticky;
  inset-inline-start: 0;
  width: 155px;
  min-width: 155px;
  border-inline-end: 1px solid #d2deea;
}
.page-app-comparison .comparison-table tbody th { background: #fff; }
.page-app-comparison .comparison-table .our-app :is(th, td) { background: #e3efc9; }
.page-app-comparison .skills-table td { text-align: center; }
.page-app-comparison .skill-check { font-weight: bold; font-size: 1.1rem; color: #173e71; }
body.page-app-comparison .comparison-key { color: var(--ink-soft); font-size: .8rem; }
.page-app-comparison .table-scroll-hint { display: none; }
.page-app-comparison .next-step h2 { margin-top: 0; }
.page-app-comparison .next-step > p { font: inherit; }
.page-app-comparison .next-step > p:last-child { margin-bottom: 0; }
body.page-app-comparison .editorial-disclosure {
  margin-block: 32px 0;
  padding-top: 24px;
  border-top: 1px solid #b5c9dd;
  color: var(--ink-soft);
  font-size: .8rem;
}
@media (max-width: 760px) {
  body.page-app-comparison .table-scroll-hint { display: block; font-size: .8rem; margin-bottom: 8px; }
  .page-app-comparison .comparison-table th:first-child { width: 135px; min-width: 135px; }
}
@media print {
  .page-app-comparison .comparison-scroll { overflow: visible; }
  .page-app-comparison .comparison-table { min-width: 0; }
  .page-app-comparison .comparison-table th:first-child { position: static; min-width: 0; }
  .page-app-comparison .table-scroll-hint { display: none !important; }
}