/* Additions for the HubSpot site workflow docs. brightbase.css is bb-cache's copy, unedited; everything this site
   needs beyond it goes here. */

/* language labels brightbase.css does not carry */
.md-typeset .highlight.language-python::before, .md-typeset .highlight.language-py::before { content: "Python"; }
.md-typeset .highlight.language-markdown::before, .md-typeset .highlight.language-md::before { content: "Markdown"; }
.md-typeset .highlight.language-text::before { content: "Text"; }
.md-typeset .highlight.language-gitignore::before { content: "Gitignore"; }

/* Mermaid diagrams in the five colours: Canvas nodes, Hair outlines, Ink text and edges, no fills beyond Wash */
:root {
  --md-mermaid-font-family: var(--sans);
  --md-mermaid-edge-color: var(--muted);
  --md-mermaid-node-bg-color: var(--wash);
  --md-mermaid-node-fg-color: var(--ink);
  --md-mermaid-label-bg-color: var(--canvas);
  --md-mermaid-label-fg-color: var(--ink);
}
.md-typeset .mermaid { margin: 32px 0; }

/* task lists: plain boxes, no colour */
.md-typeset .task-list-item { list-style: none; }
.md-typeset .task-list-item input[type="checkbox"] { margin-right: 10px; accent-color: var(--ink); }

/* "In Claude Code" notes (!!! claude): part of the page's intro, not a boxed aside — no rules, so they never stack
   with the hairline above the first section heading */
.md-typeset .admonition.claude { border: 0; padding: 0; margin: 4px 0 0; max-width: 760px; }
.md-typeset .admonition.claude > .admonition-title { margin-bottom: 6px; }
.md-typeset .admonition.claude > p { color: var(--muted); }