/* Small, explicit audio controls leave room for the pictures and play. */
.website-audio.website-audio{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;margin-block:10px;padding:10px 14px;border-color:#d2dbcf;background:#f6f7f0;text-align:start}
.website-audio h4{grid-column:1;grid-row:1;align-self:center;margin:0;font-size:15px;line-height:1.5}
.website-audio-controls{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.website-audio-controls button{min-height:44px;padding:8px 13px;font-size:14px;flex:none}
.website-audio-controls button:disabled{display:none}
.website-audio-controls [data-website-audio="stop"],.website-audio-controls [data-website-audio="replay"]{display:none}
[data-audio-state="playing"] [data-website-audio="stop"],[data-audio-state="paused"] [data-website-audio="stop"],[data-audio-state="loading"] [data-website-audio="stop"]{display:inline-block}
[data-audio-state="ended"] [data-website-audio="play"]{display:none}
[data-audio-state="ended"] [data-website-audio="replay"]{display:inline-block}
.website-audio-review{grid-column:1/-1;grid-row:2;justify-self:start;margin:0;padding:2px 6px;border:0;border-radius:5px;font-size:11px;line-height:1.5;text-align:start}
.website-audio-time{grid-column:2;grid-row:3;align-self:start;padding-block:13px;margin:0;font-size:12px;line-height:18px;text-align:end;pointer-events:none}
.website-audio-transcript{grid-column:1/-1;grid-row:3;margin:0;border:0;font-size:12px}
.website-audio-transcript summary{min-height:44px;margin-inline-end:100px;line-height:1.4}
.website-audio-transcript[open]{border-top:1px solid #e2e7dc}
.website-audio-transcript p{font-size:14px;text-align:start}
.website-audio-volume{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:44px;font-size:13px;font-weight:600}
.website-audio-volume input{width:130px;max-width:100%;min-height:44px;accent-color:#315846}
.website-audio-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;margin:0!important;padding:0!important;border:0!important}
[data-audio-state="unavailable"] .website-audio-status,[data-audio-state="error"] .website-audio-status{position:static!important;grid-column:1/-1;grid-row:2;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none;white-space:normal;font-size:13px;line-height:1.5;text-align:start}
[data-audio-state="error"] .website-audio-review{grid-row:4}
[data-audio-state="unavailable"] .website-audio-controls{display:none}
[data-audio-state="unavailable"] .website-audio-volume{display:none}
.website-audio-instrumental-note{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5;text-align:start}
.ordinary-audio-choices .website-audio{margin-block-end:0}
[data-ordinary-audio-ui="prompt"]{margin-block:10px}
@media(max-width:360px){.website-audio.website-audio{padding:9px 10px;gap:4px 8px}.website-audio h4{font-size:14px}.website-audio-controls button{padding:8px 10px}.website-audio-transcript summary{margin-inline-end:84px}}
@media print{.website-audio,.ordinary-audio-choices{display:none!important}}

/* Pending recordings do not need empty playback controls. */
[data-audio-state="unavailable"] .website-audio.website-audio{padding:8px 12px;gap:3px 8px;border-radius:12px}
[data-audio-state="unavailable"] .website-audio-transcript,
[data-audio-state="unavailable"] .website-audio-time{display:none}

/* Keep game help-card styles out of the compact recording transcript. */
.website-audio.website-audio .website-audio-transcript{background:transparent;padding:0;border-radius:0;margin:0;line-height:1.4}