.therapy-table-wrap {
  margin-top: var(--space-5);
  background: white;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(15, 59, 70, 0.08);
}
.therapy-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.therapy-table th,
.therapy-table td {
  padding: var(--space-3) var(--space-4);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}
.therapy-table thead th {
  background: var(--color-teal, #197d83);
  color: white;
  font-weight: 700;
}
.therapy-table thead th:nth-child(1) { width: 28%; }
.therapy-table thead th:nth-child(2) { width: 26%; }
.therapy-table tbody tr:nth-child(even) { background: rgba(25, 125, 131, 0.06); }
.therapy-table tbody tr + tr { border-top: 1px solid rgba(15, 59, 70, 0.1); }
.therapy-table tbody th { font-weight: 700; }
.therapy-table__name { display: block; }
.therapy-table__full { display: block; margin-top: 2px; font-size: 0.85em; font-weight: 400; color: var(--color-muted, #4a5d63); }
.therapy-table__note { margin-top: var(--space-4); }

@media (max-width: 640px) {
  .therapy-table,
  .therapy-table tbody,
  .therapy-table tr,
  .therapy-table th,
  .therapy-table td { display: block; width: 100%; }
  .therapy-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .therapy-table tbody tr { padding: var(--space-4); }
  .therapy-table tbody th,
  .therapy-table td { padding: 0; }
  .therapy-table td { margin-top: var(--space-3); }
  .therapy-table td::before {
    content: attr(data-label);
    display: block;
    font-size: 0.8em;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--color-teal, #197d83);
  }
}
