/* Rendered markdown (lib/markdown.js). One file for the admin plan preview and the client portal. */
/* =========================================================================================
   md start. Markdown from /lib/markdown.js (renderMarkdown). The admin needs this same block in its own CSS:
   copy everything from "md start" to "md end". Only app.css tokens are used.
   ========================================================================================= */
.md { color: var(--text-default); font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.md > :first-child { margin-top: 0; }
.md > :last-child { margin-bottom: 0; }
.md p, .md ul, .md ol, .md blockquote, .md pre, .md .md-table, .md hr { margin: 0 0 1em; }
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
  margin: 1.7em 0 0.6em;
  color: var(--text-strong);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-title);
  scroll-margin-top: calc(var(--topbar-h) + var(--space-6));
}
.md h1 { font-size: 26px; line-height: 34px; }
.md h2 { padding-bottom: 0.35em; border-bottom: 1px solid var(--color-line); font-size: 21px; line-height: 28px; }
.md h3 { font-size: 17px; line-height: 24px; }
.md h4 { font-size: 15px; line-height: 22px; }
.md h5, .md h6 { color: var(--text-subtle); font-size: 13px; line-height: 20px; letter-spacing: 0.02em; }
.md a { color: var(--text-link); text-decoration: underline; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); text-underline-offset: 2px; }
.md a:hover { text-decoration-color: currentColor; }
.md strong { color: var(--text-strong); font-weight: var(--weight-semibold); }
.md del { color: var(--text-subtle); }
.md code { padding: 0.1em 0.35em; border-radius: var(--radius-sm); background: var(--color-recessed); box-shadow: var(--ring); font-family: var(--font-mono); font-size: 0.86em; letter-spacing: 0; }
.md pre { position: relative; padding: var(--space-3) var(--space-4); overflow-x: auto; border-radius: var(--radius-lg); background: var(--color-canvas); box-shadow: var(--ring); font-size: 13px; line-height: 20px; tab-size: 2; }
.md pre code { padding: 0; background: none; box-shadow: none; font-size: inherit; white-space: pre; overflow-wrap: normal; }
.md pre[data-lang] { padding-top: 26px; }
.md pre[data-lang]::before { content: attr(data-lang); position: absolute; top: var(--space-1-5); right: var(--space-2-5); color: var(--text-placeholder); font-family: var(--font-sans); font-size: 11px; line-height: 14px; }
.md ul { padding-left: 1.5em; list-style: disc; }
.md ol { padding-left: 1.7em; list-style: decimal; }
.md ul ul { list-style: circle; }
.md ul ul ul { list-style: square; }
.md li { margin: 0.3em 0; }
.md li::marker { color: var(--text-subtle); }
.md li > ul, .md li > ol { margin: 0.3em 0 0; }
.md li > p { margin: 0 0 0.6em; }
.md li.md-task { list-style: none; }
.md .md-check { width: 14px; height: 14px; margin: 0 0.5em 0 -1.4em; vertical-align: -2px; accent-color: var(--color-brand); }
.md blockquote { padding: 0.15em 0 0.15em 1em; border-left: 3px solid var(--color-interact); color: var(--text-subtle); }
.md blockquote > :last-child { margin-bottom: 0; }
.md .md-alert { padding: 0.6em 1em; border-radius: 0 var(--radius-md) var(--radius-md) 0; color: var(--text-default); }
.md .md-alert-title { margin-bottom: 0.3em; font-weight: var(--weight-semibold); }
.md .md-alert-note { border-left-color: var(--color-info); background: var(--color-info-tint); }
.md .md-alert-note .md-alert-title { color: var(--text-info); }
.md .md-alert-tip { border-left-color: var(--color-success); background: var(--color-success-tint); }
.md .md-alert-tip .md-alert-title { color: var(--text-success); }
.md .md-alert-important { border-left-color: var(--text-night); background: var(--color-night-tint); }
.md .md-alert-important .md-alert-title { color: var(--text-night); }
.md .md-alert-warning { border-left-color: var(--color-warning); background: var(--color-warning-tint); }
.md .md-alert-warning .md-alert-title { color: var(--text-warning); }
.md .md-alert-caution { border-left-color: var(--color-danger); background: var(--color-danger-tint); }
.md .md-alert-caution .md-alert-title { color: var(--text-danger); }
.md hr { margin: 2em 0; border: 0; border-top: 1px solid var(--color-line); }
.md .md-table { overflow-x: auto; border-radius: var(--radius-lg); box-shadow: var(--ring); }
.md table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--text-base); line-height: var(--leading-base); }
.md th, .md td { min-width: 6em; padding: var(--space-2) var(--space-3); border-bottom: 1px solid var(--color-fill); text-align: left; vertical-align: top; overflow-wrap: normal; }
/* keep words whole in cells: a narrow screen scrolls the table (.md-table) instead of splitting "Medium" */
.md th + th, .md td + td { border-left: 1px solid var(--color-fill); }
.md th { background: var(--color-canvas); color: var(--text-strong); font-weight: var(--weight-semibold); }
.md tbody tr:last-child td { border-bottom: 0; }
.md th.md-center, .md td.md-center { text-align: center; }
.md th.md-right, .md td.md-right { text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 639px) { .md { font-size: var(--text-base); line-height: 1.6; } .md h1 { font-size: 22px; line-height: 30px; } .md h2 { font-size: 19px; line-height: 26px; } }
/* md end */