/* CloudSlash docs: neutral, full-width, code-first. */
:root {
  --md-primary-fg-color: #111111;
  --md-primary-fg-color--light: #333333;
  --md-primary-fg-color--dark: #000000;
  --md-accent-fg-color: #111111;
  --md-typeset-a-color: #111111;
  --md-code-bg-color: #f5f5f4;
  --md-code-fg-color: #1c1c1e;
  --md-default-fg-color: #1c1c1e;
  --md-default-fg-color--light: #4b4b50;
  --md-default-bg-color: #ffffff;
}
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #000000;
  --md-primary-fg-color--light: #111111;
  --md-primary-fg-color--dark: #000000;
  --md-accent-fg-color: #ffffff;
  --md-typeset-a-color: #ffffff;
  --md-default-bg-color: #101012;
  --md-default-fg-color: #e8e8ea;
  --md-default-fg-color--light: #b6b6ba;
  --md-code-bg-color: #1a1a1d;
  --md-code-fg-color: #ececef;
}

/* Use the whole window: no centered narrow column. */
.md-grid { max-width: none !important; }
.md-main__inner { max-width: none !important; margin: 0 !important; }
.md-content { max-width: none !important; }
.md-content__inner { max-width: none !important; margin: 0 !important; padding: 1.4rem 2.4rem 4rem !important; }
/* Simple reading layout: left navigation only. */
.md-sidebar--secondary,
.md-sidebar--secondary .md-nav--secondary { display: none !important; }

/* Smaller, denser typography than the stock theme. */
.md-typeset { font-size: 0.82rem; line-height: 1.7; }
.md-typeset h1 { font-size: 1.75rem; letter-spacing: -0.02em; margin-bottom: 0.8rem; }
.md-typeset h2 { font-size: 1.2rem; margin-top: 1.8rem; }
.md-typeset h3 { font-size: 1rem; }
.md-typeset p, .md-typeset li { max-width: 100%; }

/* Real code blocks, not styled paragraphs. */
.md-typeset code {
  font-size: 0.82em;
  padding: 0.12em 0.3em;
  border-radius: 4px;
  background: var(--md-code-bg-color);
  color: var(--md-code-fg-color);
}
.md-typeset pre > code {
  font-size: 0.78rem;
  line-height: 1.7;
  padding: 0.9rem 1rem;
  background: var(--md-code-bg-color);
  color: var(--md-code-fg-color);
}
.md-typeset .highlight,
.md-typeset pre {
  border: 1px solid color-mix(in srgb, var(--md-default-fg-color) 12%, transparent);
  border-radius: 8px;
  overflow: hidden;
}
.md-typeset .highlight > pre { border: 0; border-radius: 0; }
.md-typeset .highlight { background: var(--md-code-bg-color); }
.md-typeset .md-clipboard { color: var(--md-default-fg-color--light); }

/* Neutral chrome. */
.md-header, .md-tabs { background: #111111; color: #ffffff; }
[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs { background: #000000; }
.md-typeset table:not([class]) th { background: var(--md-code-bg-color); }