/* Explain uses the same plain-text response format as the other AI examples. */
body[data-mode=explain] .help-scene{align-items:center;grid-template-columns:1fr 64px 1.08fr;gap:24px;margin-top:36px;margin-bottom:30px}
body[data-mode=explain] .source-paper,body[data-mode=explain] .result-paper{min-height:0;padding:28px 30px}
body[data-mode=explain] #sourceText,body[data-mode=explain] #resultText{font-size:24px;line-height:1.5;min-height:0}
@media(max-width:1200px){body[data-mode=explain] .help-scene{grid-template-columns:1fr 32px 1.08fr;gap:18px}body[data-mode=explain] #sourceText,body[data-mode=explain] #resultText{font-size:22px}body[data-mode=explain] .source-paper,body[data-mode=explain] .result-paper{padding-inline:24px}}
@media(max-width:900px) and (min-width:581px){body[data-mode=explain] .help-scene{grid-template-columns:1fr 1.08fr;gap:28px;margin-inline:0}body[data-mode=explain] .scene-arrow{display:none}body[data-mode=explain] .source-paper,body[data-mode=explain] .result-paper{padding:22px 20px}body[data-mode=explain] #sourceText,body[data-mode=explain] #resultText{font-size:21px}}
@media(max-width:580px){body[data-mode=explain] .help-scene{gap:24px;margin-top:28px}body[data-mode=explain] .source-paper,body[data-mode=explain] .result-paper{padding:23px 22px}body[data-mode=explain] #sourceText,body[data-mode=explain] #resultText{font-size:22px}}