/* insurance-compare.css — extends shared.css */

.selector-section { max-width: 1280px; margin: 0 auto; padding: 2.5rem 1.5rem; }
.selector-section > h2 {
  font-size: 0.72rem; font-weight: 800; text-transform: uppercase;
  letter-spacing: 0.1em; color: var(--muted-fg); margin-bottom: 1.25rem;
}
.cat-buttons { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 2.5rem; }
.cat-btn {
  padding: 0.6rem 1.15rem;
  border-radius: 999px;
  border: 1.5px solid var(--border);
  background: white;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--muted-fg);
  transition: all 0.2s;
  display: flex; align-items: center; gap: 0.45rem;
  cursor: pointer;
  box-shadow: var(--shadow-sm);
}
.cat-btn:hover, .cat-btn.active {
  border-color: var(--primary);
  color: var(--primary);
  background: var(--primary-light);
  box-shadow: 0 2px 8px rgba(255,106,0,0.1);
}
.results-area { min-height: 200px; }