/* Страница проверки: облик «графит», палитра та же, что у сайта и кабинета. */
:root{--bg:#12110d;--panel:#1b1a16;--panel2:#1c232b;--line:#2e2b22;--line2:#29333e;
  --ink:#f1efe6;--ink2:#b5b0a0;--ink3:#928c7c;--ok:#8fc7a0;--bad:#e39a84;--warn:#d9c08a;
  --gold:#d9c9a8;--btn:#ece8dc;--btnink:#1c1a15;
  --sans:Manrope,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
[hidden]{display:none!important}
a{color:inherit}
.top,.wrap,.foot{max-width:1140px;margin:0 auto}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:20px}
.brand{font-weight:800;text-decoration:none;font-size:18px}
.back{color:var(--ink2);text-decoration:none;font-size:14px}
.wrap{display:grid;gap:32px;padding-block:20px 48px}
h1{font-size:clamp(30px,5vw,52px);line-height:1.08;font-weight:800;margin:0 0 10px;letter-spacing:-.02em;text-wrap:balance}
h2{font-size:20px;line-height:1.3;margin:12px 0 0}
.lead{color:var(--ink2);margin:0;max-width:60ch}
.grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:start}
@media (max-width:860px){.grid{grid-template-columns:minmax(0,1fr)}}
.left,.one{display:grid;gap:20px;min-width:0}
.one{max-width:760px}
.one p,.one ol{margin:0;color:var(--ink2)}
form{display:flex;gap:8px;flex-wrap:wrap}
input{flex:1 1 200px;min-width:0;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:14px 16px;font:500 16px var(--mono)}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
button{background:var(--btn);color:var(--btnink);border:0;border-radius:12px;padding:14px 22px;font:700 15px var(--sans);cursor:pointer}
button[disabled]{opacity:.6;cursor:progress}
.err{margin:-8px 0 0;color:var(--bad);font-size:14px}
.res{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px;display:grid;gap:14px;min-width:0}
.host{font:500 14px var(--mono);color:var(--ink3);overflow-wrap:anywhere}
.verdict{font-size:clamp(22px,3.4vw,30px)!important;line-height:1.2;font-weight:800;margin:0;text-wrap:balance;color:var(--ink)!important}
.verdict.bad{color:var(--bad)!important}.verdict.ok{color:var(--ok)!important}.verdict.warn{color:var(--warn)!important}
.res p{margin:0;color:var(--ink2)}
.pts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pt{background:var(--bg);border-radius:12px;padding:10px 12px;min-width:0}
.pt span{display:block;font-size:12.5px;color:var(--ink3)}
.pt b{font:500 14px var(--mono);overflow-wrap:anywhere}
.acts{display:flex;gap:8px;flex-wrap:wrap}
.cta,.ghost{border-radius:12px;padding:11px 16px;font-size:15px;text-decoration:none;text-align:center}
.cta{background:var(--btn);color:var(--btnink);font-weight:700}
.ghost{border:1px solid var(--line);font-weight:500}
.when{font-size:13px;color:var(--ink3);margin:0}
.side{background:var(--panel2);border-radius:18px;padding:18px 20px;min-width:0}
.side h2{font-size:16px;margin:0 0 2px}
.side .when{margin-bottom:10px}
.row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line2);font-size:14.5px;text-decoration:none}
.row em{font-size:13px;font-style:normal;white-space:nowrap;color:var(--ink3)}
.row em.bad{color:var(--bad)}.row em.ok{color:var(--ok)}.row em.warn{color:var(--warn)}
.bars{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:3px;max-width:100%}
.bars i{display:block;height:32px;border-radius:3px;background:var(--line)}
.bars i.ok{background:var(--ok)}.bars i.bad{background:var(--bad)}.bars i.warn{background:var(--warn)}.bars i.none{background:var(--ink3)}
.note{font-size:13.5px;color:var(--ink2);border-top:1px solid var(--line);padding-top:14px;max-width:70ch;margin:0}
.link{color:var(--gold)}
.foot{display:flex;flex-wrap:wrap;gap:8px 20px;padding-block:20px 32px;border-top:1px solid var(--line);font-size:13px;color:var(--ink3)}
@media (prefers-reduced-motion:no-preference){.res{transition:opacity .15s}}