.bubble.md { white-space:normal; }
.bubble.md p { margin:0 0 .6em; }
.bubble.md h2 { font-size:1em; margin:.8em 0 .3em; }
.bubble.md h3 { font-size:1em; margin:.8em 0 .3em; }
.bubble.md h4 { font-size:1em; margin:.8em 0 .3em; }
.bubble.md h5 { font-size:1em; margin:.8em 0 .3em; }
.bubble.md ul { margin:.3em 0 .6em; padding-left:1.3em; }
.bubble.md ol { margin:.3em 0 .6em; padding-left:1.3em; }
.bubble.md pre { margin:.5em 0; padding:10px 12px; overflow-x:auto; white-space:pre; background:var(--surface); box-shadow:none; border-radius:12px; }
.bubble.md code { padding:1px 5px; border-radius:5px; }
.bubble.md table { border-collapse:collapse; margin:.5em 0; font-size:.92em; display:block; overflow-x:auto; }
.bubble.md th { box-shadow:inset 0 0 0 1px var(--border); padding:4px 8px; text-align:left; vertical-align:top; background:var(--surface); }
.bubble.md td { box-shadow:inset 0 0 0 1px var(--border); padding:4px 8px; text-align:left; vertical-align:top; }
.bubble.md a { color:var(--link); font-weight:600; }
.bubble.md pre code { background:none; padding:0; }
.bubble.md > :first-child { margin-top:0; }
.bubble.md > :last-child { margin-bottom:0; }
/* welcome examples: buttons that fill the composer */
/* very long finished answers start collapsed */
.bubble.md.clipped {
  max-height:560px; overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - 96px), transparent);
  mask-image:linear-gradient(to bottom, #000 calc(100% - 96px), transparent);
}
.pa .bubble.md code { background:var(--surface); }
.msg .more-btn { align-self:flex-start; color:var(--link); }
.md-lite { font-size:13px; line-height:1.5; color:var(--text-2); overflow-wrap:anywhere; }
.md-lite p { margin:0 0 .5em; }
.md-lite h2 { font-size:1em; font-weight:700; color:var(--text); margin:.7em 0 .25em; }
.md-lite h3 { font-size:1em; font-weight:700; color:var(--text); margin:.7em 0 .25em; }
.md-lite h4 { font-size:1em; font-weight:700; color:var(--text); margin:.7em 0 .25em; }
.md-lite h5 { font-size:1em; font-weight:700; color:var(--text); margin:.7em 0 .25em; }
.md-lite ul { margin:.25em 0 .5em; padding-left:1.3em; }
.md-lite ol { margin:.25em 0 .5em; padding-left:1.3em; }
.md-lite code { font-family:var(--mono); font-size:.92em; background:var(--surface-2); padding:1px 5px; border-radius:5px; }
.md-lite pre { margin:.4em 0; padding:8px 10px; border-radius:8px; background:var(--surface-2); overflow-x:auto; }
.md-lite table { border-collapse:collapse; display:block; overflow-x:auto; font-size:.92em; }
.md-lite th { box-shadow:inset 0 0 0 1px var(--border); padding:3px 7px; text-align:left; }
.md-lite td { box-shadow:inset 0 0 0 1px var(--border); padding:3px 7px; text-align:left; }
.md-lite a { color:var(--link); font-weight:600; }
.md-lite pre code { background:none; padding:0; }
.md-lite > :first-child { margin-top:0; }
.md-lite > :last-child { margin-bottom:0; }
.md-lite.clipped {
  max-height:9em; overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - 2.5em), transparent);
  mask-image:linear-gradient(to bottom, #000 calc(100% - 2.5em), transparent);
}
.md-clamp { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.md-clamp > .md-lite { width:100%; }
.md-clamp .more-btn { color:var(--link); }
.act-txt .md-clamp { white-space:normal; }
.act-txt .act-body.md-lite { white-space:normal; }