:root {
  /* Colors */
  --color-primary-500: #0070f3;
  --color-primary-700: #005bb5;
  --color-secondary-500: #e53e3e;
  --color-neutral-100: #f7fafc;
  --color-neutral-500: #a0aec0;
  --color-neutral-900: #1a202c;

  /* Typography */
  --font-family-sans: 'Helvetica Neue', Arial, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;

  /* Spacing */
  --spacing-1: 0.25rem;
  --spacing-2: 0.5rem;
  --spacing-3: 0.75rem;
  --spacing-4: 1rem;
  --spacing-5: 1.25rem;
  --spacing-6: 1.5rem;
  --spacing-8: 2rem;

  /* Breakpoints */
  --breakpoint-sm: 600px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;

}

/* Ensure the search-container stays within the parent container */
.page-content {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1200px; /* Adjust as needed */
  margin: 0 auto;
}

/* Simplify search results layout to render naturally */
.search-container {
  display: block;
  width: auto;
}

.search-results {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
}

/* Ensure search-results-list respects parent width */
.search-results-list {
  display: block;
  width: auto;
  padding: 0;
  margin: 0;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}