/* cloudsec-policy-stack — site polish.
 * Design thesis: "verifiable by default". One semantic accent (teal = a test proved this)
 * and a grade-command treatment that reads like the autograder's verdict. Zero JS.
 * NOTE: docs are now plain-markdown GitHub-portable — the chip/grid-card/hero/admonition
 * syntax was removed repo-wide, so their CSS is gone too; only lab pills + the grade
 * command + table polish remain (mermaid renders on both surfaces). */

/* ── Semantic tokens (the ONLY palette beyond Material's indigo primary) ── */
:root, [data-md-color-scheme="default"] {
  --ci-verify: #1f8a70;   /* green  — VERIFIED / proven by a test */
  --ci-data:   #c2410c;   /* orange — data / at-rest (aligns with the mermaid data nodes) */
  --ci-ink:    #1a237e;   /* indigo — headline ink */
  --md-accent-fg-color: #1f8a70;
}
[data-md-color-scheme="slate"] {
  --ci-verify: #34d399;
  --ci-data:   #fb923c;
  --ci-ink:    #c5cae9;
  --md-accent-fg-color: #34d399;
}

/* ── Page H1: a teal underline = the "proven" accent ── */
.md-content__inner > h1:first-of-type {
  color: var(--ci-ink); border-bottom: 2px solid var(--ci-verify);
  display: inline-block; padding-bottom: .35rem;
}

/* ── Lab affordances (raw-HTML pills; render as styled pills on the site, clean text on GitHub) ── */
.lab-progress {
  display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .02em;
  padding: .1rem .5rem; border-radius: .3rem; background: var(--md-primary-fg-color); color: #fff;
}
.lab-badge {
  display: inline-block; font-size: .7rem; font-weight: 600;
  padding: .12rem .55rem; border-radius: 1rem; line-height: 1.7;
  background: var(--md-default-fg-color--lightest); color: var(--md-default-fg-color--light);
}
.lab-badge.no-cluster { background: #e8eaf6; color: #1a237e; }   /* ctrl palette — start now */
.lab-badge.cluster    { background: #fff3e0; color: #bf360c; }   /* data palette — needs RAM */
[data-md-color-scheme="slate"] .lab-badge.no-cluster { background: #2a2f4a; color: #c5cae9; }
[data-md-color-scheme="slate"] .lab-badge.cluster    { background: #3a2c1c; color: #ffcc80; }
/* header pill row: wrap cleanly on narrow viewports, gap sits around the " · " separators */
.md-typeset .lab-pills { display: flex; flex-wrap: wrap; gap: .35rem .5rem; align-items: center; margin: .5rem 0 1rem; }

/* The grade command = the judge. Terminal look, lime-on-dark to rhyme with the
 * autograder verdict (id rc=0 / sh rc=137 etc.). */
.md-typeset code.lab-grade, .lab-grade > code {
  display: block; background: #1a1a2e; color: #a5d6a7;
  border-left: 3px solid var(--md-primary-fg-color);
  padding: .55rem .75rem; border-radius: .25rem; font-size: .82rem; margin: .5rem 0;
}

/* ── Tables: the results + coverage tables read as evidence (aligned numerals) ── */
.md-typeset table:not([class]) th { background: var(--md-default-fg-color--lightest); font-weight: 700; }
.md-typeset table:not([class]) td { font-variant-numeric: tabular-nums; }

/* ── Details (oral-Q&A toggles): quiet, engineering tone (no heavy shadow) ── */
.md-typeset details { box-shadow: none; }

/* ── Tabs: clear active state for direction ── */
.md-tabs__link--active { font-weight: 700; }