/* Koda — la feuille « Je postule » (public/cv-offre.js). Charte 2026 : bleu nuit pour l'encre,
   un seul rouge (« C'est bon, je postule »), cyan pour l'amorce, baby blue en fond, jamais en
   texte. Le niveau ne passe jamais au rouge : un manque n'est pas une faute. */
.co-feuille { width: min(560px, calc(100% - 24px)); }
.co-corps { display: grid; gap: 18px; margin-top: 4px; }
.co-niveau { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 14px; background: var(--fond-2); color: var(--nuit); font-size: 17px; font-weight: 800; }
.co-niveau::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--encre-3); }
.co-pret { background: var(--baby-clair); }
.co-pret::before { background: var(--cyan); }
.co-presque::before { background: var(--nuit); }
.co-offre { margin-top: -10px; color: var(--encre-2); font-size: 14.5px; }
.co-bloc { display: grid; gap: 8px; }
.co-bloc h3 { font-size: 15px; font-weight: 800; letter-spacing: .01em; }
.co-trois { display: grid; gap: 14px; }
@media (min-width: 560px) { .co-trois { grid-template-columns: 1fr 1fr; } }
.co-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 15px; }
.co-liste li { position: relative; padding-inline-start: 18px; }
.co-liste li::before { content: "–"; position: absolute; inset-inline-start: 2px; color: var(--encre-3); }
.co-liste li.co-ok::before { content: "✓"; color: var(--nuit); font-weight: 800; }
.co-vide { color: var(--encre-3); font-size: 14.5px; }
.co-questions, .co-changements { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.co-question { display: grid; gap: 8px; }
.co-changement { display: grid; gap: 4px; padding: 12px 14px; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--filet); font-size: 14.5px; }
.co-pourquoi { font-weight: 700; color: var(--nuit); }
.co-avant { color: var(--encre-3); }
.co-apres { color: var(--nuit); }
.co-garder { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 700; cursor: pointer; }
.co-garder input { width: 20px; height: 20px; accent-color: var(--nuit); }
.co-conseil { color: var(--encre-2); font-size: 14.5px; }
.co-actions { display: grid; gap: 6px; }
@media (min-width: 560px) { .co-actions { grid-template-columns: repeat(3, 1fr); } }
.co-actions .btn { width: 100%; }
.co-postuler-final { margin-top: 6px; }
.co-postuler-final .btn { width: 100%; }