.clinical-audio-card { margin-top: 11px; padding: 14px; border: 1px solid rgba(30, 117, 255, .16); border-radius: 18px; background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(232,247,255,.78)); box-shadow: 0 10px 26px rgba(16, 78, 144, .12); color: #0b254a; }
.clinical-audio-top { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.clinical-audio-kicker { margin:0 0 4px; text-transform:uppercase; letter-spacing:.12em; font-size:.58rem; font-weight:900; color:#1677ff; }
.clinical-audio-title { margin:0; font-size:1rem; font-weight:900; }
.clinical-audio-category { margin:4px 0 0; font-size:.68rem; color:rgba(11,37,74,.58); font-weight:800; }
.clinical-audio-sphere { width:31px; height:31px; flex:none; border-radius:50%; background: radial-gradient(circle at 35% 30%, #79f3ff, #1677ff 52%, #102e85); box-shadow:0 0 0 6px rgba(34,193,238,.10); opacity:.45; }
.clinical-audio-card.is-playing .clinical-audio-sphere { opacity:1; animation: clinicalSphereListen 1.05s ease-in-out infinite; }
@keyframes clinicalSphereListen { 0%,100%{transform:scale(.9); box-shadow:0 0 0 5px rgba(34,193,238,.1)} 50%{transform:scale(1.08); box-shadow:0 0 0 10px rgba(34,193,238,.18),0 0 25px rgba(22,119,255,.3)} }
.clinical-audio-wave { display:flex; align-items:center; gap:3px; height:52px; margin:13px 0 8px; padding:0 5px; border-radius:12px; background:rgba(9,48,105,.06); overflow:hidden; }
.clinical-audio-wave i { flex:1; min-width:2px; height:calc(var(--h) * 1%); border-radius:4px; background:linear-gradient(180deg,#22c1ee,#1677ff); transform-origin:center; opacity:.48; }
.clinical-audio-card.is-playing .clinical-audio-wave i { animation: clinicalWave .76s ease-in-out infinite alternate; animation-delay:calc(var(--i) * -34ms); }
@keyframes clinicalWave { from{transform:scaleY(.45)} to{transform:scaleY(1.2)} }
.clinical-audio-progress { height:3px; border-radius:4px; background:rgba(9,48,105,.1); overflow:hidden; }
.clinical-audio-progress span { display:block; height:100%; width:0; background:#22c1ee; transition:width 120ms linear; }
.clinical-audio-controls { display:flex; align-items:center; gap:7px; margin-top:11px; }
.clinical-audio-status { margin:8px 0 0; color:rgba(11,37,74,.58); font-size:.66rem; font-weight:800; }
.clinical-audio-retry { margin-top:6px; padding:6px 10px; border:0; border-radius:999px; color:#fff; background:#1677ff; cursor:pointer; font-size:.66rem; font-weight:900; }
.clinical-audio-retry[hidden] { display:none; }
.clinical-audio-play, .clinical-audio-option { border:0; cursor:pointer; font:inherit; font-weight:900; }
.clinical-audio-play { width:38px;height:38px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#22c1ee,#1677ff);box-shadow:0 6px 14px rgba(22,119,255,.28); }
.clinical-audio-option { padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.76);color:#174473;font-size:.68rem; }
.clinical-audio-option[aria-pressed=true] { background:#d9f7ff;color:#0568ae; }
.clinical-audio-meta { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px; }
.clinical-audio-meta div { padding:8px 9px;border-radius:11px;background:rgba(255,255,255,.62); }
.clinical-audio-meta b { display:block;font-size:.56rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(11,37,74,.46); }
.clinical-audio-meta span { display:block;margin-top:3px;font-size:.68rem;line-height:1.3;font-weight:800; }
.clinical-audio-description { margin:11px 0 0;font-size:.73rem;line-height:1.45; }
.clinical-audio-note { margin:11px 0 0;padding:9px;border-radius:10px;background:rgba(245,177,66,.14);font-size:.68rem;line-height:1.4;color:#744c0a; }
.clinical-audio-source { display:block;margin-top:10px;font-size:.6rem;line-height:1.4;color:rgba(11,37,74,.58); }
.clinical-audio-source a { color:#1677ff;font-weight:800; }
body.dark-mode .clinical-audio-card { background:linear-gradient(145deg,rgba(22,39,67,.98),rgba(17,53,86,.9)); color:#eaf1fb; border-color:rgba(103,192,255,.2); }
body.dark-mode .clinical-audio-category, body.dark-mode .clinical-audio-source { color:rgba(234,241,251,.62); }
body.dark-mode .clinical-audio-status { color:rgba(234,241,251,.68); }
body.dark-mode .clinical-audio-meta div, body.dark-mode .clinical-audio-option { background:rgba(255,255,255,.08); color:#eaf1fb; }
body.dark-mode .clinical-audio-meta b { color:rgba(234,241,251,.52); }
.clinical-audio-associated { margin:10px 0 0; font-size:.68rem; line-height:1.4; color:rgba(11,37,74,.72); }
.clinical-audio-associated strong { font-weight:900; }
body.dark-mode .clinical-audio-associated { color:rgba(234,241,251,.7); }
@media (prefers-reduced-motion:reduce) { .clinical-audio-card.is-playing .clinical-audio-sphere,.clinical-audio-card.is-playing .clinical-audio-wave i { animation:none; } }
