/* SpoorNav — стили единой навигации (кнопка «Spoor* ▾» + выпадающее меню). Палитра — через
   CSS-переменные страницы (--card/--fg/--muted/--accent/--border), фолбэки светлые. */
.spoornav { position: absolute; top: 10px; right: 10px; z-index: 3000; }
/* Встроенный режим — внутри существующей колонки кнопок страницы (напр. #topbtns во /view). */
.spoornav.inline { position: relative; top: auto; right: auto; }
.spoornav-btn {
  display: inline-flex; align-items: center; gap: 3px;
  background: var(--card, #fff); color: var(--fg, #2b2620);
  border: 1px solid var(--border, #d9d0c4); border-radius: 12px;
  padding: 9px 12px; font: inherit; font-weight: 700; font-size: .95rem;
  cursor: pointer; box-shadow: 0 4px 18px rgba(0,0,0,.18);
}
.spoornav-btn .star { color: var(--accent, #a8642a); }
.spoornav-arr { color: var(--muted, #6b6257); font-size: .8em; margin-left: 2px; }
.spoornav-btn:active { filter: brightness(.95); } /* мгновенный отклик тапа */
.spoornav-menu {
  display: none; position: absolute; right: 0; top: calc(100% + 6px); min-width: 190px;
  background: var(--card, #fff); border: 1px solid var(--border, #d9d0c4); border-radius: 12px;
  box-shadow: 0 8px 28px rgba(0,0,0,.22); overflow: hidden; padding: 4px;
}
.spoornav.open .spoornav-menu { display: block; }
.spoornav-item {
  display: block; padding: 11px 14px; border-radius: 8px;
  color: var(--fg, #2b2620); text-decoration: none; font-size: .92rem; font-weight: 600;
  white-space: nowrap;
}
.spoornav-item:hover, .spoornav-item:active { background: var(--accent, #a8642a); color: var(--onacc, #fff); }
/* Подзаголовок раздела в меню («Справка») — с тонкой чертой сверху. */
.spoornav-cap { margin-top: 4px; padding: 6px 12px 2px; border-top: 1px solid var(--hair, #eee6da);
  font-size: .68rem; color: var(--muted, #8a7f6f); text-transform: uppercase; letter-spacing: .05em; }