/* Formulaires, bonus et vérificateur, dans les tons du site. */
.cp-form{display:grid;gap:18px;max-width:560px;margin-top:26px}
.cp-field{display:grid;gap:8px}
.cp-field .label{margin:0}
.cp-form input[type=email],.cp-mot input{font:18px 'Roboto Mono',monospace;padding:16px 18px;background:transparent;color:inherit;
  border:1px solid currentColor;border-radius:0;width:100%;box-sizing:border-box}
.cp-form input:focus-visible,.cp-mot input:focus-visible,.ind-case:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.cp-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;opacity:.85}
.cp-consent input{margin-top:4px;accent-color:var(--red);width:16px;height:16px;flex:none}
.cp-form .button,.cp-mot .button{justify-self:start;cursor:pointer;font:inherit;font-size:12px}
.cp-message,.cp-mot-message{font:13px/1.6 'Roboto Mono',monospace;min-height:1.6em;margin:0}
.cp-mot{display:grid;gap:14px;max-width:560px;margin-top:26px}
.cp-mot input{text-transform:uppercase;letter-spacing:.3em;font-size:24px}
.bonus{padding:85px 10vw;border-top:1px solid rgba(242,237,224,.12)}
.bonus h2{margin-top:0}
.bonus .cp-deadline{font:12px 'Roboto Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
[data-achat]{margin-top:10px}
[data-achat] .cp-form{margin-left:auto;margin-right:auto}
.closing [data-achat]{display:flex;flex-direction:column;align-items:center;text-align:center}
.closing [data-achat] .cp-form{text-align:left}

/* Vérificateur */
.ind-main{min-height:80vh;padding:12vh 8vw 10vh}
.ind-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 26px}
.ind-tabs button,.ind-affaires button{font:12px 'Roboto Mono',monospace;letter-spacing:.06em;text-transform:uppercase;background:transparent;
  color:inherit;border:1px solid rgba(22,19,15,.35);padding:12px 16px;cursor:pointer;text-align:left}
