/* 2.91.2: the AI's answers in Markdown (ask-md.js): the agents' Ask AI panel, the copilot and the help center.
   Colours from the text's own colour, so light and dark themes both work. */
.amd, .cp-rich { overflow-wrap: anywhere; }
:is(.amd, .cp-rich) p { margin: 0 0 .55em; }
:is(.amd, .cp-rich) p:last-child { margin-bottom: 0; }
:is(.amd, .cp-rich) strong { font-weight: 650; }
:is(.amd, .cp-rich) em { font-style: italic; }
:is(.amd, .cp-rich) bdi, :is(.amd, .cp-rich) .amd-cite, :is(.amd, .cp-rich) code { unicode-bidi: isolate; }
:is(.amd, .cp-rich) .amd-cite { white-space: nowrap; }
:is(.amd, .cp-rich) .amd-h { margin: .85em 0 .35em; line-height: 1.3; font-weight: 650; letter-spacing: 0; }
:is(.amd, .cp-rich) .amd-h:first-child { margin-top: 0; }
:is(.amd, .cp-rich) .amd-h1 { font-size: 1.1em; }
:is(.amd, .cp-rich) .amd-h2 { font-size: 1.05em; }
:is(.amd, .cp-rich) .amd-h3, :is(.amd, .cp-rich) .amd-h4 { font-size: 1em; }
:is(.amd, .cp-rich) code.amd-code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .88em; padding: .05em .38em; border-radius: 5px; background: color-mix(in srgb, currentColor 8%, transparent); border: 1px solid color-mix(in srgb, currentColor 13%, transparent); white-space: nowrap; }
:is(.amd, .cp-rich) .amd-pre { margin: .4em 0 .7em; padding: 8px 10px; border-radius: 8px; overflow-x: auto; text-align: left; font-size: .88em; line-height: 1.5; background: color-mix(in srgb, currentColor 6%, transparent); border: 1px solid color-mix(in srgb, currentColor 12%, transparent); }
:is(.amd, .cp-rich) .amd-pre code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; white-space: pre; }
:is(.amd, .cp-rich) .amd-quote { margin: .4em 0 .7em; padding: .1em 0; padding-inline-start: .8em; border-inline-start: 3px solid color-mix(in srgb, currentColor 22%, transparent); }
:is(.amd, .cp-rich) .amd-hr { border: 0; border-top: 1px solid color-mix(in srgb, currentColor 15%, transparent); margin: .7em 0; }
:is(.amd, .cp-rich) li > p { margin: .25em 0; }
:is(.amd, .cp-rich) li > ol, :is(.amd, .cp-rich) li > ul { margin: .35em 0 .15em; }
:is(.amd, .cp-rich) li .amd-code { white-space: normal; }
/* the answer marks its own bold now: no bold first paragraph (app.css, before 2.91.2) */
.cp-rich p:first-child, .ask-text.cp-rich p:first-child { font-weight: inherit; }
/* a table: scrolls sideways inside the card on a narrow screen */
:is(.amd, .cp-rich) .amd-table { max-width: 100%; overflow-x: auto; margin: .45em 0 .75em; border: 1px solid color-mix(in srgb, currentColor 16%, transparent); border-radius: 8px; -webkit-overflow-scrolling: touch; }
:is(.amd, .cp-rich) .amd-table:focus-visible { outline: 2px solid color-mix(in srgb, currentColor 45%, transparent); outline-offset: 2px; }
:is(.amd, .cp-rich) .amd-table table { border-collapse: collapse; width: max-content; min-width: 100%; font-size: .93em; line-height: 1.45; }
:is(.amd, .cp-rich) .amd-table th, :is(.amd, .cp-rich) .amd-table td { padding: 6px 10px; text-align: start; vertical-align: top; border-bottom: 1px solid color-mix(in srgb, currentColor 11%, transparent); max-width: 22em; }
:is(.amd, .cp-rich) .amd-table th { font-weight: 650; background: color-mix(in srgb, currentColor 5%, transparent); white-space: nowrap; }
:is(.amd, .cp-rich) .amd-table tbody tr:last-child td { border-bottom: 0; }
/* the steps look (the help center; the agents' panel has its own in app.css): numbers in small circles on the
   item's own side, bullets as dots */
.amd-steps ol { list-style: none; padding-inline-start: 0; margin: 4px 0 8px; counter-reset: amdn; }
.amd-steps ol > li { counter-increment: amdn; position: relative; padding-inline-start: 32px; margin: 0 0 8px; }
.amd-steps ol > li::before { content: counter(amdn); position: absolute; inset-inline-start: 0; top: .12em; width: 22px; height: 22px; border-radius: 999px; background: color-mix(in srgb, currentColor 7%, transparent); border: 1px solid color-mix(in srgb, currentColor 16%, transparent); font-size: 12px; font-weight: 650; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }
.amd-steps ul { list-style: none; padding-inline-start: 0; margin: 4px 0 8px; }
.amd-steps ul > li { position: relative; padding-inline-start: 18px; margin: 0 0 5px; }
.amd-steps ul > li::before { content: ''; position: absolute; inset-inline-start: 5px; top: .7em; width: 5px; height: 5px; border-radius: 999px; background: currentColor; opacity: .45; }