/* === Styles spécifiques aux pages === */

/* Home — Comparateur "Le calcul" sur fond profond */
.section-calcul {
  background: linear-gradient(180deg, var(--bg-base) 0%, var(--bg-base) 100%);
}

/* Section "L'infrastructure" — fond sombre */
.section-infra {
  background: var(--bg-deep);
  color: var(--text-on-deep);
  padding-top: var(--space-15);
  padding-bottom: var(--space-15);
}
.section-infra h2,
.section-infra .eyebrow,
.section-infra .module-title {
  color: var(--text-on-deep);
}
.section-infra .eyebrow { opacity: 0.7; }
.section-infra .section-header p.lead {
  color: var(--text-on-deep);
  opacity: 0.85;
}
.section-infra .module {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(245, 239, 227, 0.1);
}
.section-infra .module-num { color: var(--accent-bg); }
.section-infra .module-desc { color: var(--text-on-deep); opacity: 0.7; }
.section-infra .deploy-note {
  margin-top: 32px;
  font-style: italic;
  color: var(--text-on-deep);
  opacity: 0.7;
  font-size: 14px;
  max-width: 720px;
}

/* Section référence */
.section-reference {
  padding: var(--space-15) 0;
}

/* FAQ */
.faq-section {
  max-width: 820px;
  margin-inline: auto;
}

/* Caroline page — sections de prose */
.caroline-section {
  padding: var(--space-10) 0;
}
.caroline-section h2 {
  margin-bottom: 32px;
}

/* Caroline section "ce que je ne fais pas" */
.not-doing {
  background: var(--bg-card);
  border-radius: var(--radius-lg);
  padding: 48px 40px;
  border: 1px solid var(--border-soft);
}

/* L'offre — section socle */
.section-socle {
  background: var(--bg-card);
}

/* Page mentions */
.mentions-page {
  padding: 80px 0 var(--space-10);
}
@media (min-width: 768px) {
  .mentions-page { padding: 120px 0 var(--space-15); }
}

/* Italics emphasis in headlines */
h1 em, h2 em {
  font-style: italic;
  font-weight: 600;
  color: var(--text-primary);
}

/* Mobile fixes */
@media (max-width: 600px) {
  .section-infra { padding-top: 64px; padding-bottom: 64px; }
  .quote-block { padding: 32px 24px; }
  .formule { padding: 24px; }
  .card { padding: 24px; }
  .card-deep { padding: 28px; }
  .formule-detail { padding: 32px 0; }
  .not-doing { padding: 32px 24px; }
  .quote-block blockquote { font-size: 19px; line-height: 1.5; }
}