/* NT site-level styles: colour tokens of the NT palette on top of the base
   utilities, Russian hyphenation and a few state helpers used by site.js.
   Fonts: see onest.css and theme-nt.css (Onest is the only family). */

html[lang="ru"] :is(h1, h2, h3, h4) {
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  hyphenate-limit-chars: 12 5 5;
}

html:root {
  --color-red: #1B3A6F;
  --color-geo-shu: #1B3A6F;
  --color-red-tint: #1b3a6f14;
  --color-fog: #f4f7fa;
  --color-fog-dark: #d5dee8;
  --color-border-soft: #e1e7ee;
  --color-button-surface: #eef2f6;
  --color-warm-yellow: #eef4fa;
  --color-ui-line: #e6ebf1;
  --color-ui-card-border: #e1e7ee;
  --fog-50: #f4f7fa;
  --fog-100: #e8eef4;
  --fog-200: #d5dee8;
  --fog-300: #b7c3d1;
  --fog-400: #98a6b8;
  --fog-500: #7d8b9c;
  --fog-600: #677686;
  --fog-700: #556270;
  --fog-800: #46515c;
  --fog-900: #3a434c;
  --fog-950: #23282e;
}

pre,
pre *,
code,
code *,
kbd,
samp {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace !important;
}

.faq-chevron.is-open {
  transform: rotate(180deg);
}

.faq-panel.is-open {
  grid-template-rows: 1fr;
}

.nav-mobile-chevron.is-open {
  transform: rotate(180deg);
}