/* Portable Markdown document appearance. This stylesheet is embedded in HTML exports. */
.preview-body.studio-document {
  --preview-text: var(--text-main, #242a31);
  --heading-text: var(--heading-color, #18212b);
  --border: var(--border-color, #cdd4db);
  --blue: var(--accent-color, #31556d);
  --bg-inline-code: var(--code-bg, #f5f7f9);
  --bg-code: var(--code-bg, #f5f7f9);
  --bg-elevated: var(--table-head-bg, #f0f3f6);
  --text-dim: var(--muted-color, #505b67);
  --text: var(--text-main, #242a31);
  --code-text: var(--text-main, #242a31);
  --hover: rgba(49,85,109,.04);
  font-family: var(--font-family, system-ui, sans-serif);
  color: var(--text-main, #242a31);
  background: #fffefc;
  line-height: 1.85;
}
.preview-body.studio-document h1,
.preview-body.studio-document h2,
.preview-body.studio-document h3,
.preview-body.studio-document h4,
.preview-body.studio-document h5,
.preview-body.studio-document h6 {
  font-family: var(--heading-font-family, var(--font-family, system-ui, sans-serif));
  color: var(--heading-color, #18212b);
  font-weight: var(--heading-weight, 700);
}
.preview-body.studio-document h1 {font-size:var(--h1-size,1.95em);border-bottom:var(--h1-border,1px solid var(--border));}
.preview-body.studio-document h2 {border-bottom:var(--h2-border,1px solid var(--border));}
.preview-body.studio-document pre {border-radius:var(--code-radius,8px);}
.preview-body.studio-document blockquote {border-left:var(--quote-border,3px solid var(--accent-color));padding:var(--quote-padding,.4em 1em);font-size:var(--quote-size,1em);}
.preview-body.studio-document th {background:var(--table-head-bg,#f2f4f6);}
.preview-body.studio-document[data-density="compact"] {line-height:1.5;}
.preview-body.studio-document[data-density="compact"] :is(p,ul,ol,pre,blockquote,table) {margin-block:.45em;}
.preview-body.studio-document .studio-cover-title {
  display:block;position:relative;overflow:hidden;
  margin:0;padding:46px 42px 16px;border:0;border-radius:14px 14px 0 0;
  font-size:clamp(26px,3vw,38px);font-weight:800;line-height:1.25;
  letter-spacing:-.04em;color:#253c31;background:linear-gradient(120deg,#e4eedf,#eef3e9);
}
.preview-body.studio-document .studio-cover-title::before {
  content:'DOCUMENT';display:block;margin-bottom:24px;color:#5b785f;font:700 10px/1.3 system-ui,sans-serif;letter-spacing:.12em;
}
.preview-body.studio-document .studio-cover-title.studio-cover-alone {padding-bottom:50px;border-radius:14px;}
.preview-body.studio-document .studio-cover-intro {
  margin:0 0 32px;padding:0 42px 40px;border-radius:0 0 14px 14px;
  line-height:1.75;color:#607769;background:linear-gradient(120deg,#e4eedf,#eef3e9);
}
.preview-body.studio-document img {max-width:100%;height:auto;}
.preview-body.studio-document [data-studio-image-missing] {display:inline-block;max-width:100%;padding:8px 12px;border:1px dashed #b77c62;border-radius:6px;color:#884a35;}
@media(max-width:600px){.preview-body.studio-document .studio-cover-title{padding:32px 24px 12px}.preview-body.studio-document .studio-cover-intro{padding:0 24px 28px}}