/* ORDER-225 C: 찾기 화면 전용 — 홈 gzip 예산(style.bundle.css)에 안 얹고 <link> 로 따로 싣는다. */
.search-home-field { margin: var(--s4) 0; }
.search-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s3);
  margin: var(--s4) 0 var(--s5);
}
.search-grid-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--s2);
  padding: var(--s4) var(--s2);
  border-radius: var(--r-sm);
  background: var(--surface-2);
  color: var(--ink);
  text-decoration: none;
  text-align: center;
  font-size: var(--t-sub);
  font-weight: 600;
}
.search-grid-tile .icon { width: 22px; height: 22px; }
.search-recent,
.search-try { margin: var(--s5) 0; }
@media (min-width: 1024px) {
  .search-grid { grid-template-columns: repeat(8, 1fr); }
}