/* Section filter chips and empty state */
.filterbar { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.chip {
  display: inline-block; padding: 8px 18px; border-radius: 999px;
  border: 2px solid var(--ink); background: var(--white); color: #334155;
  font-weight: 700; font-size: 15px; box-shadow: var(--shadow-sm);
  transition: transform .12s ease, box-shadow .12s ease;
}
.chip:hover { text-decoration: none; transform: translate(-1px, -1px); box-shadow: 4px 4px 0 0 var(--ink); }
.chip:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 0 var(--ink); }
.chip.is-on { background: var(--blue); color: #fff; }
.chip.is-on:hover { background: var(--blue-dark); }

.empty-note {
  margin: 40px 0 72px; padding: 28px; text-align: center;
  background: var(--soft); border: 2px dashed var(--ink);
  border-radius: var(--radius-lg); color: var(--muted); font-weight: 600;
}