.search-ideas { margin: 0 0 16px; color: var(--theme-text, #252238); }
.search-ideas--home { padding-top: 8px; }
.search-ideas h2 { margin: 0 0 10px; font-size: .9rem; font-weight: 750; line-height: 1.4; }
.search-ideas__items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.search-ideas__chip { display: inline-flex; justify-content: center; align-items: center; gap: 6px; min-height: 44px; padding: 8px 7px; border: 1px solid var(--theme-line, #e0e3ee); border-radius: 999px; background: var(--theme-surface, #fff); color: inherit; font: inherit; font-size: .75rem; font-weight: 650; line-height: 1.25; cursor: pointer; transition: background .15s, border-color .15s; }
.search-ideas__chip svg { flex: 0 0 15px; width: 15px; height: 15px; color: #7563d7; }
.search-ideas__chip:hover { background: var(--theme-raised, #f1effb); border-color: #9987df; }
.search-ideas__chip:focus-visible { outline: 2px solid #9987df; outline-offset: 3px; }
.search-ideas--search { margin: 0 0 8px; padding: 2px 2px 10px; }
[data-theme="dark"] .search-ideas__chip svg { color: #c5baff; }
@media (min-width: 600px) {
  .search-ideas__items { display: flex; }
  .search-ideas__chip { flex: 1 1 auto; padding-inline: 8px; gap: 5px; white-space: nowrap; }
}

@media (max-width: 991.98px) {
  .search-ideas--home { padding-inline: 12px; }
}

@media (max-width: 599.98px) {
  .search-ideas__items {
    display: flex;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    /* Leave room for keyboard focus without adding another visible row. */
    padding: 3px;
    margin: -3px;
    scroll-padding-inline: 3px;
  }
  .search-ideas__items::-webkit-scrollbar { display: none; }
  .search-ideas__chip {
    flex: 0 0 auto;
    padding-inline: 14px;
    white-space: nowrap;
    scroll-snap-align: start;
  }
}