/* Boîte à outils de l'électricien qui se lance : une page, six outils, couleurs du thème du site. */
.te-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.te-nav a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:600}
.te-nav a:hover{border-color:var(--accent);color:var(--accent)}
.te-tool{border-top:1px solid var(--line);padding-top:28px;margin-top:44px;scroll-margin-top:24px}
.te-tool h2{margin-bottom:6px}
.te-num{display:inline-block;min-width:34px;margin-right:8px;color:var(--accent);font-weight:700}
.te-why{color:var(--muted);margin:0 0 18px;max-width:680px}
.te-card{background:var(--wash);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin:14px 0}
.te-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.te-field{display:flex;flex-direction:column;gap:6px;font-size:14px}
.te-field span{color:var(--muted)}
.te-field input,.te-field select{min-height:44px;padding:8px 12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font:inherit;font-size:16px}
.te-field input:focus,.te-field select:focus{outline:2px solid var(--accent);outline-offset:1px}
.te-chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}
.te-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:14px;user-select:none}
.te-chip input{accent-color:var(--accent);width:18px;height:18px}
.te-chip:has(input:checked){border-color:var(--accent);background:var(--sage)}
.te-check{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.te-check li{margin:0}
.te-check label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}
.te-check input{flex-shrink:0;margin-top:3px;width:20px;height:20px;accent-color:var(--accent)}
.te-check strong{display:block}
.te-check small{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:2px}
.te-check label:has(input:checked){border-color:var(--accent);background:var(--sage)}
.te-check label:has(input:checked) strong{text-decoration:line-through;text-decoration-color:var(--accent)}
.te-progress{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:14px;color:var(--muted)}
.te-bar{flex:1;height:8px;background:var(--line);border-radius:999px;overflow:hidden}
.te-bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s}
.te-result{font-size:15px}
.te-big{display:block;font-size:30px;font-weight:700;color:var(--accent);line-height:1.2;margin:4px 0}
.te-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.te-kpis div{padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius)}
.te-kpis small{display:block;color:var(--muted);font-size:12px}
.te-table{width:100%;border-collapse:collapse;font-size:14px}
.te-table th,.te-table td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}
.te-table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.te-scroll{overflow-x:auto}
.te-ok{color:#4ade80;font-weight:700}
.te-ko{color:#f87171;font-weight:700}
.te-row{border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;margin:10px 0}
.te-row b{display:block;margin-bottom:6px}
.te-tags{display:flex;flex-wrap:wrap;gap:6px}
.te-tags span{font-size:13px;padding:4px 10px;border-radius:999px;background:var(--sage);border:1px solid var(--line)}
.te-note{font-size:13px;color:var(--muted);margin-top:10px}
.te-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.te-btn{min-height:44px;padding:8px 16px;background:var(--accent);color:var(--paper);border:0;border-radius:var(--radius);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.te-btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}
.te-btn.is-done{background:#3f6b53;color:#fff}
.te-safety{border-left:3px solid #f59e0b;padding:10px 14px;background:var(--wash);border-radius:0 var(--radius) var(--radius) 0;margin:14px 0;font-size:14px}
@media (max-width:560px){.te-big{font-size:26px}.te-card{padding:14px}}
.visually-hidden{position:fixed;left:-9999px;top:0;opacity:0}
.te-install summary{cursor:pointer;min-height:32px}
.te-install p{margin:10px 0 0;font-size:14px}
/* Lancée depuis l'écran d'accueil : on garde l'outil, on retire le décor du site. */
@media (display-mode:standalone){
  .site-header,.site-footer,.bn-ticker,.promo,.promo-side,.promo-bottom,.te-install,#inscription,.subscribe,.skip{display:none!important}
  body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  .te-nav{position:sticky;top:0;z-index:5;background:var(--paper);padding:8px 0;margin:0}
}
.te-promo{border:1px solid var(--accent);border-radius:var(--radius);padding:22px;margin:34px 0;background:var(--wash)}
.te-promo h2{margin:4px 0 8px}
.te-promo p:not(.eyebrow){color:var(--muted);margin:0 0 16px}
/* QCM électricien */
.qcm-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin-bottom:8px}
.qcm-q{font-size:20px;line-height:1.4;margin:14px 0 16px;outline:none}
.qcm-opts{display:grid;gap:10px}
.qcm-opt{display:flex;gap:12px;align-items:flex-start;width:100%;min-height:52px;padding:12px 14px;text-align:left;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font:inherit;font-size:15px;cursor:pointer}
.qcm-opt b{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--line);font-size:13px}
.qcm-opt:hover:not(:disabled){border-color:var(--accent)}
.qcm-opt:disabled{cursor:default}
.qcm-opt.is-right{border-color:#4ade80;background:#14532d55}
.qcm-opt.is-wrong{border-color:#f87171;background:#7f1d1d55}
.qcm-mid{color:#fbbf24;font-weight:700}
.qcm-score{font-size:44px;font-weight:700;color:var(--accent);line-height:1}