/* Match get.cueconductor.app and the deep-link pages: near-black, system type,
   quiet borders, no colour but the links. Dark only — no light toggle. */
:root, [data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0d0d0f;
  --md-primary-fg-color--light: #0d0d0f;
  --md-primary-fg-color--dark: #0d0d0f;
  --md-primary-bg-color: #f5f5f5;
  --md-accent-fg-color: #e3a93a;
  --md-accent-fg-color--transparent: rgba(227,169,58,.12);
  --md-default-bg-color: #0d0d0f;
  --md-default-fg-color: #f5f5f5;
  --md-default-fg-color--light: #9a9a9a;
  --md-default-fg-color--lighter: #6f6f6f;
  --md-default-fg-color--lightest: #33333a;
  --md-code-bg-color: #17171b;
  --md-code-fg-color: #e8e8ea;
  --md-typeset-a-color: #f5f5f5;
  --md-footer-bg-color: #0d0d0f;
  --md-footer-bg-color--dark: #0d0d0f;
  --md-footer-fg-color: #9a9a9a;
  --md-footer-fg-color--light: #6f6f6f;
  --md-typeset-table-color: #212127;
  --md-admonition-bg-color: #17171b;
  --md-text-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --md-code-font: ui-monospace, "SF Mono", Menlo, monospace;
}
body { background: #0d0d0f; }
.md-header { background: #0d0d0f; border-bottom: 1px solid #212127; box-shadow: none; }
.md-tabs { background: #0d0d0f; border-bottom: 1px solid #212127; }
.md-tabs__link { color: #9a9a9a; } .md-tabs__link--active, .md-tabs__link:hover { color: #f5f5f5; }
.md-search__form { background: #17171b; border: 1px solid #33333a; border-radius: .6rem; }
.md-search__input::placeholder { color: #6f6f6f; }
.md-sidebar__scrollwrap { scrollbar-color: #33333a transparent; }
.md-nav__item .md-nav__link--active { color: #f5f5f5; }
.md-nav__link:hover { color: #e3a93a; }
.md-typeset a { color: #f5f5f5; text-decoration: underline; text-decoration-color: #55555f; text-underline-offset: 3px; }
.md-typeset a:hover { color: #e3a93a; text-decoration-color: #e3a93a; }
.md-typeset h1 { color: #f5f5f5; font-weight: 700; letter-spacing: -0.01em; }
.md-typeset h2 { color: #f5f5f5; font-weight: 600; border-bottom: 1px solid #212127; padding-bottom: .3rem; }
.md-typeset h3 { color: #d9d9de; }
.md-typeset strong { color: #f5f5f5; }
.md-typeset hr { border-color: #212127; }
.md-typeset table:not([class]) { border: 1px solid #212127; border-radius: .6rem; }
.md-typeset table:not([class]) th { background: #17171b; color: #9a9a9a; font-size: .7rem; letter-spacing: .09em; text-transform: uppercase; }
.md-typeset table:not([class]) td { border-top: 1px solid #212127; }
.md-typeset .admonition, .md-typeset details { border: 1px solid #33333a; border-left-width: 1px; background: #17171b; box-shadow: none; border-radius: .8rem; }
.md-typeset .admonition-title, .md-typeset summary { background: #1d1d22 !important; color: #f5f5f5; }
.md-typeset .admonition.tip > .admonition-title::before { background-color: #e3a93a; }
.md-typeset dl dt { color: #f5f5f5; font-weight: 600; }
.md-typeset dl dd { color: #9a9a9a; }
.md-typeset code { background: #17171b; border: 1px solid #212127; border-radius: .35rem; }
.md-footer-meta { background: #0d0d0f; border-top: 1px solid #212127; }
.md-footer__inner { border-top: 1px solid #212127; }
.md-top { background: #17171b; color: #f5f5f5; border: 1px solid #33333a; }

/* Video, screenshots, doors */
.video { position: relative; width: 100%; padding-top: 56.25%; margin: 0 0 1.5rem; border-radius: .9rem; overflow: hidden; background: #17171b; border: 1px solid #212127; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.md-typeset img.shot { border-radius: .9rem; border: 1px solid #33333a; }
.doors { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin: 1.5rem 0 2rem; }
.door { display: block; padding: 1.1rem 1.25rem; border: 1px solid #33333a; border-radius: .9rem; background: #17171b; text-decoration: none !important; color: inherit !important; transition: border-color .15s, background .15s; }
.door:hover { border-color: #55555f; background: #1d1d22; }
.door strong { display: block; font-size: 1.15rem; margin-bottom: .3rem; color: #f5f5f5; }
.door span { color: #9a9a9a; font-size: .9rem; line-height: 1.45; }

/* Brand: wordmark in the header, icon stays the favicon */
.md-header__button.md-logo { padding: .35rem .4rem; margin: 0; }
.md-header__button.md-logo img, .md-header__button.md-logo svg { height: 2rem; width: auto; }
.md-header__title { display: none; }                 /* the wordmark says it */
.md-header__topic { display: none; }
.md-nav--primary .md-nav__title[for="__drawer"] { background: #0d0d0f; color: #f5f5f5; }
.md-nav--primary .md-nav__title .md-nav__button.md-logo img { height: 2.2rem; width: auto; }
@media screen and (max-width: 76.1875em) { .md-header__button.md-logo { display: inline-block; } }
.md-typeset .hero { display: flex; align-items: baseline; gap: .9rem; margin: .6rem 0 1.2rem; flex-wrap: wrap; }
.md-typeset .hero img { height: 3.4rem; width: auto; display: block; }
.md-typeset .hero span { font-size: 1.9rem; font-weight: 300; color: #9a9a9a; letter-spacing: .04em; }

.md-typeset h1 .wordmark { height: 3.4rem; width: auto; vertical-align: -1rem; margin-right: .6rem; }
.md-typeset h1 .hero-sub { font-size: 1.9rem; font-weight: 300; color: #9a9a9a; letter-spacing: .04em; }