/* Outil « Tapez votre code » (bloc wattcross/codes-erreur). Jetons du thème, repli sombre. Petits textes : 13 px minimum. */
.wc-ce{--ce-bg:var(--graphite,#0d0f10);--ce-card:var(--surface,#131617);--ce-line:var(--line,#292d2f);--ce-text:var(--white,#f5f5f2);--ce-muted:var(--muted,#9b9fa2);--ce-volt:var(--volt,#c6ff00);--ce-ok:#3fd26b;--ce-warn:#ffb020;--ce-danger:#ff5a4f;--ce-font:var(--body,'Inter',Arial,sans-serif);background:var(--ce-bg);border:1px solid var(--ce-line);border-left:3px solid var(--ce-volt);padding:22px 24px;margin:32px 0;color:var(--ce-text);font-size:15px;line-height:1.6;scroll-margin-top:90px}
.wc-ce *,.wc-ce *::before,.wc-ce *::after{box-sizing:border-box}
.wc-ce__eyebrow{margin:0;color:var(--ce-volt);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
:root[data-wc-theme=light] .wc-ce__eyebrow{color:var(--ce-text)}
.wc-ce__title{margin:2px 0 6px;font:italic 800 26px/1.1 var(--display,'Barlow Condensed',Arial Narrow,sans-serif);text-transform:uppercase;color:var(--ce-text)}
.wc-ce__lead{margin:0 0 18px;color:var(--ce-muted);font-size:14px}
.wc-ce__tool{margin:0 0 8px}
.wc-ce__tool noscript p{margin:0 0 12px;color:var(--ce-muted);font-size:14px}
.wc-ce a{color:var(--ce-text);text-decoration:underline;text-underline-offset:2px}
.wc-ce a:hover{text-decoration-color:var(--ce-volt)}
.wc-ce input:focus-visible,.wc-ce button:focus-visible,.wc-ce a:focus-visible,.wc-ce summary:focus-visible,.wc-ce [tabindex]:focus-visible{outline:2px solid var(--ce-volt);outline-offset:2px}
:root[data-wc-theme=light] .wc-ce input:focus-visible,:root[data-wc-theme=light] .wc-ce button:focus-visible,:root[data-wc-theme=light] .wc-ce a:focus-visible,:root[data-wc-theme=light] .wc-ce summary:focus-visible,:root[data-wc-theme=light] .wc-ce [tabindex]:focus-visible{outline-color:var(--ce-text)}

/* Étape 1 : la moto */
.wc-ce__step{margin:0 0 18px}
.wc-ce__steplabel{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--ce-text)}
.wc-ce__steplabel>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--ce-volt);color:#0b0d0c;font-size:13px;font-weight:800;vertical-align:1px}
:root[data-wc-theme=light] .wc-ce__steplabel>span{background:var(--ce-text);color:#fff}
.wc-ce__hint{margin:8px 0 0;color:var(--ce-muted);font-size:13px}
.wc-ce__hint strong{color:var(--ce-text)}
.wc-ce__hint--warn{padding-left:10px;border-left:3px solid var(--ce-warn);color:var(--ce-text)}
.wc-ce__fams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 0}
.wc-ce .wc-ce__fam-btn{display:block;width:100%;min-height:44px;padding:11px 13px;background:var(--ce-card);border:1px solid var(--ce-line);border-radius:3px;color:var(--ce-text);text-align:left;font:400 14px/1.4 var(--ce-font);text-transform:none;letter-spacing:0;white-space:normal;cursor:pointer}
.wc-ce .wc-ce__fam-btn:hover{border-color:var(--ce-volt)}
.wc-ce .wc-ce__fam-btn[aria-pressed=true]{border-color:var(--ce-volt);box-shadow:inset 0 -3px 0 var(--ce-volt)}
:root[data-wc-theme=light] .wc-ce .wc-ce__fam-btn[aria-pressed=true]{border-color:var(--ce-text);box-shadow:inset 0 -3px 0 var(--ce-text)}
.wc-ce .wc-ce__fam-btn strong{display:block;font-size:15px;font-weight:700;color:var(--ce-text)}
.wc-ce .wc-ce__fam-btn small{display:block;margin-top:3px;font-size:13px;color:var(--ce-muted)}
.wc-ce .wc-ce__fam-btn--nsp{border-style:dashed}
.wc-ce .wc-ce__link{margin:0 0 0 6px;padding:0;background:none;border:0;color:var(--ce-text);font:600 14px/1.4 var(--ce-font);text-transform:none;letter-spacing:0;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.wc-ce .wc-ce__link:hover{text-decoration-color:var(--ce-volt)}
.wc-ce__aide{margin:8px 0 0;padding-left:20px;font-size:14px;color:var(--ce-text)}
.wc-ce__aide li{margin:4px 0}

/* Étape 2 : ce que l'on voit */
.wc-ce__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.wc-ce .wc-ce__tab{background:var(--ce-card);border:1px solid var(--ce-line);border-radius:3px;color:var(--ce-text);padding:9px 12px;font:600 14px/1.3 var(--ce-font);text-transform:none;letter-spacing:0;white-space:normal;text-align:left;cursor:pointer;min-height:44px}
.wc-ce .wc-ce__tab:hover{border-color:var(--ce-volt)}
.wc-ce .wc-ce__tab[aria-pressed=true]{border-color:var(--ce-volt);box-shadow:inset 0 -3px 0 var(--ce-volt)}
:root[data-wc-theme=light] .wc-ce .wc-ce__tab[aria-pressed=true]{border-color:var(--ce-text);box-shadow:inset 0 -3px 0 var(--ce-text)}
.wc-ce .wc-ce__tab small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--ce-muted)}
.wc-ce__fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.wc-ce__fields--led{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.wc-ce__field{min-width:0}
.wc-ce__field label{display:block;margin:0 0 4px;font-size:13px;font-weight:700;color:var(--ce-text)}
.wc-ce .wc-ce__field input{display:block;width:100%;height:48px;margin:0;padding:0 12px;background:var(--ce-card);border:1px solid var(--ce-line);border-radius:3px;color:var(--ce-text);font:600 18px/1.2 var(--ce-font);letter-spacing:0;box-shadow:none;appearance:auto}
.wc-ce .wc-ce__field input::placeholder{color:var(--ce-muted);font-weight:400;opacity:1}
.wc-ce .wc-ce__field--q input{text-transform:uppercase;letter-spacing:.04em}
.wc-ce .wc-ce__field--q input::placeholder{text-transform:none;letter-spacing:0}
.wc-ce .wc-ce__submit{height:48px;padding:0 20px;background:var(--ce-volt);border:1px solid var(--ce-volt);border-radius:3px;color:#0b0d0c;font:700 15px/1 var(--ce-font);text-transform:none;letter-spacing:0;cursor:pointer}
.wc-ce .wc-ce__submit:hover{filter:brightness(1.08)}
.wc-ce__help{margin:10px 0 0;font-size:14px;color:var(--ce-muted)}
.wc-ce__help summary{cursor:pointer;font-weight:600;color:var(--ce-text)}
.wc-ce__help p,.wc-ce__help ul{margin:6px 0 0}
.wc-ce__help ul{padding-left:20px}

/* Résultat : question, choix, fiche */
.wc-ce__result{margin-top:16px}
.wc-ce__result:empty{margin-top:0}
.wc-ce__card,.wc-ce__ask{padding:18px 18px 16px;border:1px solid var(--ce-line);border-left:4px solid var(--ce-muted);background:var(--ce-card);margin:0 0 14px}
.wc-ce__card.is-ok{border-left-color:var(--ce-ok)}.wc-ce__card.is-stop{border-left-color:var(--ce-warn)}.wc-ce__card.is-danger{border-left-color:var(--ce-danger)}.wc-ce__ask{border-left-color:var(--ce-volt)}
.wc-ce__badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.wc-ce__badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:2px;background:var(--ce-line);color:var(--ce-text);font-size:13px;font-weight:700;line-height:1.4}
.wc-ce__badge--g::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ce-muted);flex:none}
.wc-ce__badge--g.is-ok::before{background:var(--ce-ok)}.wc-ce__badge--g.is-stop::before{background:var(--ce-warn)}.wc-ce__badge--g.is-danger::before{background:var(--ce-danger)}
.wc-ce__badge--p{font-weight:400}
.wc-ce .wc-ce__h{margin:0 0 8px;font-family:var(--ce-font);font-style:normal;font-weight:700;font-size:19px;line-height:1.3;text-transform:none;letter-spacing:0;color:var(--ce-text)}
.wc-ce .wc-ce__h:focus,.wc-ce .wc-ce__note:focus{outline:none}
.wc-ce__code{display:inline-block;margin-right:6px;padding:0 8px;border:1px solid var(--ce-text);border-radius:2px;font:700 20px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}
.wc-ce__model{font-weight:700}
.wc-ce__meaning{margin:0 0 10px;font-size:16px;color:var(--ce-text)}
.wc-ce__gtext{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--ce-text)}
.wc-ce__official,.wc-ce__where,.wc-ce__models,.wc-ce__contra,.wc-ce__notes,.wc-ce__sources,.wc-ce__note{margin:0 0 10px;font-size:14px;color:var(--ce-muted)}
.wc-ce__where strong,.wc-ce__models strong,.wc-ce__contra strong{color:var(--ce-text)}
.wc-ce__block{margin:14px 0}
.wc-ce .wc-ce__bt{margin:0 0 6px;font-family:var(--ce-font);font-size:14px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.06em;color:var(--ce-text)}
.wc-ce .wc-ce__block ul{margin:0;padding-left:20px}
.wc-ce .wc-ce__block li{margin:4px 0}
.wc-ce__prov{font-size:13px;color:var(--ce-muted)}
.wc-ce__prov::before{content:"("}.wc-ce__prov::after{content:")"}
.wc-ce .wc-ce__table{margin:0;padding:0;list-style:none}
.wc-ce .wc-ce__table li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:4px 14px;margin:0;padding:8px 0;border-top:1px solid var(--ce-line)}
.wc-ce .wc-ce__table li:first-child{border-top:0}
.wc-ce .wc-ce__steps{margin:0;padding-left:22px}
.wc-ce .wc-ce__steps li{margin:4px 0}
.wc-ce__card .wc-ce__steps{padding:0;list-style:none;counter-reset:ce}
.wc-ce__card .wc-ce__steps li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;margin:0;padding:9px 0;border-top:1px solid var(--ce-line);counter-increment:ce}
.wc-ce__card .wc-ce__steps li:first-child{border-top:0}
.wc-ce .wc-ce__steps input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--ce-volt)}
.wc-ce .wc-ce__steps label{margin:0;font-size:15px;font-weight:400;color:var(--ce-text);cursor:pointer}
.wc-ce .wc-ce__steps label::before{content:counter(ce) ". ";font-weight:700}
.wc-ce .wc-ce__steps input:checked+label{color:var(--ce-muted);text-decoration:line-through}
.wc-ce__never{padding:12px 14px;border:1px solid var(--ce-danger);background:transparent}
.wc-ce__stop{margin:14px 0;padding:12px 14px;border:1px solid var(--ce-line);border-left:4px solid var(--ce-warn);background:var(--ce-bg)}
.wc-ce__stop--info{border-left-color:var(--ce-volt)}
.wc-ce__stop p{margin:0}
.wc-ce__stop .wc-ce__consigne{margin-top:8px;font-size:14px;color:var(--ce-muted)}
.wc-ce__nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.wc-ce .wc-ce__btn{background:transparent;border:1px solid var(--ce-line);color:var(--ce-text);padding:10px 14px;border-radius:3px;font:700 13px/1.3 var(--ce-font);text-transform:none;letter-spacing:0;white-space:normal;cursor:pointer;min-height:40px}
.wc-ce .wc-ce__btn:hover{border-color:var(--ce-volt)}
.wc-ce__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 14px}
.wc-ce .wc-ce__choice{display:block;text-align:left;width:100%;padding:12px 14px;background:var(--ce-bg);border:1px solid var(--ce-line);border-radius:3px;color:var(--ce-text);font:400 15px/1.4 var(--ce-font);text-transform:none;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.wc-ce .wc-ce__choice:hover{border-color:var(--ce-volt)}
.wc-ce .wc-ce__choice strong{display:block;font-weight:700;font-size:15px;color:var(--ce-text)}
.wc-ce .wc-ce__choice small{display:block;margin-top:3px;font-size:13px;color:var(--ce-muted)}
.wc-ce__chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}
.wc-ce .wc-ce__chip{background:var(--ce-bg);border:1px solid var(--ce-line);border-radius:3px;color:var(--ce-text);padding:8px 12px;min-height:40px;font:700 15px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:none;letter-spacing:0;cursor:pointer}
.wc-ce .wc-ce__chip:hover{border-color:var(--ce-volt)}

