/* Gemeinsame Hörprobe: dunkles Nachtgrün-Glas (#1B2320) und Bernstein. Grün nur im kleinen Statuspunkt. */
.kb-audio{--hp-amber:#E39A1B;--hp-licht:#F3D3A4;--hp-green:#8CC7A4;position:relative;isolation:isolate;min-width:0;color:#FBF7F0;background:rgba(27,35,32,.96);border:1px solid #44504A;border-radius:16px;padding:clamp(20px,2.5vw,32px);font-family:'Instrument Sans',system-ui,sans-serif;box-shadow:0 18px 45px -25px rgba(0,0,0,.65);overflow:hidden;backdrop-filter:blur(12px)}
.kb-audio::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--hp-amber),var(--hp-licht),transparent)}
.kb-audio [hidden]{display:none!important}
.kb-audio p,.kb-audio h3{margin:0}
.kb-audio-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.kb-audio-status{display:flex;align-items:center;gap:8px;font-size:.78rem;line-height:1.4;color:#C6C0B6}
.kb-audio-status::before{content:'';width:7px;height:7px;flex:none;border-radius:50%;background:var(--hp-green)}
.kb-audio.is-playing .kb-audio-status::before{box-shadow:0 0 0 4px rgba(140,199,164,.18)}
.kb-audio-samples{display:flex;gap:4px;padding:3px;border-radius:9px;background:#2E3934}
.kb-audio-samples button{border:0;border-radius:6px;padding:8px 12px;min-height:40px;background:transparent;color:#D5D0C6;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer}
.kb-audio-samples button[aria-pressed=true]{background:var(--hp-amber);color:#1B2320}
.kb-audio h3{color:#FBF7F0;font-family:inherit;font-weight:650;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.kb-audio .kb-audio-description{margin-top:9px;color:#C6C0B6;font-size:.92rem;line-height:1.5;max-width:54ch}
.kb-audio-controls{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:24px}
.kb-audio-play{display:grid;place-items:center;flex:none;width:52px;height:52px;border:0;border-radius:50%;background:var(--hp-amber);color:#1B2320;cursor:pointer;transition:transform .18s,background .18s;box-shadow:0 8px 18px -10px rgba(245,158,11,.6)}
.kb-audio-play:hover{background:#FFB62B;transform:scale(1.05)}
.kb-audio-play:disabled{cursor:wait;opacity:.65;transform:none}
.kb-audio-play svg{width:24px;height:24px;fill:currentColor}
.kb-audio-play .kb-pause{display:none}
.kb-audio-play[aria-pressed=true] .kb-play{display:none}
.kb-audio-play[aria-pressed=true] .kb-pause{display:block}
.kb-audio-wave{height:52px;display:flex;align-items:center;justify-content:center;gap:3px;min-width:0}
.kb-audio-wave b{display:block;flex:1;max-width:5px;min-width:1px;height:100%;border-radius:3px;background:#66716B;transform:scaleY(.12);transform-origin:center}
.kb-audio.is-playing .kb-audio-wave b{background:linear-gradient(180deg,var(--hp-amber),var(--hp-licht))}
.kb-audio-time{color:#E1DCD3;font-size:.82rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.kb-audio-seek{display:block;width:100%;margin:16px 0 0;accent-color:var(--hp-amber);cursor:pointer;height:20px}
.kb-audio-note{margin-top:10px!important;color:#C6C0B6;font-size:.75rem;line-height:1.5}
.kb-audio-transcript{margin-top:16px;font-size:.85rem;line-height:1.55;color:#D5D0C6}
.kb-audio-transcript summary{cursor:pointer;min-height:36px;align-content:center;color:#FBF7F0;font-weight:600}
.kb-audio-transcript ol{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px}
.kb-audio-transcript li{padding:10px 12px;border-radius:8px;background:#26302C}
.kb-audio-transcript li.is-current{background:#36423D;color:#FFF3D4}
.kb-audio-transcript strong{display:block;color:#FBF7F0;margin-bottom:2px}
.kb-audio-error{margin-top:14px!important;padding:10px 12px;background:#432A25;color:#FFE0D5;border-radius:8px;font-size:.85rem}
.kb-audio audio{width:100%;margin-top:18px}
.kb-audio :focus-visible{outline:3px solid #FFBD50;outline-offset:4px}
.kb-audio-full{margin-top:72px}
.kb-audio-hero{width:min(480px,100%);justify-self:center;margin:0}
.kb-audio-hero .kb-audio-header{margin-bottom:16px}
.kb-audio-hero .kb-audio-controls{margin-top:18px}
@media(max-width:420px){.kb-audio{padding:20px 16px}.kb-audio-controls{grid-template-columns:48px minmax(0,1fr);gap:12px}.kb-audio-play{width:48px;height:48px}.kb-audio-time{grid-column:2;text-align:right;margin-top:-6px}.kb-audio-header{gap:10px}.kb-audio-samples button{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.kb-audio-play{transition:none}.kb-audio-play:hover{transform:none}}

.kb-audio-full .kb-audio-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.kb-audio-live{min-height:250px;padding:18px;background:rgba(0,0,0,.15);border-radius:12px;display:flex;flex-direction:column;gap:10px}
.kb-audio-empty{margin:auto!important;text-align:center;color:#C6C0B6;font-size:.88rem;max-width:26ch}
.kb-audio-line{max-width:92%;padding:10px 12px;border-radius:10px;background:#2E3934;color:#F3F0EA;font-size:.9rem;line-height:1.5;align-self:flex-start}
.kb-audio-line small{display:block;color:#D5D0C6;font-size:.73rem;margin-bottom:3px}
.kb-audio-line.caller{align-self:flex-end;background:#3A4641}
.kb-audio-line.is-current{outline:1px solid #E39A1B}
.kb-audio-receipt{margin-top:auto;background:#FBF7F0;color:#26231F;padding:14px;border-radius:10px;animation:kb-receipt .35s ease-out}
.kb-audio-receipt strong{display:block;color:#1F3F35;margin-bottom:4px;font-size:.94rem}
.kb-audio-receipt span{font-size:.85rem;line-height:1.5}
@keyframes kb-receipt{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:820px){.kb-audio-full .kb-audio-body{grid-template-columns:1fr}.kb-audio-live{min-height:220px}}
@media(prefers-reduced-motion:reduce){.kb-audio-receipt{animation:none}}