[data-chimti-resources] [hidden] { display: none !important; }
.chimti-resources__intro { max-width: 48rem; margin-top: 1.5rem; }
.chimti-resources__search { min-width: 0; }
.chimti-resources__search input { min-width: 0; }
.chimti-resources__filters { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; margin: 0; list-style: none; }
.chimti-resources__filter {
  border: 1px solid var(--color-border-primary, #deded6);
  border-radius: .375rem;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-size: .8125rem;
  padding: .5rem .75rem;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.chimti-resources__filter:hover { background: var(--color-surface-brand-secondary, #f4f4ef); }
.chimti-resources__filter[aria-pressed="true"] { background: #0b8ff8; border-color: #0b8ff8; color: #fff; }
.chimti-resources__filter:focus-visible,
.chimti-resources__search input:focus-visible { outline: 2px solid #0b8ff8; outline-offset: 3px; }
.chimti-resources__count { min-height: 1.4em; }
.chimti-resources__empty { padding: 2.5rem 1.5rem; text-align: center; color: var(--color-text-secondary, #555); }
.chimti-resources__badge { display: inline-flex; width: fit-content; align-items: center; border: 1px solid #d7d5cc; border-radius: 999px; padding: .2rem .65rem; font-size: .75rem; line-height: 1.4; font-weight: 500; background: #f3f2eb; color: #5d594b; margin-bottom: .75rem; }
.chimti-resources__link { text-decoration: underline; text-underline-offset: .2em; }
.chimti-resources__search-wrap { display: flex; align-items: center; gap: .75rem; width: 100%; max-width: 48rem; border: 1px solid var(--color-border-primary, #deded6); border-radius: .5rem; padding: .875rem 1rem; background: var(--color-surface-brand-secondary, #f7f7f2); }
.chimti-resources__search-wrap input { width: 100%; min-width: 0; border: 0; background: transparent; color: inherit; outline: none; }
.chimti-resources__search-wrap svg { width: 1.25rem; height: 1.25rem; flex: none; }
.chimti-resources__topics { scroll-margin-top: 7rem; }
.chimti-resources__toolbar { align-items: flex-start; }
@media (max-width: 767px) {
  .chimti-resources__filter { padding: .5rem .625rem; }
  .chimti-resources__intro { margin-top: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .chimti-resources__filter { transition: none; }
}