/* SVC-DOCSTYLE1 reference stylesheet: the look James approved in docs-style-mockup.html (2026-10-30).
   .docs-h2 / .docs-h3 / .docs-h4 are the document's ##, ### and #### (DS-5), whatever tag a surface renders them as.
   The one docs stylesheet (DS-1): served as _content/RCATC.UI/css/docs-body.css to Lab and web, and embedded in
   RCATC.Docs.Cli, whose SiteStyles.Css starts with it. Plain CSS on purpose: no build step. */
.docs-body *{box-sizing:border-box}
.docs-body{--text:#1a1a1a;--muted:#5b6168;--line:#e4e6ea;--soft:#f6f7f9;
  --plate:var(--mud-palette-background,#f8f7f5);--plate-line:#ebe8e3;
  font:15px/1.65 Inter,system-ui,"Segoe UI",sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}
.docs-body>*{max-width:820px}
.docs-body>:first-child{margin-top:0}
.docs-body p{margin:0 0 .9rem}
.docs-body .docs-h2{font-size:1.4rem;font-weight:700;line-height:1.25;letter-spacing:-.01em;
  margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}
.docs-body .docs-h3{font-size:1.08rem;font-weight:650;line-height:1.35;margin:1.9rem 0 .6rem}
.docs-body .docs-h4{font-size:.95rem;font-weight:650;line-height:1.35;margin:1.5rem 0 .5rem}
.docs-body ul,.docs-body ol{margin:0 0 1rem;padding-left:1.5rem}
.docs-body li{margin:.35rem 0;padding-left:.15rem}
.docs-body li::marker{color:var(--muted)}
.docs-body ol>li::marker{font-weight:600}
.docs-body strong{font-weight:600}
.docs-body a{color:#d95500;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(250,100,1,.4)}
.docs-body a:hover{text-decoration-color:currentColor}
/* Selector fix (SVC-DOCSTYLE1 addendum): the inline-code chip, not a fenced block's pre > code. */
.docs-body :not(pre)>code{font:500 .86em/1 "Cascadia Mono",Consolas,ui-monospace,monospace;background:var(--soft);
  border:1px solid var(--line);border-radius:4px;padding:.12em .38em}
.docs-body table{width:100%;border-collapse:separate;border-spacing:0;margin:1rem 0 1.4rem;font-size:.93rem;
  border:1px solid var(--line);border-radius:8px;overflow:hidden}
.docs-body th{background:var(--soft);font-weight:600;text-align:left}
.docs-body th,.docs-body td{padding:.6rem .85rem;vertical-align:top;border-bottom:1px solid var(--line)}
.docs-body tr:last-child td{border-bottom:0}

/* Callouts (DS-4): the icon is a CSS mask, no icon font. */
.docs-body blockquote{--c:#8a929b;--bg:var(--soft);position:relative;margin:1.1rem 0 1.4rem;
  padding:.8rem 1rem .8rem 2.85rem;background:var(--bg);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);
  border-left:4px solid var(--c);border-radius:6px}
.docs-body blockquote p:last-child{margin-bottom:0}
.docs-body blockquote::before{content:"";position:absolute;left:.95rem;top:.95rem;width:18px;height:18px;
  background:var(--c);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.docs-body blockquote.bq-info{--c:#2f7fd8;--bg:#f2f7fd;
  --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z'/%3E%3C/svg%3E")}
.docs-body blockquote.bq-warning{--c:#d98a00;--bg:#fff8eb;
  --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21Zm12-3h-2v-2h2v2Zm0-4h-2v-4h2v4Z'/%3E%3C/svg%3E")}
.docs-body blockquote.bq-success{--c:#1e9e57;--bg:#f0faf4;
  --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm-2 15-5-5 1.4-1.4L10 14.2l7.6-7.6L19 8l-9 9Z'/%3E%3C/svg%3E")}
.docs-body blockquote.bq-error{--c:#d93a2f;--bg:#fdf3f2;
  --icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z'/%3E%3C/svg%3E")}

/* Screenshots (DS-2, DS-3): a panel in Lab's page colour, hugging the image, left-aligned, never wider than the column. */
.docs-body figure.docs-shot{margin:1.1rem 0 1.6rem;padding:10px;background:var(--plate);
  border:1px solid var(--plate-line);border-radius:8px;width:fit-content}
.docs-body figure.docs-shot img{display:block;max-width:100%;height:auto}