.ind-tabs button[aria-pressed=true],.ind-affaires button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.ind-tabs button:disabled{opacity:.45;cursor:not-allowed}
.ind-affaires{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-bottom:40px}
.ind-affaires b{display:block;color:var(--red);font-weight:500;margin-bottom:4px}
.ind-affaires button[aria-pressed=true] b{color:#f5a0ad}
.ind-panel{border:1px solid rgba(22,19,15,.25);background:#fbf9f3;padding:clamp(22px,4vw,40px);max-width:760px}
.ind-panel h2{margin:.2em 0 .1em}
.ind-grille{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:26px 0 8px;max-width:560px}
.ind-case{display:flex;flex-direction:column;align-items:center;gap:4px;font:10px 'Roboto Mono',monospace;color:var(--bronze)}
.ind-case input{width:100%;aspect-ratio:1;box-sizing:border-box;border:1.5px solid var(--ink);background:#fff;text-align:center;
  font:900 22px 'Big Shoulders Display',sans-serif;text-transform:uppercase;color:var(--ink);padding:0}
.ind-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.ind-actions .text-link{background:none;border:0;cursor:pointer;font:inherit;color:inherit;text-decoration:underline}
.ind-resultat{margin-top:24px;padding:16px 18px;font-size:16px;line-height:1.6}
.ind-resultat[data-etat=ok]{background:rgba(46,107,46,.1);border-left:3px solid #2e6b2e}
.ind-resultat[data-etat=ko]{background:rgba(200,16,46,.08);border-left:3px solid var(--red)}
.ind-resultat strong{display:block;font:900 20px 'Big Shoulders Display',sans-serif;text-transform:uppercase;margin-bottom:6px}
.ind-note{font-size:14px;opacity:.75;max-width:62ch}
@media (max-width:520px){.ind-grille{gap:5px}.ind-case input{font-size:18px}}
.ind-tabs button,.ind-affaires button{white-space:normal;max-width:100%;line-height:1.5}
@media (max-width:600px){.ind-main{padding:9vh 20px 8vh}.ind-tabs button{width:100%}.ind-panel{padding:20px}}
.entry-raccourcis{display:flex;flex-direction:column;gap:14px;margin:26px 0 0;font:11px 'Roboto Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.entry-raccourcis a{color:var(--paper);opacity:.8;text-decoration:underline;text-underline-offset:4px}
.entry-raccourcis a:hover{opacity:1;color:var(--red)}
.ind-ok{color:#2e6b2e;font-weight:500}
.ind-affaires button[aria-pressed=true] .ind-ok{color:#9fd49f}
.ind-progression{grid-column:1/-1;margin:6px 0 0}
#ind-pages{margin:-6px 0 0}
.conf h2{font-size:clamp(26px,3vw,38px);margin:42px 0 10px}
.conf p{max-width:66ch}
.cp-consent a{text-decoration:underline}
.lien-conf{font:11px "Roboto Mono",monospace;letter-spacing:.08em;text-transform:uppercase;opacity:.7;text-decoration:underline}
.ind-carte{grid-column:1/-1;margin-top:18px;max-width:420px}
.ind-carte canvas{width:100%;height:auto;display:block;box-shadow:0 18px 40px #16130f40}
.presse-grille{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:48px;align-items:start;margin-top:40px}
.presse-grille img{width:100%;height:auto;box-shadow:12px 18px 30px #16130f40}
.presse ul{padding-left:1.1em;max-width:66ch}.presse li{margin-bottom:10px}
.presse-fiche{display:grid;grid-template-columns:150px 1fr;gap:10px 24px;max-width:720px;border-top:1px solid var(--bronze);padding-top:18px}
.presse-fiche dt{font:11px "Roboto Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze);padding-top:5px}.presse-fiche dd{margin:0}
@media (max-width:700px){.presse-grille{grid-template-columns:1fr}.presse-grille img{max-width:240px}.presse-fiche{grid-template-columns:1fr;gap:2px}.presse-fiche dd{margin-bottom:10px}}
/* Résolution d'une affaire : le dossier est rouvert */
.ind-resultat[data-etat=ok]{background:#fbf9f3;border-left:3px solid var(--red);padding:22px 22px 20px}
.rf-tampons{position:relative;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:16px;min-height:52px}
.rf-classe{position:relative;font:500 13px 'Roboto Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#6f685e;
  border:1.5px solid #a8a196;padding:6px 12px}
.rf-classe::after{content:'';position:absolute;left:-4px;right:-4px;top:50%;height:2px;background:var(--red);transform-origin:left;
  transform:scaleX(0);animation:rf-barre .45s .15s ease-out forwards}
.rf-rouvert{font:900 30px/1 'Big Shoulders Display',sans-serif;text-transform:uppercase;color:var(--red);border:3px solid var(--red);
  padding:6px 14px;transform:rotate(-4deg) scale(1.8);opacity:0;animation:rf-tampon .38s .65s cubic-bezier(.2,1.5,.4,1) forwards}
.rf-coupable{font:900 clamp(26px,4vw,40px)/1.05 'Big Shoulders Display',sans-serif;text-transform:uppercase;margin:0 0 8px;
  opacity:0;animation:rf-monte .4s 1.05s ease-out forwards}
.rf-coupable span{display:block;font:500 11px 'Roboto Mono',monospace;letter-spacing:.16em;color:#8A7A55;margin-bottom:6px}
.rf-epilogue{font-size:18px;line-height:1.5;margin:0 0 12px;opacity:0;animation:rf-monte .4s 1.35s ease-out forwards}
.rf-suite{font-size:14px;line-height:1.55;color:#4a4035;margin:0;opacity:0;animation:rf-monte .4s 1.6s ease-out forwards}
@keyframes rf-barre{to{transform:scaleX(1)}}
@keyframes rf-tampon{to{opacity:1;transform:rotate(-4deg) scale(1)}}
@keyframes rf-monte{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rf-classe::after,.rf-rouvert,.rf-coupable,.rf-epilogue,.rf-suite{animation:none;opacity:1;transform:none}
  .rf-classe::after{transform:scaleX(1)}.rf-rouvert{transform:rotate(-4deg)}}
/* le mur des dossiers rouverts */
.ind-ok{display:inline-block;margin-left:8px;border:1.5px solid var(--red);color:var(--red);font-weight:500;font-size:10px;
  letter-spacing:.12em;padding:1px 6px;transform:rotate(-3deg)}
.ind-affaires button[aria-pressed=true] .ind-ok{border-color:#f5a0ad;color:#f5a0ad}
.cp-telecharger{margin-top:14px}
.cp-sous{font:11px 'Roboto Mono',monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin:10px 0 0}
.cp-suite{margin-top:40px;padding-top:26px;border-top:1px solid rgba(242,237,224,.18)}