/* Keep the existing keyword button readable next to a flexible search field. */
.catalog-search button { flex-shrink: 0; white-space: nowrap; }
.catalog-tags {
  --tag-accent: var(--accent, var(--catalog-link, #c4a7ff));
  --tag-paper: var(--paper, var(--catalog-background, #101113));
  --tag-ink: var(--ink, var(--catalog-text, #ececef));
  --tag-muted: var(--muted, var(--catalog-muted, #a6a4ae));
  --tag-line: var(--line, var(--catalog-border, #2c3038));
  min-width: 0;
  padding-block: 10px;
  border-bottom: 1px solid var(--tag-line);
  color: var(--tag-ink);
  font-size: 13px;
  overflow-wrap: anywhere;
}
.catalog-tags__active {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 18px;
  margin: 4px 0 0;
}
.catalog-tags__active > span { min-width: 0; }
.catalog-tags__active strong { color: var(--tag-accent); font-weight: 600; }
.catalog-tags__clear { color: var(--tag-accent); padding-block: 10px; }
.catalog-tags__details { min-width: 0; }
.catalog-tags__details > summary {
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  padding-block: 11px;
  color: var(--tag-ink);
  cursor: pointer;
  font-weight: 500;
}
.catalog-tags__details > summary::marker { color: var(--tag-accent); }
.catalog-tags__total { margin-left: 10px; color: var(--tag-muted); font-size: 11px; font-weight: 400; }
.catalog-tags__body { padding-block: 7px 12px; }
.catalog-tags__form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; max-width: 600px; margin: 0; }
.catalog-tags__field { flex: 1 1 260px; min-width: 0; max-width: 100%; }
.catalog-tags__field label { display: block; margin-bottom: 5px; font-size: 12px; }
.catalog-tags__field input {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid var(--tag-line);
  border-radius: 3px;
  background: var(--tag-paper);
  color: var(--tag-ink);
  font: inherit;
}
.catalog-tags__field input::placeholder { color: var(--tag-muted); opacity: 1; }
.catalog-tags__submit {
  min-height: 44px;
  max-width: 100%;
  padding: 10px 16px;
  border: 1px solid var(--tag-accent);
  border-radius: 3px;
  background: transparent;
  color: var(--tag-accent);
  font: inherit;
  cursor: pointer;
}
.catalog-tags__help { max-width: 700px; margin: 10px 0; color: var(--tag-muted); font-size: 12px; }
.catalog-tags__label { margin: 20px 0 9px; color: var(--tag-muted); font-size: 11px; }
.catalog-tags__chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.catalog-tags__chips li { min-width: 0; max-width: 100%; }
.catalog-tags__chip {
  display: inline-flex;
  align-items: baseline;
  gap: 9px;
  min-height: 40px;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--tag-line);
  border-radius: 3px;
  color: var(--tag-ink);
  font-size: 12px;
  text-decoration: none;
}
.catalog-tags__chip > span:first-child { min-width: 0; }
.catalog-tags__chip-count { flex-shrink: 0; color: var(--tag-muted); font-size: 11px; }
.catalog-tags__chip.is-selected, .catalog-tags__chip:hover { border-color: var(--tag-accent); color: var(--tag-accent); }
.catalog-tags__clear:hover { color: var(--tag-accent); text-decoration-thickness: 2px; }
.catalog-tags :is(a, button, input, summary):focus-visible { outline: 2px solid var(--tag-accent); outline-offset: 3px; }
.boone-work__categories > li > a { color: var(--accent, var(--catalog-link, #c4a7ff)); text-decoration: underline; text-underline-offset: 0.2em; }
.boone-work__categories > li > a:hover { text-decoration-thickness: 2px; }
.boone-work__categories > li > a:focus-visible { outline: 2px solid var(--accent, var(--catalog-link, #c4a7ff)); outline-offset: 3px; }
@media (max-width: 620px) {
  .catalog-tags__field { flex-basis: 100%; }
  .catalog-tags__field input { font-size: 16px; }
  .catalog-tags__submit { width: 100%; }
}