/* analytics (an.chu.st) — надстройка над exp main.css (общая копия).
   ПРИНЦИП: переиспользуем классы exp (.glossary-search(-wrap), .sub-filter,
   .sub-chip, .sub-filter-label, .sub-filter-count, .card, .gloss-section …) —
   поэтому вид идентичен exp по построению. Здесь — ТОЛЬКО новое:
   стопка-режим фильтра (2 оси), цвета уровней, бейдж уровня, манифест-хребет. */

.anl-controls{ margin: var(--s-5) 0 var(--s-6); }

/* фильтр прячет карточки */
.tab-pane .card.hidden{ display:none }

/* ── Фасет «уровень»: фильтр exp (.sub-filter) в режиме стопки — два ряда друг под другом ── */
.sub-filter--stacked{ flex-direction:column; align-items:stretch; gap:8px; }
.sub-filter-row{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.sub-filter-row .sub-filter-label{ min-width:64px; }
.anl-chips{ display:flex; flex-wrap:wrap; gap:6px; }

/* Активный чип уровня = сигнатурный тил уровня (тот же язык, что у бейджа на карточке) */
.sub-chip--base.active{ background:var(--brand-light); border-color:var(--brand-light); }
.sub-chip--adv.active{ background:var(--brand); border-color:var(--brand); }
.sub-chip--exp.active{ background:var(--brand-dark); border-color:var(--brand-dark); }

/* ── Бейдж уровня на карточке — тот же визуальный язык, что у чипов фильтра ── */
.card-level{
  margin-left:auto;
  font-family:var(--font-body); font-weight:600;
  text-transform:none; letter-spacing:0;
  font-size:var(--fs-caption); line-height:1.3;
  padding:5px 12px; border:1px solid transparent;
  color:var(--white); white-space:nowrap;
}
.card-level--base{ background:var(--brand-light); }
.card-level--adv{ background:var(--brand); }
.card-level--exp{ background:var(--brand-dark); }

/* ── Сквозной «хребет» карточки в манифесте ── */
.anl-spine{ margin-top: var(--s-4); border-top:1px solid var(--border-1); padding-top: var(--s-4); }
.anl-spine-label{ display:block; font-size:var(--fs-small); font-weight:600; color:var(--brand-dark); margin-bottom:8px; }
.anl-spine-row{ display:grid; grid-template-columns:minmax(120px,20%) 1fr; gap:6px 16px; padding:6px 0; align-items:start; }
.anl-spine-row + .anl-spine-row{ border-top:1px dashed var(--border-1); }
.anl-spine-k{ font-weight:600; color:var(--brand-dark); font-size:var(--fs-small); }
.anl-spine-v{ color:var(--fg-1); }

/* ── Тэглайн в шапке ── */
.anl-tagline{ font-size:var(--fs-small); color:var(--fg-2); margin-left:auto; }
@media (max-width:700px){ .anl-tagline{ display:none } }

/* ── Служебная заметка ── */
.anl-note{ font-size:var(--fs-small); color:var(--fg-2); margin-top:var(--s-6); border-top:1px solid var(--border-1); padding-top:var(--s-4); }
.anl-note strong{ color:var(--brand-dark); }