/* Filter chips + small circular nav buttons. */

.chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.chip {
  padding: 9px 14px;
  border: 1px solid var(--rule);
  border-radius: 99px;
  font-size: 13px;
  color: var(--ink-2);
  background: transparent;
  transition: all .15s;
}
.chip.is-active {
  background: var(--ink);
  color: var(--paper);
  border-color: var(--ink);
}
.chip:hover:not(.is-active) { background: var(--paper-2); }

.nav-btn {
  width: 42px; height: 42px;
  border-radius: 50%;
  border: 1px solid var(--rule);
  display: grid;
  place-items: center;
  background: transparent;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.nav-btn:hover {
  background: var(--ink);
  color: var(--paper);
  border-color: var(--ink);
}