[data-role="answer"] { margin-top: 40px; }
[data-role="misconception"] { padding: 24px 0 32px; border-top: 2px solid var(--line); }
[data-role="misconception"] > p:last-child { font-size: 18px; max-width: 62ch; }
[data-role="correction"] { padding: 32px; background: #f5f9ff; border-left: 4px solid var(--blue); }
[data-role="correction"] > [data-role="eyebrow"] { color: var(--blue-text); }
[data-role="correction"] h2 { margin-bottom: 24px; max-width: 30ch; }
[data-role="correction"] > p { max-width: 65ch; }
[data-role="answer"][data-tone="violet"] [data-role="correction"] { background: #f8f5ff; border-left-color: var(--violet); }
[data-role="answer"][data-tone="violet"] [data-role="correction"] > [data-role="eyebrow"] { color: var(--violet-text); }
[data-role="answer"][data-tone="amber"] [data-role="correction"] { background: #fffbf5; border-left-color: var(--amber); }
[data-role="answer"][data-tone="amber"] [data-role="correction"] > [data-role="eyebrow"] { color: var(--amber-text); }
[data-role="urgent-note"] { padding: 24px; border-left: 4px solid var(--red); background: #fff8f8; }
[data-role="urgent-note"] > p { max-width: 64ch; }
@media (max-width: 800px) {
  [data-role="answer"] { margin-top: 32px; }
  [data-role="correction"] { padding: 24px; }
}
@media (forced-colors: active) {
  [data-role="correction"], [data-role="urgent-note"] { border: 2px solid CanvasText; }
}