/* /health/ — the one thing the restaurant page does not have: a real call, transcribed. */
.tx-wrap { display: grid; grid-template-columns: 1.55fr 1fr; gap: 18px; margin-top: 34px; align-items: start; }
.tx-list { list-style: none; margin: 0; padding: 10px 8px; display: grid; gap: 2px; max-height: 640px; overflow: auto; scrollbar-width: thin; }
.tx { display: grid; grid-template-columns: 44px 92px 1fr; gap: 12px; align-items: baseline; padding: 10px 14px; border-radius: 12px; }
.tx .t { font-variant-numeric: tabular-nums; font-size: 12px; color: var(--text-lo); }
.tx .who { font-family: var(--ui); font-size: 10.5px; letter-spacing: 2px; text-transform: uppercase; font-weight: 600; color: var(--text-lo); }
.tx .say { font-size: 15px; line-height: 1.55; color: var(--text-mid); }
.tx.agent .who { color: var(--orange); }
.tx.agent .say { color: var(--text-hi); }
.tx.caller .say { font-style: italic; }
.tx.ev { background: rgba(240,115,61,.08); border: 1px dashed rgba(240,115,61,.35); margin: 4px 0; }
.tx.ev .who { color: #5fd08a; }
.tx.ev .say { font-family: var(--ui); font-size: 13px; color: var(--text-hi); }
.tx-side { padding: 24px 24px 26px; display: grid; gap: 14px; position: sticky; top: 96px; }
.tx-side .ch-k { font-family: var(--ui); font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: var(--orange); font-weight: 600; }
.tx-side ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.tx-side li { font-size: 14.5px; line-height: 1.5; color: var(--text-mid); padding-left: 18px; position: relative; }
.tx-side li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--orange); }
.tx-side li b { color: var(--text-hi); font-weight: 600; }
.tx-side .btn { justify-self: start; margin-top: 6px; }
@media (max-width: 960px) { .tx-wrap { grid-template-columns: 1fr; } .tx-side { position: static; } .tx-list { max-height: none; } }
@media (max-width: 560px) { .tx { grid-template-columns: 1fr; gap: 2px; padding: 10px 12px; } .tx .t { display: none; } }

/* the cover behind 'Start the live demo' is the practice, not the restaurant's oven */
.live-cover { background: linear-gradient(180deg, rgba(18,12,8,.35), rgba(18,12,8,.82)), url("https://storage.googleapis.com/easydial-public/agentbox/health/larkspire/hub/hero.jpg") center / cover no-repeat; }