/* Общая раскладка */
.page-wrap {
  padding-top: 70px; /* под fixed navbar */
}
.section-block {
  padding: 32px 24px;
  /* Чтобы якоря не уезжали под фикс. шапку */
  scroll-margin-top: 84px;
}
.section-block + .section-block {
  border-top: 1px solid rgba(0,0,0,.06);
}

/* Навбар */
.bg-gradient-primary {
  background: linear-gradient(90deg, #0d6efd, #335dff);
}

/* TOC (sidebar) */
.toc-wrap {
  top: 56px;
  height: calc(100vh - 56px);
  overflow-y: auto;
  background: #fafbff;
}
.toc .nav-link {
  color: #334155;
  border-radius: .5rem;
}
.toc .nav-link.active,
.toc .nav-link:hover {
  background: #e9efff;
  color: #0d6efd;
}

/* Кнопки методов */
.badge.method-get { background-color: #0ea5e9; }
.badge.method-post { background-color: #22c55e; }
.badge.method-put { background-color: #f59e0b; }
.badge.method-del { background-color: #ef4444; }

/* Быстрый старт */
.card-quickstart {
  border: 1px solid rgba(13,110,253,.15);
  background: linear-gradient(180deg, rgba(13,110,253,.04), #fff);
}
.quickstart {
  margin: 0 0 12px;
}
.quickstart li + li { margin-top: .4rem; }

/* Код */
.code-block {
  margin: 0;
  padding: 14px 16px;
  background: #0b1020;
  color: #e2e8f0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: .875rem;
  border-radius: .5rem;
  border: 1px solid rgba(255,255,255,.08);
  overflow: auto;
}
.code-toolbar {
  display: flex;
  justify-content: flex-end;
  margin-bottom: .5rem;
}
.copy-btn {
  --bs-btn-padding-y: .25rem;
  --bs-btn-padding-x: .5rem;
}

/* Таблицы */
.table thead th {
  white-space: nowrap;
}
.table td, .table th {
  vertical-align: middle;
}

/* Списки с галочками */
.list-check {
  padding-left: 0;
  list-style: none;
}
.list-check li {
  position: relative;
  padding-left: 28px;
  margin-bottom: .5rem;
}
.list-check li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #22c55e;
}

/* Мелочи */
.env-select {
  min-width: 320px;
}

/* Фокус-видимость для доступности */
.accordion-button:focus,
.nav-link:focus,
.btn:focus {
  outline: 2px dashed rgba(13,110,253,.6);
  outline-offset: 2px;
}