/* Quiz « Faut-il vraiment former ? » — styles spécifiques, sans modifier l'identité du site. */
.diagnostic-pagehead{background:var(--mint)}
.diagnostic-pagehead .lead{max-width:780px}
.diagnostic-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.5fr);gap:42px;align-items:start}
.diagnostic-intro h2{font-size:clamp(1.6rem,2.6vw,2.3rem);margin:0 0 15px}
.diagnostic-intro p{color:var(--muted)}
.diagnostic-facts{border-left:5px solid var(--mint);padding-left:18px;margin-top:32px}
.diagnostic-facts p{font-size:.94rem;margin-bottom:12px}
.diagnostic-facts strong{color:var(--ink)}
.diagnostic-card{border:2px solid #111;background:#fff;box-shadow:10px 10px 0 var(--mint);min-height:470px}
.diagnostic-top{padding:24px 30px 18px;border-bottom:1px solid var(--line)}
.diagnostic-progressline{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.85rem;font-weight:800;letter-spacing:.035em}
.diagnostic-progressline span:last-child{color:#505050;font-weight:500}
.diagnostic-meter{display:block;appearance:none;-webkit-appearance:none;width:100%;height:8px;overflow:hidden;margin-top:17px;background:#eee;border:0;border-radius:0}
.diagnostic-meter::-webkit-progress-bar{background:#eee}
.diagnostic-meter::-webkit-progress-value{background:var(--green);transition:width .2s ease}
.diagnostic-meter::-moz-progress-bar{background:var(--green)}
.diagnostic-form{padding:28px 30px 30px}
.diagnostic-fieldset{border:0;padding:0;margin:0;min-width:0}
.diagnostic-kicker{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#08714b;margin:0 0 12px}
.diagnostic-legend{font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:800;line-height:1.24;letter-spacing:-.025em;display:block;padding:0;margin:0 0 12px;max-width:100%}
.diagnostic-help{font-size:.98rem;color:#555;margin:0 0 22px}
.diagnostic-options{display:grid;gap:12px}
.diagnostic-choice{cursor:pointer;display:flex;gap:13px;align-items:flex-start;border:2px solid #cfcfcf;background:#fff;padding:16px 18px;transition:background .15s ease,border-color .15s ease;line-height:1.42}
.diagnostic-choice:hover{background:#f3fff7;border-color:#08714b}
.diagnostic-choice:has(input:checked){border-color:#111;background:#e8fff0}
.diagnostic-choice:has(input:focus-visible){outline:3px solid var(--sky);outline-offset:3px}
.diagnostic-choice input{accent-color:var(--green);width:19px;height:19px;flex:none;margin:2px 0 0}
.diagnostic-choice span{font-size:.99rem}
.diagnostic-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap}
.diagnostic-btn{border:2px solid #111;background:#111;color:#fff;padding:12px 18px;min-height:49px;font:700 1rem Arial,Helvetica,sans-serif;cursor:pointer;transition:background .15s ease}
.diagnostic-btn:hover{background:#333}
.diagnostic-btn.secondary{background:#fff;color:#111}
.diagnostic-btn.secondary:hover{background:var(--sky)}
.diagnostic-btn:disabled{opacity:.4;cursor:default}
.diagnostic-error{color:#962a1e;margin:14px 0 0;font-size:.92rem;font-weight:700}
.diagnostic-error[hidden],.diagnostic-result[hidden],.diagnostic-form[hidden],.diagnostic-top[hidden]{display:none}
.diagnostic-result{padding:30px}
.diagnostic-resulttype{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#08714b;margin-bottom:9px}
.diagnostic-result h2{font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.2;margin:0 0 15px}
.diagnostic-result .diagnostic-summary{font-size:1.08rem;line-height:1.55;margin-bottom:22px}
.diagnostic-result h3{font-size:1.04rem;margin:24px 0 9px}
.diagnostic-result ul{padding-left:21px;margin:0 0 20px}
.diagnostic-result li{padding:2px 0;margin-bottom:7px}
.diagnostic-result .diagnostic-next{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.diagnostic-result .diagnostic-next p{margin:0 0 18px;color:var(--muted)}
.diagnostic-result .diagnostic-actions{margin:20px 0 0}
.diagnostic-result a.button{margin-right:10px}
.diagnostic-caveat{font-size:.88rem;color:#565656;margin-top:26px;max-width:900px}
.diagnostic-teaser{border-top:2px solid #111;border-bottom:2px solid #111;background:#ecfff4}
.diagnostic-teaser .eyebrow{margin-bottom:12px}
.diagnostic-resource{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;border:2px solid #111;background:#e8fff0;padding:24px;margin-bottom:28px}
.diagnostic-resource p{margin:0;color:#333}
.diagnostic-resource h2{font-size:1.55rem;margin:5px 0 8px}
.diagnostic-resource .button{white-space:nowrap}
.diagnostic-article-link{border-left:5px solid var(--mint);padding:14px 18px;background:#f7fbf8;margin:28px 0}
.diagnostic-article-link p{margin-bottom:12px}
@media (max-width:850px){.diagnostic-layout{grid-template-columns:1fr;gap:28px}.diagnostic-intro{max-width:700px}.diagnostic-facts{margin-top:20px}.diagnostic-resource{grid-template-columns:1fr;align-items:start}}
@media (max-width:540px){.diagnostic-card{box-shadow:5px 5px 0 var(--mint)}.diagnostic-top{padding:18px 18px 15px}.diagnostic-form,.diagnostic-result{padding:22px 18px 23px}.diagnostic-choice{padding:14px 12px}.diagnostic-actions .diagnostic-btn{flex:1}.diagnostic-progressline{font-size:.79rem}.diagnostic-result a.button{width:100%;text-align:center;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.diagnostic-meter::-webkit-progress-value{transition:none}.diagnostic-choice,.diagnostic-btn{transition:none}}