/* Essence Infusing — Insights page only. Loaded after site.css. */

/* ── Filter tabs ─────────────────────────────── */
.filter {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 34px;
}
.filter button {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink-soft);
  border-radius: 999px;
  padding: 9px 17px;
  transition: all .2s;
}
.filter button:hover  { border-color: var(--line-strong); }
.filter button.active { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.filter button:focus-visible { outline: 2.5px solid var(--amber); outline-offset: 2px; }