/* comparison-page.css — Page-type CSS for 3 pages */
/* Used by: comparison-page pages. Edit here to change all 3 at once. */

/* ---- REGION SELECTOR ---- */

/* ---- NAV ---- */

/* ---- HERO ---- */

/* ---- CONTENT ---- */
.content { max-width: 860px; margin: 0 auto; padding: 2rem 1.5rem 5rem; }

/* ---- DISCLOSURE ---- */

/* ---- COMPARISON GRID ---- */
.compare-grid {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 0; margin-bottom: 2.5rem;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg);
  overflow: hidden;
}
.compare-header {
  font-family: var(--font-mono); font-size: 13px; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.06em;
  padding: 1rem 1.25rem; background: var(--surface2); border-bottom: 1px solid var(--border);
}
.compare-header:first-child { color: var(--dim); }
.compare-header:nth-child(2) { color: var(--accent); border-left: 1px solid var(--border); }
.compare-header:nth-child(3) { color: var(--accent2); border-left: 1px solid var(--border); }
.compare-label {
  font-size: 0.88rem; font-weight: 600; color: var(--text);
  padding: 0.85rem 1.25rem; border-bottom: 1px solid var(--border);
  display: flex; align-items: center;
}
.compare-value {
  font-size: 0.85rem; color: var(--muted); line-height: 1.5;
  padding: 0.85rem 1.25rem; border-bottom: 1px solid var(--border);
  border-left: 1px solid var(--border);
}
.compare-grid > :nth-last-child(-n+3) { border-bottom: none; }

/* ---- PICK CARD ---- */
.pick-body strong { color: var(--text); }

/* ---- SECTION HEADINGS ---- */
.section-title { font-family: var(--font-sans); font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; margin-top: 2.5rem; }

/* ---- METHOD SECTION (reused for verdict) ---- */

/* ---- FAQ ---- */

/* ---- FOOTER ---- */

/* ---- HAMBURGER ---- */

  .compare-grid { grid-template-columns: 1fr 1fr 1fr; font-size: 0.82rem; }
  .compare-header { padding: 0.75rem 0.75rem; font-size: 11px; }
  .compare-label { padding: 0.65rem 0.75rem; font-size: 0.8rem; }
  .compare-value { padding: 0.65rem 0.75rem; font-size: 0.8rem; }
/* ---- NAV GUIDES DROPDOWN ---- */