.ch-bf { background: var(--ch-ink); color: var(--ch-paper); border-bottom: 1px solid var(--ch-ink-hover); --ch-focus-color: var(--ch-paper); }
.ch-bf__in { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 10px; max-width: var(--ch-width); min-height: 40px; margin: 0 auto; padding: 8px var(--ch-space-4); font-family: var(--ch-font); font-size: var(--ch-fs-s); line-height: 1.35; text-align: center; color: var(--ch-paper); }
.ch-bf__tag { display: inline-flex; align-items: center; min-height: 22px; padding: 0 10px; border-radius: var(--ch-radius-pill); background: var(--ch-paper); color: var(--ch-ink); font-size: var(--ch-fs-xs); font-weight: var(--ch-w-display); letter-spacing: .06em; text-transform: uppercase; }
.ch-bf__main { font-weight: var(--ch-w-ui); }
.ch-bf__main b { color: var(--ch-accent-dark); font-weight: var(--ch-w-display); }
.ch-bf__more, .ch-bf__end { color: var(--ch-field); }
.ch-bf__sep { margin: 0 4px; color: var(--ch-field); }
@media (max-width: 599px) {
  .ch-bf__in { gap: 2px 8px; padding: 6px var(--ch-space-4); font-size: var(--ch-fs-xs); }
  .ch-bf__more { display: none; }
}