/* Liste complète, écrite par le serveur (lisible sans JavaScript, repliée quand le script tourne) */
.wc-ce__all{margin-top:22px;padding-top:16px;border-top:1px solid var(--ce-line)}
.wc-ce__all-title{margin:0 0 4px;font-weight:700;font-size:16px;color:var(--ce-text)}
.wc-ce__all-lead{margin:0 0 12px;font-size:14px;color:var(--ce-muted)}
.wc-ce__all-lead strong{color:var(--ce-text)}
.wc-ce__fam{margin:0 0 8px;border:1px solid var(--ce-line);background:var(--ce-card)}
.wc-ce__fam>summary{padding:12px 14px;font-weight:700;font-size:15px;color:var(--ce-text);cursor:pointer}
.wc-ce__fam>summary span{font-weight:400;color:var(--ce-muted);font-size:13px}
.wc-ce__fam-body{padding:0 14px 6px}
.wc-ce__fam-intro{margin:10px 0 6px;font-size:14px;color:var(--ce-muted)}
.wc-ce__fam-intro strong{color:var(--ce-text)}
.wc-ce__entry{padding:12px 0;border-top:1px solid var(--ce-line);scroll-margin-top:90px}
.wc-ce__entry .wc-ce__h{font-size:16px}
.wc-ce__entry .wc-ce__code{font-size:16px}
.wc-ce__entry .wc-ce__meaning{font-size:15px}
.wc-ce__entry p{margin:0 0 6px;font-size:14px}
.wc-ce__entry ol,.wc-ce__entry ul{margin:0 0 6px;padding-left:20px;font-size:14px}
.wc-ce__entry li{margin:3px 0}
.wc-ce__entry:target{box-shadow:inset 3px 0 0 var(--ce-volt);padding-left:10px}
.wc-ce .wc-ce__srcs{margin:8px 0;padding-left:20px;font-size:14px}
.wc-ce .wc-ce__srcs li{margin:4px 0;scroll-margin-top:90px}

@media (max-width:700px){.wc-ce{padding:18px 16px}.wc-ce__title{font-size:23px}.wc-ce__fams{grid-template-columns:1fr}.wc-ce__fields,.wc-ce__fields--led{grid-template-columns:minmax(0,1fr)}.wc-ce .wc-ce__submit{width:100%}.wc-ce__choices{grid-template-columns:1fr}.wc-ce .wc-ce__tab{flex:1 1 calc(50% - 8px)}.wc-ce .wc-ce__table li{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wc-ce *{transition:none!important;scroll-behavior:auto!important}}
@media print{.wc-ce__form,.wc-ce__nav{display:none}.wc-ce details{display:block}}

/* Les boutons héritent des réglages de bouton Foxiz (capitales, espacement, nowrap) : neutralisés comme pour le quiz permis. */
.rbct .wc-ce button,.rbct .wc-ce input{font-family:var(--ce-font);text-transform:none;letter-spacing:0;font-style:normal}
.rbct .wc-ce .wc-ce__field--q input{text-transform:uppercase;letter-spacing:.04em}
.rbct .wc-ce .wc-ce__chip,.rbct .wc-ce .wc-ce__code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}