.bc-chip-group { display: flex; gap: .4rem; }
.bc-chip {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: .28rem;
  padding: .5rem .3rem .45rem; background: var(--white); border: 1.5px solid #c8d4c0;
  border-radius: 6px; cursor: pointer; font-family: var(--font-display); font-size: .68rem;
  font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--forest);
  transition: border-color .16s, background .16s, box-shadow .16s; user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.bc-chip:hover { border-color: var(--forest-mid); background: #f2f6ee; }
.bc-chip.is-active {
  border-color: var(--forest); background: #e6f0dc;
  box-shadow: 0 0 0 3px rgba(28,48,16,.12);
}
.bc-chip.is-disabled { opacity: .35; pointer-events: none; }
.bc-chip svg { width: 30px; height: 30px; color: var(--forest); flex-shrink: 0; }