/* «Буряад Орон» — палитра «Байкал» */
:root {
  --md-primary-fg-color: #14508f;
  --md-primary-fg-color--light: #3f7cbf;
  --md-primary-fg-color--dark: #0c3563;
  --md-accent-fg-color: #c9962a;
  --md-accent-fg-color--transparent: rgba(201, 150, 42, 0.12);
  --bo-gold: #c9962a;
  --bo-blue-deep: #0c3563;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #1a2c4a;
  --md-primary-fg-color--light: #29456e;
  --md-primary-fg-color--dark: #101d33;
  --md-accent-fg-color: #e0b04a;
  --bo-gold: #e0b04a;
  --bo-blue-deep: #101d33;
}

/* Заголовки */
.md-typeset h1, .md-typeset h2, .md-typeset h3 {
  font-weight: 700;
  letter-spacing: -0.01em;
}

/* Hero на главной */
.md-content h1:first-child:has(+ .mdx-hero) {
  display: none;
}
.mdx-hero {
  background: linear-gradient(160deg, var(--md-primary-fg-color) 0%, var(--bo-blue-deep) 100%);
  color: #fff;
  border-radius: 12px;
  padding: 2.5rem 2rem 2.2rem;
  margin: 0 0 1.8rem;
}
.mdx-hero h1 {
  color: #fff;
  margin: 0 0 0.6rem;
  font-size: 2.2rem;
  line-height: 1.15;
}
.mdx-hero p.lead {
  font-size: 1.05rem;
  opacity: 0.92;
  max-width: 46rem;
  margin-bottom: 1.2rem;
}
.mdx-hero .mdx-buttons a {
  display: inline-block;
  background: var(--bo-gold);
  color: #1a1a1a;
  border-radius: 999px;
  padding: 0.5rem 1.3rem;
  font-weight: 600;
  margin-right: 0.6rem;
  margin-bottom: 0.5rem;
}
.mdx-hero .mdx-buttons a.ghost {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.55);
}
.mdx-hero .mdx-ornament {
  border-top: 3px solid var(--bo-gold);
  margin-top: 1.4rem;
  opacity: 0.9;
}

/* Сетка карточек разделов */
.mdx-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 0.9rem;
  margin: 1.2rem 0 1.8rem;
}
.mdx-grid a {
  display: block;
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 10px;
  padding: 0.9rem 1rem;
  color: var(--md-typeset-color);
  transition: transform 0.15s ease, border-color 0.15s ease;
}
.mdx-grid a:hover {
  transform: translateY(-2px);
  border-color: var(--md-accent-fg-color);
  color: var(--md-typeset-color);
}
.mdx-grid a strong {
  display: block;
  font-size: 1.02rem;
  margin-bottom: 0.25rem;
  color: var(--md-primary-fg-color);
}
.mdx-grid a span {
  font-size: 0.86rem;
  opacity: 0.8;
}

/* Таблицы */
.md-typeset table:not([class]) {
  font-size: 0.88rem;
}
.md-typeset table:not([class]) th {
  background: var(--md-primary-fg-color);
  color: #fff;
}

/* Мобильная адаптация */
@media (max-width: 600px) {
  .md-typeset {
    font-size: 0.95rem;
    line-height: 1.65;
  }
  .mdx-hero {
    padding: 1.4rem 1rem 1.2rem;
    border-radius: 10px;
  }
  .mdx-hero h1 {
    font-size: 1.55rem;
  }
  .mdx-hero p.lead {
    font-size: 0.95rem;
  }
  .mdx-hero .mdx-buttons a {
    display: block;
    text-align: center;
    margin-right: 0;
  }
  .mdx-grid {
    grid-template-columns: 1fr;
    gap: 0.6rem;
  }
  .mdx-grid a {
    padding: 0.7rem 0.9rem;
  }
  .md-typeset table:not([class]) {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .md-typeset h1 {
    font-size: 1.6rem;
  }
  .md-typeset h2 {
    font-size: 1.3rem;
  }
}
