/* iopix.net docs: same tokens as the home page */
:root{
  --iopix-gold:#f6cf72;--iopix-gold-dim:#d6ad52;--iopix-indigo:#3b4a8c;
  --md-text-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --md-code-font-family:ui-monospace,SFMono-Regular,"Cascadia Mono","JetBrains Mono",Menlo,Consolas,monospace;
}
body{font-family:var(--md-text-font-family)}
code,kbd,pre{font-family:var(--md-code-font-family)}

[data-md-color-scheme="slate"]{
  --md-hue:230;
  --md-default-bg-color:#0c0f1a;
  --md-default-fg-color:#ecebf3;
  --md-default-fg-color--light:#a1a7c0;
  --md-default-fg-color--lighter:#6f7697;
  --md-default-fg-color--lightest:#262d4c;
  --md-primary-fg-color:#0c0f1a;
  --md-primary-bg-color:#ecebf3;
  --md-accent-fg-color:#ffdc8c;
  --md-typeset-a-color:#f6cf72;
  --md-code-bg-color:#161b33;
  --md-code-fg-color:#d8dcf0;
  --md-footer-bg-color:#10142a;
  --md-footer-bg-color--dark:#0c0f1a;
  --iopix-card:#161b33;--iopix-line:#262d4c;--iopix-pix:#ffffff;--iopix-header:rgba(12,15,26,.85);
}
[data-md-color-scheme="default"]{
  --md-default-bg-color:#fbfaf7;
  --md-primary-fg-color:#fbfaf7;
  --md-primary-bg-color:#1d2340;
  --md-accent-fg-color:#3b4a8c;
  --md-typeset-a-color:#3b4a8c;
  --md-code-bg-color:#f0f0f6;
  --md-footer-bg-color:#1d2340;
  --md-footer-bg-color--dark:#161b33;
  --iopix-card:#ffffff;--iopix-line:#e2e3ee;--iopix-pix:#3b4a8c;--iopix-header:rgba(251,250,247,.88);
}

/* header like the home page nav */
.md-header{background:var(--iopix-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none;border-bottom:1px solid var(--iopix-line)}
.md-header__title .md-header__topic:first-child .md-ellipsis{display:none}
.md-header__button.md-logo{margin:0 .2rem 0 .4rem;padding:.2rem}
.md-tabs{display:none}

/* two-colour wordmark: io sun gold, pix white on dark / deep indigo on light */
.iopix-wm{font-family:var(--md-text-font-family);font-weight:800;letter-spacing:-.045em;font-size:1.25rem;line-height:1;white-space:nowrap}
.iopix-wm .io{color:var(--iopix-gold)}
.iopix-wm .pix{color:var(--iopix-pix)}
[data-md-color-scheme="default"] .iopix-wm .io{color:#d9a93a}
.md-nav__title .md-nav__button.md-logo .iopix-wm{font-size:1.6rem}

/* typography */
.md-typeset h1{font-weight:800;letter-spacing:-.015em;color:var(--md-default-fg-color)}
.md-typeset h2{font-weight:700;letter-spacing:-.01em}
.md-typeset a:hover{color:var(--md-accent-fg-color)}
.md-nav__link--active,.md-nav__item .md-nav__link--active{color:var(--md-typeset-a-color)!important}
.md-typeset .lead{font-size:1.05em;color:var(--md-default-fg-color--light)}

/* cards for code, tables, admonitions, images */
.md-typeset pre>code{border:1px solid var(--iopix-line);border-radius:10px}
.md-typeset table:not([class]){border:1px solid var(--iopix-line);border-radius:10px;overflow:hidden;font-size:.72rem}
.md-typeset table:not([class]) th{background:var(--iopix-card)}
.md-typeset .admonition,.md-typeset details{border-radius:10px;border-width:1px;font-size:.74rem;box-shadow:none}
.md-typeset img.shot{border:1px solid var(--iopix-line);border-radius:10px}
.md-typeset kbd{font-size:.8em}

/* card grid used on the docs home */
.md-typeset .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem;margin:1em 0}
.md-typeset .cards a{display:block;background:var(--iopix-card);border:1px solid var(--iopix-line);border-radius:12px;padding:.9rem 1rem;color:var(--md-default-fg-color);transition:transform .15s,border-color .15s}
.md-typeset .cards a:hover{transform:translateY(-2px);border-color:var(--iopix-gold-dim)}
.md-typeset .cards b{display:block;color:var(--md-typeset-a-color);margin-bottom:.2rem}
.md-typeset .cards span{font-size:.7rem;color:var(--md-default-fg-color--light)}