.til-narration{margin-top:14px}.til-narration-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.til-narration-heading strong{font:600 15px/1.5 TILInter,system-ui,sans-serif;color:#edf5ff}.til-narration-heading>span{font:10px/1.5 TILMono,monospace;letter-spacing:.12em;color:var(--op-accent,#a9dfff)}
.til-narration audio{display:block;width:100%;height:44px;color-scheme:dark;margin-bottom:14px}.til-narration-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px;color:#acbdd1;font:12px/1.6 TILInter,system-ui,sans-serif}.til-narration-tools label{display:flex;align-items:center;gap:8px}.til-narration-tools select{min-height:44px;border:1px solid #506179;border-radius:6px;background:#132136;color:#edf5ff;padding:6px 10px;font:inherit}.til-narration :focus-visible{outline:3px solid #a9dfff;outline-offset:4px}
.til-narration .til-narration-transcript{font:400 16px/1.9 TILInter,system-ui,sans-serif;color:#d5e1ee;white-space:pre-wrap;overflow-wrap:anywhere}.til-narration-transcript>span{border-radius:3px}.til-narration-transcript .is-speaking{background:#b5e8ff;color:#102032;box-shadow:0 2px 0 #b5e8ff;outline:1px solid #b5e8ff}.til-narration .til-narration-status{font:12px/1.7 TILInter,system-ui,sans-serif;color:#acbdd1;margin:14px 0 0}
@media(max-width:480px){.til-narration-heading{align-items:start;flex-direction:column;gap:4px}.til-narration .til-narration-transcript{font-size:15px}.til-narration-tools{align-items:start;flex-direction:column}}
@media(forced-colors:active){.til-narration-transcript .is-speaking{background:Highlight;color:HighlightText;outline:2px solid Highlight}}
.til-narration-note{font:12px/1.6 TILInter,system-ui,sans-serif;color:#acbdd1;margin:10px 0}.til-question-narration{padding:18px 20px;border:1px solid #34445a;border-radius:12px;background:#111e2f;margin:18px 0 24px}.til-question-narration details summary{cursor:pointer;color:#bacce1;font:13px/1.6 TILInter,system-ui,sans-serif;padding:10px 0;min-height:44px}.til-question-narration .til-narration-transcript{max-height:200px;overflow-y:auto;padding:12px 4px;font-size:14px;border-top:1px solid #34445a}
.til-question-narration .til-narration-transcript{position:relative}