/* Второй ряд шапки: вкладки разделов с подписями (с 30.10.2026).
   Подключается последним на всех страницах, включая /razyasneniya/ со своими стилями. */
.nav-tabs {
  display: flex;
  gap: 4px 44px;
  border-top: 1px solid var(--line, #cfe0ed);
  overflow-x: auto;
  scrollbar-width: none;
}
.nav-tabs::-webkit-scrollbar { display: none; }
.nav-tabs a {
  display: grid;
  align-content: start;
  gap: 5px;
  flex: 0 0 auto;
  margin-bottom: -1px;
  padding: 10px 0 12px;
  border-bottom: 3px solid transparent;
  text-decoration: none;
}
.nav-tabs a span {
  color: var(--navy, #0f3a52);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}
.nav-tabs a small {
  max-width: 200px;
  color: var(--muted, #607184);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1.2;
}
.nav-tabs a:hover span { color: var(--teal, #0d9488); }
.nav-tabs a[aria-current="page"] { border-bottom-color: var(--teal, #0d9488); }
.nav-tabs a[aria-current="page"] span { color: var(--teal-dark, #08776e); }
.nav-tabs a:focus-visible { outline: 3px solid var(--teal, #0d9488); outline-offset: 2px; }
.anchor { scroll-margin-top: 150px; }

@media (max-width: 1180px) {
  .nav-tabs { gap: 4px 26px; }
  .nav-tabs a small { max-width: 165px; }
}
@media (max-width: 820px) {
  /* Первый ряд: логотип слева, кнопка справа. Вкладки — отдельным рядом, листаются вбок. */
  .site-header .nav { flex-wrap: nowrap; padding-bottom: 6px; }
  .site-header .nav::after { display: none; }
  .site-header .nav-links { order: 0; flex: 0 0 auto; overflow: visible; padding-right: 0; gap: 14px; }
  .site-header .nav-links .nav-cta, .site-header .nav-cta { position: static; }
  .nav-tabs {
    gap: 4px 24px;
    padding-right: 28px;
    -webkit-mask-image: linear-gradient(90deg, #000 86%, transparent);
    mask-image: linear-gradient(90deg, #000 86%, transparent);
  }
  .nav-tabs a small { max-width: 160px; }
  .anchor { scroll-margin-top: 150px; }
}
@media (max-width: 440px) {
  .site-header .nav-links a[hreflang="en"] { display: none; }
}