:root {
    --noir: #0d0d0d;
    --blanc: #fafaf8;
    --accent: #cf4b00;
    --accent2: #ffb347;
    --gris: #f2f1ee;
    --gris-texte: #6b6860;
    --border: rgba(0,0,0,0.09);
  }
.compare-table thead th.col-freelance { color: var(--accent2); }
.compare-table thead th.col-agence { color: #90caf9; }
.compare-table tbody tr:nth-child(even) { background: var(--gris); }
.compare-table tbody tr:nth-child(odd) { background: #fff; }

.compare-table td:first-child {
  font-weight: 700;
  color: var(--gris-texte);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.compare-table { text-align: left;}

.tag-ok { color: #1a7f37; font-weight: 600; text-align: left; }
.tag-warn { color: #b45309; font-weight: 600; text-align: left; }
.tag-bad { color: #c0392b; font-weight: 600; text-align: left;}

/* PROFIL CARDS */
.profil-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.2rem;
  margin: 2rem 0;
}
.profil-card {
  border-radius: 16px;
  padding: 1.5rem;
  border: 2px solid transparent;
}
.profil-card.freelance {
  background: #fff8f0;
  border-color: var(--accent);
}
.profil-card.agence {
  background: #f0f4ff;
  border-color: #3b6eea;
}
.profil-card .profil-label {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 0.8rem;
}
.profil-card.freelance .profil-label { color: var(--accent); }
.profil-card.agence .profil-label { color: #3b6eea; }
.profil-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.8rem; color: var(--noir); }
.profil-card ul { padding-left: 1.2rem; margin: 0; }
.profil-card li { font-size: 0.88rem; line-height: 1.7; margin-bottom: 0.3rem; }

@media (max-width: 600px) {
  .profil-grid{ grid-template-columns: 1fr; }
  .compare-table td, .compare-table th { padding: 0.7rem 0.8rem; }
}