.hero { text-align: center; padding: var(--sp-12) 0 var(--sp-8); }
.hero h1 { margin-bottom: var(--sp-2); }
.hero p  { color: var(--text-2); }

.search-area { position: relative; margin-bottom: var(--sp-6); }

#results { padding-bottom: var(--sp-12); }
#results:empty { display: none; }

/* Result count */
.results-meta {
  font-size: var(--text-sm);
  color: var(--text-3);
  margin-bottom: var(--sp-4);
}