:root {
  --md-primary-fg-color: #34495E;
  --md-primary-fg-color--light: #46637F;
  --md-primary-fg-color--dark: #2C3E50;
  --md-accent-fg-color: #4A6E94;
  --md-accent-fg-color--transparent: #4A6E9433;
  --md-typeset-a-color: #3A5C7D;
}

/* Larger logo in header */
.md-header__button.md-logo img {
  height: 100%;
  width: auto;
  max-height: none;
}

.md-header__button.md-logo {
  height: 78px;
  padding: 8px 0;
}

/* Search highlight color - pale slate instead of yellow */
.md-search-result mark,
mark {
  background-color: #cdd8e2;
  color: inherit;
}

/* Admonition note styling - slate tones matching brand */
.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: var(--md-primary-fg-color);
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: #dce3ea;
  border-color: var(--md-primary-fg-color);
}

.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  color: var(--md-primary-fg-color);
}

/* -------------------------------------------------------
   Documentation image classes
   - .img-bordered : screenshots with a subtle border
   - .img-plain    : diagrams / logos without a border
   - .img-centered : bordered, centered, no outer margins
   ------------------------------------------------------- */

/* Shared responsive base for all doc images */
.md-typeset .img-bordered,
.md-typeset .img-plain,
.md-typeset .img-centered {
  max-width: 100%;
  width: auto;
  height: auto;
}

/* Bordered screenshot */
.md-typeset .img-bordered {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  margin: 1rem 0 1.5rem 0;
}

/* Plain image — no border */
.md-typeset .img-plain {
  margin: 1rem 0 1.5rem 0;
}

/* Centered image — bordered, no side margins */
.md-typeset .img-centered {
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
}

/* Images inside tables should scale to fit the cell */
.md-typeset table img {
  max-width: 100%;
  height: auto;
  margin: 0;
}

/* Breathing room at bottom of content, above the footer */
.md-content__inner {
  padding-bottom: 8rem;
}

/* Anchor scroll offset for taller custom logo header (78px button vs default 48px). */
:target,
.md-typeset :target,
.md-header--lifted ~ .md-container .md-typeset :target {
  scroll-margin-top: 93px !important;
}

/* Faint support-request footer (de-emphasized footer line). */
.md-typeset .support-footer {
  margin-top: 3rem;
  font-size: 0.75rem;
  color: #dddddd;
}

.md-typeset .support-footer a {
  color: #dddddd;
}

.md-typeset .support-footer a:hover {
  color: var(--md-accent-fg-color);
}

/* -------------------------------------------------------
   Bare-bones reading view (keeps readers focused on a single article)
   - Hide the left navigation and the right table-of-contents on every page.
   - Hide the mobile drawer toggle, since there is no nav tree to open.
     (The breadcrumb is removed by dropping the navigation.path theme feature.)
   - The search bar is hidden on article pages via overrides/main.html; it is
     kept on the home page only.
   ------------------------------------------------------- */
.md-sidebar--primary,
.md-sidebar--secondary {
  display: none !important;
}

.md-header__button[for="__drawer"] {
  display: none !important;
}

/* With both sidebars gone, keep the article centered at a comfortable reading
   width instead of stretching the full viewport.
   Note: this theme's root font-size is 20px, so widths are set in px on purpose. */
.md-content {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/* Logo is branding only — it should not act as a link to the home page. */
.md-header__button.md-logo {
  pointer-events: none;
  cursor: default;
}