/* Test de positionnement public (test-niveau.php) : charte Uwewer, angles droits, aucune ombre, bleu réservé aux actions. */
.oc-tn{max-width:720px;margin:0 auto;color:#4A4A4A}
.oc-tn [hidden]{display:none!important}
.oc-tn-intro p{font-size:17px;line-height:1.65;margin:0 0 16px}
.oc-tn-intro .oc-tn-astuce{font-size:15px;color:#4A4A4A;border-left:4px solid #111;background:#F5F5F3;padding:14px 18px}
.oc-tn-intro .oc-btn{margin-top:6px}
.oc-tn-form{display:grid;gap:22px;margin-top:8px}
.oc-tn-prog{margin:0}
.oc-tn-prog-txt{font-size:14px;font-weight:600;color:#111;margin:0 0 8px}
.oc-tn-barre{height:4px;background:#E5E5E5}
.oc-tn-barre i{display:block;height:100%;width:0;background:#111;transition:width .2s}
.oc-tn-etape{border:0;margin:0;padding:0;min-width:0}
.oc-tn:not(.oc-tn-js) .oc-tn-etape{border-top:1px solid #E5E5E5;padding-top:22px}
.oc-tn-partie{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#4A4A4A;margin:0 0 10px}
.oc-tn-etape legend{float:left;width:100%;padding:0;margin:0 0 18px;font:700 22px/1.35 Manrope,Arial,sans-serif;color:#111;outline:none}
.oc-tn-etape legend+*{clear:both}
.oc-tn-aide{clear:both;margin:-8px 0 14px;font-size:15px}
.oc-tn-opts{clear:both;display:grid;gap:10px}
.oc-tn-opt{display:flex;align-items:flex-start;gap:12px;padding:15px 16px;border:1.5px solid #E5E5E5;background:#fff;cursor:pointer;font-size:16px;line-height:1.5;color:#111}
.oc-tn-opt:hover{border-color:#111}
.oc-tn-opt input{flex:none;width:20px!important;height:20px;margin:1px 0 0;padding:0!important;accent-color:#111}
.oc-tn-opt:has(input:checked){border-color:#111;background:#F5F5F3}
.oc-tn-opt:has(input:focus-visible){outline:2px solid #2563EB;outline-offset:2px}
.oc-tn-nsp{color:#4A4A4A;border-style:dashed}
.oc-tn-autre{margin-top:2px}
.oc-tn-err{margin:12px 0 0;color:#B42318;font-weight:600;font-size:15px}
.oc-tn-manque .oc-tn-opt{border-color:#B42318}
.oc-tn-fin .oc-two{margin:0 0 14px}
.oc-tn-fin .oc-rgpd{margin:0 0 10px}
.oc-tn-fin .oc-tn-envoyer{margin-top:10px}
.oc-tn-nav{display:flex;justify-content:space-between;gap:12px}
.oc-tn-nav .oc-tn-suiv{margin-left:auto}
.oc-tn-alerte{margin-top:6px}
/* Résultat */
.oc-tn-res .oc-kicker{margin:0 0 6px!important}
.oc-tn .oc-tn-niveau{font-size:44px!important;line-height:1.1;margin:0 0 10px;color:#111}
.oc-tn-sous{font-size:15px;margin:0 0 18px}
.oc-tn-reconnais{font-size:18px;line-height:1.6;color:#111;margin:0 0 26px}
.oc-tn-bloc{border-top:1px solid #E5E5E5;padding-top:20px;margin-top:22px}
.oc-tn-bloc h3{font-size:20px;margin:0 0 10px;color:#111}
.oc-tn-bloc p{margin:0 0 10px;line-height:1.65}
.oc-tn-msg{border-left:4px solid #111;background:#F5F5F3;padding:12px 16px;color:#111}
.oc-tn-lacunes{margin:0;padding-left:20px;line-height:1.65}
.oc-tn-lacunes li{margin:0 0 6px}
.oc-tn-lacunes strong,.oc-tn-expl strong{color:#111}
.oc-tn-expl{background:#F5F5F3;padding:16px 18px;margin:0 0 12px}
.oc-tn-expl p{margin:0 0 6px}
.oc-tn-expl-q{color:#111;font-weight:600}
.oc-tn-expl-q span{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#4A4A4A;margin-bottom:4px}
.oc-tn-lib{color:#4A4A4A}
.oc-tn-expl-t{margin-top:8px!important}
.oc-tn-mention{margin:28px 0 18px!important;font-size:17px;font-weight:700;color:#111}
.oc-tn-actions{display:flex;flex-wrap:wrap;gap:12px}
.oc-tn-note{font-size:14px;margin-top:18px}
@media (max-width:600px){
	.oc-tn-etape legend{font-size:19px}
	.oc-tn .oc-tn-niveau{font-size:36px!important}
	.oc-tn-actions .oc-btn{width:100%;white-space:normal;text-align:center}
	.oc-tn-opt{padding:13px 14px;font-size:15px}
}