/* Markdown typography for AI Ground answers (dynamic HTML from marked.js —
 * Tailwind cannot target runtime-generated markup, so these live here, not
 * in a page-level <style> block). */
.ai-md { line-height: 1.7; }
/* Uniform block rhythm: no stacked top+bottom margins — one gap between blocks */
.ai-md > * { margin-top: 0; margin-bottom: 0; }
.ai-md > * + * { margin-top: 0.35em; }
.ai-md > :first-child { margin-top: 0; }
.ai-md h1, .ai-md h2, .ai-md h3, .ai-md h4 { font-weight: 700; line-height: 1.4; }
.ai-md > h1, .ai-md > h2, .ai-md > h3, .ai-md > h4 { margin-top: 0.6em; }
.ai-md > :first-child:is(h1, h2, h3, h4) { margin-top: 0; }
.ai-md h1 { font-size: 1.1em; } .ai-md h2 { font-size: 1.05em; } .ai-md h3, .ai-md h4 { font-size: 1em; }
.ai-md ul, .ai-md ol { padding-left: 1.4em; }
.ai-md ul { list-style: disc; } .ai-md ol { list-style: decimal; }
.ai-md li { margin: 0.12em 0; }
.ai-md li > p { margin: 0.12em 0; }
.ai-md a { color: var(--color-brand, #C8191A); text-decoration: underline; }
.ai-md blockquote { margin: 0; padding: 0.1em 0 0.1em 0.7em; border-left: 3px solid rgb(0 0 0 / 0.12); opacity: 0.85; }
.ai-md blockquote > p { margin: 0.15em 0; }
.ai-md code { font-family: ui-monospace, monospace; font-size: 0.85em; background: rgb(0 0 0 / 0.06); padding: 0.1em 0.35em; border-radius: 0.375rem; }
.dark .ai-md code { background: rgb(255 255 255 / 0.1); }
.ai-md pre { margin: 0; padding: 0.7em 0.8em; border-radius: 0.75rem; overflow-x: auto; max-width: 100%; background: #0f172a; color: #e2e8f0; line-height: 1.6; }
.ai-md pre code { background: transparent; padding: 0; color: inherit; }
.ai-md table { margin: 0; border-collapse: collapse; font-size: 0.85em; display: block; overflow-x: auto; max-width: 100%; }
.ai-md th, .ai-md td { border: 1px solid rgb(0 0 0 / 0.12); padding: 0.35em 0.6em; text-align: left; }
.dark .ai-md th, .dark .ai-md td { border-color: rgb(255 255 255 / 0.15); }
.ai-md hr { margin: 0.75em 0; border-color: rgb(0 0 0 / 0.1); }