
/* Pack 06 — Vie professionnelle par situations */
.situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.3rem}

.situation-grid.starting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.situation-card{display:block;padding:1.25rem;border:1px solid rgba(16,24,32,.14);border-radius:20px;background:#fff;color:inherit;text-decoration:none;transition:.18s ease}
.situation-card:hover{transform:translateY(-3px);border-color:#d6a94a;box-shadow:0 14px 32px rgba(16,24,32,.08)}
.situation-card .number{display:inline-flex;width:2.2rem;height:2.2rem;align-items:center;justify-content:center;border-radius:12px;background:#101820;color:#d6a94a;font-weight:900}
.situation-card h3{margin:.75rem 0 .35rem}.situation-card p{margin:0;opacity:.78}
.track-section{margin:2.5rem 0;padding-top:.5rem}.track-head{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;margin-bottom:1rem}.track-head h2{margin:.15rem 0}.track-label{font-size:.75rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#9a6d14}
.route{display:flex;flex-wrap:wrap;gap:.45rem;margin:.8rem 0 0}.route span{padding:.35rem .6rem;border-radius:999px;background:#f4f1e9;font-size:.82rem;font-weight:750}
.principle-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}.principle-strip div{padding:.9rem;border-top:3px solid #d6a94a;background:#fff;border-radius:0 0 14px 14px;font-weight:750}
.video-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:.7rem;font-weight:800;color:#9a6d14;text-decoration:none}
.article-series{margin:2rem 0;padding:1.1rem 1.2rem;border-radius:18px;background:#101820;color:#fff}.article-series a{color:#f3c963}
@media(max-width:900px){.situation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principle-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.situation-grid,.situation-grid.starting-grid,.principle-strip{grid-template-columns:1fr}.track-head{grid-template-columns:1fr}}

/* Les outils prolongent le dossier : ils apparaissent après la lecture. */
.prose:has(> .ce-tool-bridge){display:flex;flex-direction:column}
.prose> .ce-tool-bridge{order:90;margin-top:1.8rem}
.prose>p:has(>a.back){order:100}