/* Make Material's dark (slate) scheme match GitHub's dark theme:
   near-black canvas, high-contrast text, GitHub-blue links. */
[data-md-color-scheme="slate"] {
  --md-default-bg-color:        #0d1117;  /* canvas */
  --md-default-bg-color--light: #161b22;
  --md-default-fg-color:        #e6edf3;  /* high-contrast body text */
  --md-default-fg-color--light: #c9d1d9;
  --md-default-fg-color--lighter: #8b949e;
  --md-default-fg-color--lightest: #30363d;
  --md-typeset-color:   #e6edf3;
  --md-typeset-a-color: #4493f8;          /* GitHub link blue */
  --md-accent-fg-color: #58a6ff;
  --md-code-bg-color:   #161b22;
  --md-code-fg-color:   #e6edf3;
}

/* Header/footer bar: GitHub's dark surface instead of indigo, both schemes. */
.md-header, .md-tabs { background-color: #161b22; }
.md-header { box-shadow: 0 0 0 1px #30363d; }

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3 { color: #e6edf3; }

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th { background-color: #161b22; }
[data-md-color-scheme="slate"] .md-typeset hr { border-color: #30363d; }

/* Responsive YouTube embed (build-site.sh injects .video-embed on trial pages). */
.md-typeset .video-embed {
  width: 100%;
  max-width: 1080px;   /* desktop ceiling; mobile fills 100% and ignores this */
  aspect-ratio: 16 / 9;
  margin: 1rem 0;
}
.md-typeset .video-embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 6px;
}