/* ════════════════════════════════════════════════════════════
   AI FIT MAP — compare.css
   Comparison page styling.
   Phase: Content Expansion Foundation — placeholder styles.
   ════════════════════════════════════════════════════════════ */

.compare-hero { padding: 48px 24px 24px; max-width: 960px; margin: 0 auto; }
.compare-hero h1 { font-family: 'Nunito', sans-serif; font-weight: 900; font-size: clamp(26px, 4vw, 38px); margin: 0 0 12px; }
.compare-hero p { color: #5A6B62; font-size: 17px; max-width: 680px; }

.compare-table-wrap { max-width: 960px; margin: 0 auto; padding: 8px 24px 24px; overflow-x: auto; }

.compare-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  font-size: 14px;
}

.compare-table th, .compare-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #E8EEEA; }
.compare-table th { background: #ECF3F0; font-family: 'Nunito', sans-serif; font-weight: 800; }
.compare-table td:first-child { font-weight: 700; color: #33443B; }

.compare-winners, .compare-faq { max-width: 960px; margin: 0 auto; padding: 8px 24px; }
.compare-winners h2, .compare-faq h2 { font-family: 'Nunito', sans-serif; font-weight: 800; }
.compare-winner { padding: 10px 0; border-bottom: 1px solid #E8EEEA; color: #33443B; }
.compare-winner strong { color: #1F6E8C; }

.faq-item { margin-bottom: 16px; }
.faq-item h3 { font-size: 15px; }
.faq-item p { color: #5A6B62; }

.compare-links { margin: 0 0 8px; }
.compare-links a { color: #1F6E8C; font-weight: 700; text-decoration: none; }
.compare-links a:hover { text-decoration: underline; }
.compare-table th a { color: inherit; text-decoration: none; }
.compare-table th a:hover { text-decoration: underline; }