/* ==========================================================
   RESULTS-LAYOUT — ONLY GRID / WIDTHS / SPACING
   Phase 2: single source of truth for layout
   (NO colors, NO fonts, NO component styling)
   ========================================================== */

/* Max page width
   1560px => 1/3 ≈ 520px (diagnostics table friendly) */
:root{
  --results-maxw: 1560px;
}

/* Header/Footer containers sizing */
.site-header__inner,
.site-footer__inner{
  max-width: var(--results-maxw);
  margin: 0 auto;
}

/* Header inner spacing */
.site-header__inner{
  padding: 12px 16px;
}

/* Footer inner spacing */
.site-footer__inner{
  padding: 0 16px;
}

/* Outer container for results content */
.results-shell{
  max-width: var(--results-maxw);
  margin: 0 auto;
  padding: 24px 16px;
}

/* Grid */
.results-web .results-grid{
  display: grid;
  grid-template-columns: 1fr;     /* mobile first */
  gap: 28px;
  align-items: start;
}

/* Columns: allow shrinking and prevent overflow pushing layout */
.results-web .results-col{
  min-width: 0;
}

/* Desktop: left ~= 1/3, but bounded for diagnostics + map comfort */
@media (min-width: 1024px){
  .results-web .results-grid{
    /* Left = ~33%, but never <420px and never >560px */
    grid-template-columns: clamp(420px, 33%, 560px) 1fr;
    gap: 32px;
  }
}