/* TutorBot's replies in the parent's view of Marcel's thread, drawn by js/render.js (a byte-for-byte copy
   of web/kid/render.js) so the parent sees what Marcel sees: paragraphs, numbered steps, every $$
   equation typeset by the vendored KaTeX (vendor/katex), code in a dark card. The values follow
   web/kid/kid.css (the .rt rules); the code card is read-only here (no Edit, no Run). */

.bub .rt { margin: 0; }
/* A ladder reply's title, as on Marcel's open hint card: "Hint" (never numbered), or the worked example. */
.bub .h-title { display: block; margin: 2px 0 4px; font-weight: 800; color: var(--acc); }
.rt .rt-p { margin: 0 0 8px; white-space: normal; }
.rt .rt-p:last-child { margin-bottom: 0; }
.rt .rt-p:has(+ .fig) { margin-bottom: 0; }
.rt strong { font-weight: 800; }
.rt .steps, .rt .bullets { margin: 6px 0 10px; padding-left: 1.7em; }
.rt .steps:last-child, .rt .bullets:last-child { margin-bottom: 0; }
.rt .steps { list-style: decimal; }
.rt .bullets { list-style: disc; }
.rt .steps > li { padding-left: 4px; margin-bottom: 12px; }
.rt .steps > li:last-child { margin-bottom: 0; }
.rt .steps > li::marker { font-weight: 800; color: var(--mute); font-variant-numeric: tabular-nums; }
.rt .bullets > li { margin-bottom: 6px; }
.rt .steps > li > .rt-p, .rt .bullets > li > .rt-p { margin-bottom: 4px; }
.rt .katex { font-size: 1.12em; }
.rt .math-line { margin: 2px 0 8px; overflow-x: auto; overflow-y: hidden; }
.rt .math-line:last-child { margin-bottom: 0; }
.rt .math-line .katex-display { margin: 0; text-align: left; }
.rt .math-line .katex-display > .katex { text-align: left; }
.rt .tex-raw { background: #e6defb; border-radius: 6px; padding: 0 5px; font: 13px ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace; }
.rt .math-line.tex-raw { display: inline-block; }
.rt .ic { font: 13px ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace; background: var(--acc-soft); border-radius: 6px; padding: 1px 5px; }

.rt .codecard { margin: 4px 0 12px; min-width: 0; }
.rt .codecard:last-child { margin-bottom: 0; }
.rt .cc-box { background: #1e1f24; border-radius: 14px; overflow: hidden; }
.rt .cc-bar { display: flex; align-items: center; padding: 8px 14px 0; min-height: 32px; }
.rt .cc-lang { color: #e6e8ee; font-size: 13px; font-weight: 700; }
.rt .cc-code { margin: 0; padding: 6px 0 12px; white-space: pre; overflow-x: auto; color: #e6e8ee; font: 13px/1.5 ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace; }
.rt .cc-code code { display: block; min-width: max-content; }
.rt .cc-code .ln { display: block; min-height: 1.5em; padding: 0 14px; border-left: 3px solid transparent; }
.rt .cc-code .ln.changed { background: rgba(255, 214, 102, 0.13); border-left-color: #ffd666; }
.rt .cc-note { margin-top: 10px; }
.rt .cc-note strong { display: block; font-weight: 800; margin-bottom: 2px; }
.rt .cc-note p { margin: 0; white-space: normal; }