.medical-page .audio-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:none}
.medical-page .audio-card.audio-enhanced {
  display:block;padding:0;min-height:98px;border:1px solid #d8e6f6;border-radius:20px;
  background:#f7fbff;text-align:left;transition:border-color 180ms,background-color 180ms;
}
.medical-page .audio-card.audio-enhanced:hover,
.medical-page .audio-card.is-playing {border-color:#86b2ff;background:#fff}
.medical-page .audio-ui {display:grid;height:100%;grid-template-columns:46px minmax(0,1fr);grid-template-rows:1fr auto;align-items:start;gap:16px;padding:20px}
.medical-page .audio-play {
  width:46px;height:46px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;
  background:#176bff;color:#fff;cursor:pointer;
}
.medical-page .audio-play:hover {background:#0f56d8}
.medical-page .audio-play .icon {width:20px;height:20px;fill:currentColor;stroke-width:1.5}
.medical-page .audio-play [data-lucide=pause] {display:none}
.medical-page .is-playing .audio-play [data-lucide=play] {display:none}
.medical-page .is-playing .audio-play [data-lucide=pause] {display:block}
.medical-page .audio-copy {min-width:0}
.medical-page .audio-copy h3 {font-size:17px;line-height:1.3;margin:0}
.medical-page .audio-copy p {font-size:13px;line-height:1.4;margin:6px 0 0}
.medical-page .audio-timeline {display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}
.medical-page .audio-seek {
  appearance:none;-webkit-appearance:none;width:100%;height:24px;padding:0;margin:0;
  border:0;background:transparent;cursor:pointer;--progress:0%;
}
.medical-page .audio-seek::-webkit-slider-runnable-track {
  height:6px;border-radius:8px;background:linear-gradient(to right,#176bff var(--progress),#d9e8fb var(--progress));
}
.medical-page .audio-seek::-moz-range-track {height:6px;border-radius:8px;background:#d9e8fb}
.medical-page .audio-seek::-moz-range-progress {height:6px;border-radius:8px;background:#176bff}
.medical-page .audio-seek::-webkit-slider-thumb {
  appearance:none;width:12px;height:12px;margin-top:-3px;border:0;border-radius:50%;background:#176bff;opacity:0;
}
.medical-page .audio-seek::-moz-range-thumb {width:12px;height:12px;border:0;border-radius:50%;background:#176bff;opacity:0}
.medical-page .audio-seek:hover::-webkit-slider-thumb,
.medical-page .audio-seek:focus-visible::-webkit-slider-thumb {opacity:1}
.medical-page .audio-seek:hover::-moz-range-thumb,
.medical-page .audio-seek:focus-visible::-moz-range-thumb {opacity:1}
.medical-page .audio-seek:disabled {cursor:default}
.medical-page .audio-time {font-size:12px;font-weight:700;color:#526681;font-variant-numeric:tabular-nums;line-height:1.2}
.medical-page .audio-card [data-audio-error] {padding:0 20px 16px;margin:0;color:#9b3030;font-size:13px}
@media(min-width:701px) and (max-width:1000px) {
  .medical-page .audio-ui {grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px 12px}
  .medical-page .audio-play {width:40px;height:40px}
  .medical-page .audio-copy h3 {font-size:16px}
}
@media(max-width:700px) {
  .medical-page .audio-grid {grid-template-columns:1fr;gap:12px}
  .medical-page .audio-ui {grid-template-columns:44px minmax(0,1fr);gap:10px 14px;padding:18px 16px}
  .medical-page .audio-play {width:44px;height:44px}
  .medical-page .audio-copy h3 {font-size:16px}
  .medical-page .audio-timeline {grid-column:2;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
}