.search { position: relative; }
.suggest {
  position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 40;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: var(--shadow-hover); padding: 6px; max-height: min(70vh, 480px); overflow-y: auto;
}
.suggest[hidden] { display: none; }
.suggest__title { padding: 8px 10px 4px; font: 700 12px var(--font); color: var(--text-3); text-transform: uppercase; letter-spacing: .04em; }
.suggest__option { display: block; padding: 8px 10px; border-radius: var(--radius-s); color: var(--text); text-decoration: none; }
.suggest__option:hover, .suggest__option[aria-selected="true"] { background: var(--surface-soft); text-decoration: none; }
.suggest__label { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.suggest__hint { display: block; font-size: 13px; color: var(--text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.suggest .search-mark { background: none; font-weight: 800; padding: 0; }

.search-mark { background: #fff1b8; color: inherit; border-radius: 3px; padding: 0 1px; }
.tile__found {
  margin: -4px 0 10px; font-size: 13px; color: var(--text-2);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}