/* Narrator controls use the existing PMA palette and typography. */
.narrator-heading{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 14px;color:#005964}.narrator-heading strong{font-size:.92rem;overflow-wrap:anywhere}.narrator-heading span{font-size:.8rem;color:#47606b}.narrator-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}.narrator-controls button{min-height:48px;padding:8px 13px;border:2px solid #1a4067;border-radius:14px;background:white;color:#1a4067;font-weight:600}.narrator-controls #listenBtn{background:#cdd6f0;display:inline-flex;gap:8px;align-items:center}.narrator-pace{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.85rem}.narrator-pace label{font-weight:600}.narrator-pace select{font:inherit;min-height:44px;max-width:100%;padding:8px;border:1px solid #005964;border-radius:8px;background:white;color:#005964}#audioError{width:100%;margin:6px 0;font-size:.9rem;font-weight:600}.listenbar .audio-details{flex:1 0 100%;margin:0}.listenbar .audio-details summary{padding:6px 0;min-height:36px}.listenbar .audio-details a{display:inline-flex;min-height:44px;align-items:center}.voice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:30px}.voice-card{min-width:0;border:2px solid #005964;border-radius:18px;padding:22px;background:white}.voice-card h2{font-family:'Chelsea Market',Poppins,sans-serif;font-size:1.6rem;margin:0 0 10px}.voice-region{font-size:1.05rem;font-weight:600;margin:0 0 8px}.voice-type{font-size:.82rem;color:#47606b;margin:0 0 12px}.voice-card audio{width:100%;max-width:100%;display:block;margin-bottom:12px}.voice-card>a{display:block;min-height:48px;padding:10px 0;font-weight:600}.shelf-narrator{font-size:.87rem;color:#1e4fa3}
@media(max-width:650px){.voice-grid{grid-template-columns:1fr}.voice-card{padding:18px}.narrator-controls button{font-size:.85rem}.narrator-heading{display:block}.narrator-heading span{display:block;margin-top:3px}.narrator-pace{font-size:.8rem}.listenbar{gap:8px 10px!important}.listenbar .audio-details summary{font-size:.8rem}}
@media(forced-colors:active){.voice-card,.narrator-controls button,.narrator-pace select{border:2px solid CanvasText}}

.voices-page .page-top{padding:30px 0 8px}.voices-page .sample-transcript{padding:8px 0 14px}.voices-page .voice-grid{padding-top:8px}.voices-page .sample-transcript p{padding:8px 12px;font-size:1rem;line-height:1.75}.voices-page .prose{padding-top:18px}.voices-page .page-top h1{font-size:clamp(1.85rem,4vw,2.9rem)}
