.speak-tabs, .speak-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: center; margin: 1rem 0; }
.speak-tabs button { background: var(--color-bg-surface); color: var(--color-text-primary); border: 1px solid var(--color-border); border-radius: 0.5rem; padding: 0.75rem; cursor: pointer; }
.speak-tabs [aria-selected='true'] { border-color: var(--color-primary-amber); font-weight: 700; }
#story-tell, #speak-jobs, .speak-job { min-width: 0; overflow-wrap: anywhere; }
#story-tell { background: var(--color-bg-surface); color: var(--color-text-primary); padding: 1rem; border-radius: 0.75rem; }
#story-tell h2, #story-tell h3 { color: var(--color-text-primary); }
#story-tell [hidden] { display: none !important; }
#story-tell button { max-width: 100%; white-space: normal; }
#story-tell .btn-outline { color: var(--color-text-primary); background: var(--color-bg-surface); border: 1px solid var(--color-border); }
#story-tell .btn-primary { color: var(--color-on-fill); background: var(--color-primary-amber); }
#speak-confirm { display: block; margin: 1rem 0; }
.speak-job { margin: 1.25rem 0; padding: 1rem; border: 1px solid var(--color-border); border-radius: 0.75rem; }
.speak-job pre { white-space: pre-wrap; overflow-wrap: anywhere; font-family: inherit; line-height: 1.65; }
#speak-clock { font-variant-numeric: tabular-nums; }