/* C13: pronunciation result (public/pronunciation.js) — only shown with a paid provider. */
.pron { border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; margin: 8px 0; display: grid; gap: 6px; text-align: center; }
.pron p { margin: 0; }
.pron-headline { font-weight: 700; }
.pron-good .pron-headline { color: var(--accent); }
.pron-poor .pron-headline { color: var(--error); }
.pron-words { font-size: 1.1rem; line-height: 1.8; }
.pron-word { padding: 1px 4px; border-radius: 6px; }
.pron-word.good { color: var(--accent); }
.pron-word.fair { background: color-mix(in srgb, var(--error) 12%, transparent); }
.pron-word.poor { color: var(--error); text-decoration: underline wavy; text-underline-offset: 4px; }
.pron-word.weakest { outline: 2px solid var(--error); font-weight: 700; }
.pron-again { justify-self: center; }