@layer components {

/* ====== FINDER / SEARCH RESULTS (desktop first) ====== */

.com-finder {
  width: 95%;
  margin: var(--spacing-16) auto;            
}

#search-form { display: none; }

#search-results {
  width: 100%;
  max-width: var(--max-width);
  margin: var(--spacing-16) auto;            
}

#search-results #search-query-explained { display: none; }

.result__title-text {
  font-weight: 900;
}

/* ====== responsive down (desktop → smaller) ====== */
@media (max-width: 900px) {       
  .com-finder { margin: var(--spacing-12) auto; }    
}

} /* @layer components */