/* ============================================================
   conseil-entreprise.css — structuration de BE
   Built on styles.css + ia-pages.css tokens.
   ============================================================ */

.conseil-hero { background: var(--bg); }

/* =============== Symptomes (reuse risques look) =============== */
.symptomes {
  list-style: none; padding: 0; margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.symptomes li {
  background: var(--bg);
  padding: 36px 32px;
  display: flex; flex-direction: column; gap: 14px;
  transition: background .25s ease;
}
.symptomes li:hover { background: var(--paper); }
.symptomes__num {
  font-family: var(--f-mono); font-size: 11px;
  letter-spacing: 0.2em; color: var(--red); font-weight: 700;
}
.symptomes h3 {
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.symptomes p { color: var(--ink-3); font-size: 15px; line-height: 1.55; }
@media (max-width: 800px) { .symptomes { grid-template-columns: 1fr; } }

/* =============== Missions =============== */
.missions { background: var(--paper); }
.missions__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.mission {
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  display: flex; flex-direction: column; gap: 14px;
  min-height: 280px;
}
.mission__num {
  width: 40px; height: 40px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--ink); color: #fff;
  font-family: var(--f-mono); font-size: 15px; font-weight: 700;
}
.mission h3 {
  font-size: clamp(20px, 1.7vw, 26px);
  line-height: 1.1;
  letter-spacing: -0.01em;
}
.mission p { color: var(--ink-3); font-size: 14.5px; line-height: 1.55; }
.mission__tags {
  list-style: none; padding: 0; margin: auto 0 0;
  display: flex; flex-wrap: wrap; gap: 8px;
}
.mission__tags li {
  font-family: var(--f-mono); font-size: 10.5px;
  letter-spacing: 0.08em; text-transform: uppercase;
  padding: 6px 10px;
  background: var(--paper);
  border-radius: var(--radius);
  color: var(--ink-3);
}
.mission--accent {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.mission--accent .mission__num { background: var(--red); }
.mission--accent h3 { color: #fff; }
.mission--accent p { color: rgba(255,255,255,0.78); }
.mission--accent a { color: var(--red); text-decoration: none; border-bottom: 1px solid rgba(242,53,53,0.5); }
.mission--accent a:hover { border-bottom-color: var(--red); }
.mission--accent .mission__tags li {
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.8);
}
@media (max-width: 1100px) { .missions__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px)  { .missions__grid { grid-template-columns: 1fr; } }

/* =============== Démarche (reuse phases from ia-pages) =============== */
.demarche { background: var(--bg); }