/* smit-help-icon — единая i-иконка справки (build 1568). Аккуратная, изящная. */
.smit-help {
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; flex: none;
  border-radius: 50%;
  border: 1.5px solid #cbd5e1;
  color: #94a3b8; background: transparent;
  font-size: 11px; font-weight: 700; line-height: 1;
  text-decoration: none; cursor: help;
  vertical-align: middle;
  transition: color .15s, border-color .15s, background .15s, transform .12s;
}
.smit-help:hover,
.smit-help:focus-visible {
  color: #fff; border-color: #43b77a; background: #43b77a;
  transform: translateY(-1px);
  text-decoration: none; outline: none;
}
.smit-help:focus-visible { box-shadow: 0 0 0 3px rgba(67,183,122,.28); }
.smit-help i { font-size: 11px; font-style: normal; }
/* когда рядом с заголовком — чуть отступ и не мешает базовой линии */
h1 .smit-help, h2 .smit-help, h3 .smit-help,
h4 .smit-help, h5 .smit-help, .subsection-h1 + .smit-help,
.desktop-subsection-header .smit-help { margin-left: 8px; }

/* тёмная тема */
[data-bs-theme="dark"] .smit-help,
.dark-theme .smit-help, body.dark-theme .smit-help {
  border-color: #3d4658; color: #8a94a6;
}
[data-bs-theme="dark"] .smit-help:hover,
[data-bs-theme="dark"] .smit-help:focus-visible,
.dark-theme .smit-help:hover, .dark-theme .smit-help:focus-visible,
body.dark-theme .smit-help:hover, body.dark-theme .smit-help:focus-visible {
  color: #fff; border-color: #43b77a; background: #43b77a;
}

@media (prefers-reduced-motion: reduce) {
  .smit-help { transition: none; }
  .smit-help:hover, .smit-help:focus-visible { transform: none; }
}