/* Тесты на /proverka/#test: переключатель «Сотрудникам / Ответственному»
   и самопроверка ответственного. Красный — только ошибка, у каждого
   состояния есть подпись в разборе: цвет смысл не несёт. */
.test-rezhimy,.sp-rezhimy{display:flex;flex-wrap:wrap;gap:8px;margin:var(--o4) 0}
.test-rezhimy[hidden],.sp-rezhimy[hidden],.test-chast[hidden],.sp [hidden]{display:none!important}
.sp-rezhim{min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--k);background:#fff;color:var(--k);font:600 15px/1.2 inherit;font-family:inherit;cursor:pointer}
.sp-rezhim[aria-pressed=true]{background:var(--k);color:var(--y)}
.sp-rezhim:focus-visible{outline:3px solid var(--n);outline-offset:2px}
.sp{max-width:820px}
.sp-blok{margin-top:var(--o5)}
.sp-blok h4{font-size:18px;margin:0 0 2px}
.sp-blok>.cap{margin:0 0 var(--o3)}
.sp-vopros{background:#fff;border:1px solid var(--line);border-radius:14px;padding:var(--o4);margin:0 0 var(--o3);min-width:0}
.sp-vopros legend{float:left;width:100%;padding:0;margin:0 0 10px;font-size:17px;line-height:1.4}
.sp-vopros legend+*{clear:both}
.sp-varianty{display:grid;gap:8px}
.sp-var{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--p);cursor:pointer;line-height:1.35;min-height:44px}
.sp-var input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--k)}
.sp-var:has(input:checked){border-color:var(--k);background:#FFF6CC}
.sp-var:has(input:focus-visible){outline:3px solid var(--n);outline-offset:2px}
.sp-provereno .sp-var{cursor:default}
.sp-provereno .sp-var.sp-var-verno{border-color:var(--v);box-shadow:inset 4px 0 0 var(--v)}
.sp-provereno .sp-var.sp-var-oshibka{border-color:var(--f);background:#FFE9E1}
.sp-vopros[data-sp-ok=net]{border-color:var(--f)}
.sp-razbor{margin-top:10px;font-size:15px}
.sp-razbor summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.sp-js .sp-vopros:not([data-sp-ok]) .sp-razbor{display:none}
.sp-razbor p{margin:4px 0 0}
.sp-knopki{display:flex;flex-wrap:wrap;gap:8px;margin:var(--o4) 0 0}
.btn-ob-glavnaya{background:var(--k);color:var(--y)}
.btn-ob-glavnaya:hover{background:var(--k2);color:var(--y)}
.sp-itog{margin:var(--o4) 0;background:var(--p);border-left:6px solid var(--y);border-radius:8px;padding:var(--o4)}
.sp-itog p{margin:0 0 8px}
.sp-glavnoe{font-size:24px;font-weight:800;line-height:1.1}
.sp-polosa{font-weight:700}
.sp-bloki{margin:0 0 8px;padding-left:20px}