/* Palette from the published tellem.tech site; use its deeper blue for text contrast. */
:root {
  --tellem-brand: #1473ff;
  --tellem-brand-deep: #0755c9;
  --tellem-surface-bg: #fff;
  --tellem-surface-fg: #07182f;
  --tellem-surface-muted: #526985;
  --tellem-surface-line: #d6e1ef;
  --tellem-soft-bg: #f2f6fc;
  --md-primary-fg-color: var(--tellem-brand-deep);
  --md-primary-fg-color--light: var(--tellem-brand);
  --md-primary-fg-color--dark: #07182f;
  --md-accent-fg-color: var(--tellem-brand-deep);
  --md-default-fg-color: var(--tellem-surface-fg);
  --md-default-fg-color--light: var(--tellem-surface-muted);
  --md-default-fg-color--lighter: #64758b;
  --md-default-bg-color: var(--tellem-surface-bg);
  --md-typeset-a-color: var(--tellem-brand-deep);
  --md-code-bg-color: #edf4ff;
  --md-footer-bg-color: #f2f6fc;
  --md-footer-bg-color--dark: #eaf2ff;
  --md-footer-fg-color: var(--tellem-surface-fg);
  --md-footer-fg-color--light: var(--tellem-surface-muted);
  --md-footer-fg-color--lighter: #64758b;
}

[data-md-color-scheme="slate"] {
  --tellem-surface-bg: #1e2129;
  --tellem-surface-fg: #d9e9ff;
  --tellem-surface-muted: #bacbe1;
  --tellem-surface-line: #3c4e65;
  --tellem-soft-bg: #263347;
  --md-primary-fg-color: #9dbfff;
  --md-primary-fg-color--light: #b7d1ff;
  --md-primary-fg-color--dark: #0755c9;
  --md-accent-fg-color: #b7d1ff;
  --md-default-fg-color: var(--tellem-surface-fg);
  --md-default-fg-color--light: var(--tellem-surface-muted);
  --md-default-fg-color--lighter: #9bb0c9;
  --md-default-bg-color: var(--tellem-surface-bg);
  --md-typeset-a-color: #9dbfff;
  --md-code-bg-color: #263347;
  --md-footer-bg-color: #192638;
  --md-footer-bg-color--dark: #162133;
  --md-footer-fg-color: var(--tellem-surface-fg);
  --md-footer-fg-color--light: var(--tellem-surface-muted);
  --md-footer-fg-color--lighter: #9bb0c9;
}

.md-header,
.md-tabs {
  --md-primary-bg-color: var(--tellem-surface-fg);
  --md-primary-bg-color--light: var(--tellem-surface-muted);
  background-color: var(--tellem-surface-bg);
  color: var(--tellem-surface-fg);
}

.md-header {
  border-bottom: 1px solid var(--tellem-surface-line);
  box-shadow: none;
}

.md-header__title { min-width: 0; }
.md-search__form { border: 1px solid var(--tellem-surface-line); border-radius: .35rem; background: var(--tellem-surface-bg); }

.tellem-header-links { display: flex; flex-shrink: 0; align-items: center; }
.tellem-header-link.md-header__button {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .75rem;
  line-height: 1.2;
  white-space: nowrap;
}
.tellem-header-link.md-header__button:focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 2px; }

/* У логотипа широкая форма: сохраняем пропорции и отдаём ему высоту шапки. */
.md-header__button.md-logo {
  margin: 0.1rem 0.25rem;
  padding: 0.15rem;
}

.md-header__button.md-logo img {
  width: auto;
  height: 1.9rem;
}

.md-nav__title .md-nav__button.md-logo img {
  width: auto;
  height: 2rem;
}

[data-md-color-scheme="default"] .md-logo img[src$="#only-dark"],
[data-md-color-scheme="slate"] .md-logo img[src$="#only-light"] {
  display: none;
}

.md-nav--primary .md-nav__title[for="__drawer"] {
  background-color: var(--tellem-surface-bg);
  color: var(--tellem-surface-fg);
}

.md-tabs__link {
  color: var(--tellem-surface-muted);
  opacity: 1;
}

.md-tabs__link:hover,
.md-tabs__link--active,
.md-tabs__item--active .md-tabs__link {
  color: var(--md-typeset-a-color);
}

.md-typeset :is(a, button, summary):focus-visible {
  outline: 2px solid var(--md-typeset-a-color);
  outline-offset: 3px;
}

.md-typeset a:not(.md-button):not(.headerlink) {
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.14em;
}

@media screen and (max-width: 59.984375em) {
  .tellem-header-link span { display: none; }

  .md-header__button.md-logo img {
    height: 1.55rem;
  }
}

@media screen and (min-width: 76.25em) {
  .md-header__topic {
    display: none;
  }
}