.narration-player { padding:18px 21px; margin:0 0 28px; border:1px solid #3b6069; border-radius:10px; background:#112b3566; }
.narration-player>[data-listen] { display:flex; align-items:center; flex-wrap:wrap; gap:15px; color:var(--cyan); border-color:#4b7e83; }
.narration-player>[data-listen]>span { color:#a6b9c9; font-size:11px; }
.narration-player small { display:block; font-size:10px; color:#9cb0c1; margin-top:10px; }
.narration-player audio,.admin-narration audio { display:block; width:100%; margin:17px 0; height:44px; color-scheme:dark; }
.narration-player label { display:flex; align-items:center; gap:12px; font-size:12px; color:#b5c6d4; }
.narration-player select { border:1px solid #536577; border-radius:5px; padding:5px 9px; background:#0b1726; color:var(--text); font:inherit; }
.narration-player [data-audio-error] { color:#b6c8d7; font-size:12px; }
.admin-narration { padding:19px; margin:24px 0; border:1px solid #456671; border-radius:10px; background:#10273477; }
.admin-narration .eyebrow { font-size:9px; color:var(--cyan); margin-bottom:8px; }
.admin-narration h4 { margin:0; font:600 20px 'Space Grotesk',sans-serif; }
.admin-narration>.small-muted { font-size:12px; line-height:1.7; margin:12px 0 18px; }
.admin-narration>label { max-width:240px; }
.narration-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:16px; }
.narration-actions .button { white-space:normal; }
.narration-actions .review-delete { margin-left:0; }
.admin-narration progress { display:block; width:100%; height:9px; margin-top:20px; accent-color:var(--cyan); }
.admin-narration [data-narration-status] { font-size:12px; color:var(--cyan); line-height:1.7; margin:16px 0 0; }
.admin-narration>small { margin-top:15px; font-size:10px; line-height:1.6; }
@media(max-width:480px) { .narration-player,.admin-narration { padding:16px; } .narration-player .button { width:100%; justify-content:center; white-space:normal; } }