.area-chips{display:flex;flex-wrap:wrap;gap:.6rem}
.area-chip{
  display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--font-accent);font-size:.85rem;font-weight:600;
  padding:.55rem 1rem;border-radius:var(--radius-pill);
  transition:transform .2s var(--ease-out);
}
.area-chip:hover{transform:translateY(-2px)}
.area-chip.is-active{background:var(--forest-100);color:var(--forest-700)}
.area-chip.is-active svg{color:var(--forest-500)}
.area-chip.is-next{
  background:transparent;border:1.5px dashed var(--ink-300);color:var(--color-text-muted);
}