.audio-toolbar{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.audio-toolbar label{display:grid;gap:.35rem;min-width:12rem}.audio-source-status{margin-left:auto;font-size:.78rem;color:var(--muted,#6d675f);max-width:22rem}.audio-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);gap:1rem;margin:1rem 0}.audio-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.audio-rule{border-top:1px solid var(--rule,#cfc7ba);margin:1rem 0}.audio-boundary{border-left:2px solid var(--rubric,#8f332d);padding:.6rem .8rem;font-size:.88rem}.pron-cue{font-family:Georgia,serif;font-size:1.35rem;padding:.8rem 0;min-height:2.6rem}.audio-mini-stats{display:grid;gap:.35rem;font-size:.82rem}.alphabet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));border-top:1px solid var(--rule,#cfc7ba);border-left:1px solid var(--rule,#cfc7ba)}.alphabet-item{background:transparent;border:0;border-right:1px solid var(--rule,#cfc7ba);border-bottom:1px solid var(--rule,#cfc7ba);padding:.8rem;text-align:left;color:inherit}.alphabet-item strong{display:block;font:1.6rem Georgia,serif}.alphabet-item span,.alphabet-item small{display:block}.audio-drill{display:grid;grid-template-columns:minmax(12rem,1fr) repeat(3,minmax(7rem,auto));gap:.5rem;align-items:center;padding:.8rem 0;border-top:1px solid var(--rule,#cfc7ba)}.audio-drill small{grid-column:1/-1;color:var(--muted,#6d675f)}.audio-active-token{outline:1px solid var(--rubric,#8f332d);outline-offset:2px;background:color-mix(in srgb,var(--rubric,#8f332d) 10%,transparent)}@media(max-width:800px){.audio-grid{grid-template-columns:1fr}.audio-source-status{margin-left:0}.audio-drill{grid-template-columns:1fr}.audio-drill small{grid-column:auto}}