/* Respiratory rate apps compared page only (/apps/compare/, APP-032, 10 Nov 2026).
   The comparison table scrolls sideways inside its own box on a phone, so the page
   itself never scrolls sideways. */
.compare-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 1.5rem 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper);
}
.compare-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 52rem;
  font-size: var(--step--1);
}
.compare-table caption {
  text-align: left;
  padding: 0.9rem 1rem 0.4rem;
  color: var(--ink-soft);
}
.compare-table th,
.compare-table td {
  text-align: left;
  vertical-align: top;
  padding: 0.7rem 1rem;
  border-top: 1px solid var(--line);
}
.compare-table thead th {
  background: var(--mint);
  color: var(--teal-deep);
  font-weight: 600;
  white-space: nowrap;
}
.compare-table tbody th { font-weight: 600; color: var(--ink); }
.compare-table tbody th small { display: block; font-weight: 400; color: var(--ink-soft); }
.compare-table tr[data-app="rythmo"] { background: var(--cream); }
.compare-notes { max-width: 42rem; }
.compare-notes h3 { margin-top: 1.75rem; }
