/* Canonical master tokens, scoped to the saved voice samples. */
.bc-voices {
  margin:0 0 32px; padding:24px; min-width:0;
  border:1px solid var(--bc-line); border-radius:var(--bc-radius);
  background:var(--bc-panel); color:var(--bc-ink); font-family:var(--bc-font);
}
.bc-voices, .bc-voices * { box-sizing:border-box; }
.bc-voices [hidden] { display:none !important; }
.bc-voices h3 { margin:0 0 12px; color:var(--bc-white); font-size:1.5rem; line-height:1.25; }
.bc-voices__context, .bc-voices__selection { max-width:78ch; margin:0 0 16px; line-height:1.6; }
.bc-voices__context { color:var(--bc-muted); font-size:.9rem; }
.bc-voices__selection { color:var(--bc-green-ink); font-weight:600; font-size:.95rem; }
.bc-voices__tools { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 20px; }
.bc-voices__tools button {
  min-height:44px; padding:10px 16px; border:1px solid var(--bc-line);
  border-radius:10px; background:var(--bc-black); color:var(--bc-white);
  font:inherit; font-size:.9rem; line-height:1.4; cursor:pointer;
}
.bc-voices__tools button:hover { border-color:var(--bc-blue); }
.bc-voices__tools button:focus-visible, .bc-voices summary:focus-visible,
.bc-voices audio:focus-visible { outline:3px solid var(--bc-blue); outline-offset:4px; }
.bc-voices__sample { min-width:0; padding:20px 0; border-top:1px solid var(--bc-line); }
.bc-voices__sample h4 { margin:0 0 8px; color:var(--bc-white); font-size:1.125rem; line-height:1.4; overflow-wrap:anywhere; }
.bc-voices__caption, .bc-voices__name-note { margin:0 0 12px; color:var(--bc-muted); font-size:.85rem; line-height:1.6; }
.bc-voices audio { display:block; width:100%; max-width:560px; min-height:44px; margin:12px 0 16px; }
.bc-voices summary { width:fit-content; min-height:44px; padding:10px 0; color:var(--bc-link); cursor:pointer; font-size:.9rem; line-height:1.5; }
.bc-voices__transcript { max-width:76ch; margin:8px 0 0; color:var(--bc-muted); font-size:.9rem; line-height:1.7; overflow-wrap:anywhere; }
.bc-voices__status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.bc-voices[data-voice-view="all"] .bc-voices__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:24px; }
@media(max-width:650px) {
  .bc-voices { padding:16px; }
  .bc-voices[data-voice-view="all"] .bc-voices__list { grid-template-columns:minmax(0,1fr); }
}
@media(forced-colors:active) {
  .bc-voices__tools button { border-color:ButtonText; }
  .bc-voices__tools button:focus-visible, .bc-voices summary:focus-visible,
  .bc-voices audio:focus-visible { outline-color:Highlight; }
}