/* Hörproben der Erzählstimmen (hoergeschichten.html, stimmen.html). Daten: hoer/stimmen.json aus ~/hoergeschichten/tools/stimmen.py */
.sw-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 1.2rem}
.sw-tabs button{font-family:'Martian Mono',monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);background:none;color:var(--ink);border-radius:999px;padding:.6rem 1rem;cursor:pointer;min-height:44px}
.sw-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.sw-tabs button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.sw-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.sw-k{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--hair);border-radius:16px;padding:1rem 1.1rem;background:rgba(255,255,255,.35);transition:border-color .2s}
.sw-k.an{border-color:var(--ink)}
.sw-k .sw-play{flex:none;width:48px;height:48px;border-radius:50%;border:0;background:var(--nacht);color:var(--mond);cursor:pointer;display:grid;place-items:center}
.sw-k .sw-play:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.sw-k .sw-play svg{width:20px;height:20px}
.sw-k .sw-play .pause,.sw-k.an .sw-play .los{display:none}
.sw-k.an .sw-play .pause{display:block}
.sw-k b{font-family:'Bodoni Moda',serif;font-size:1.35rem;font-weight:500;line-height:1.1}
.sw-k .sw-art{display:block;color:var(--dim);margin:.2rem 0 .3rem}
.sw-k .sw-std{color:var(--red);margin-left:.5rem}
.sw-k p{color:var(--ink-soft);font-size:.98rem;line-height:1.45}
.sw-balken{height:2px;background:var(--hair);margin-top:.6rem;border-radius:2px;overflow:hidden}
.sw-balken i{display:block;height:100%;width:0;background:var(--red)}
.sw-hinweis{color:var(--ink-soft);margin:0 0 1.2rem;max-width:62ch}