/* Kuantum Tarayıcı — beyaz araç düzeni */
.kq{--kq-ink:#16201c;--kq-mute:#4c5a54;--kq-line:rgba(16,40,30,.12);--kq-soft:#f7f8f4;--kq-brand:#0F6B4F;--kq-ok:#0F6B4F;--kq-mid:#9a5b00;--kq-bad:#b3362c;color:var(--kq-ink)}
.kq [hidden]{display:none!important}
.kq h2{font:800 18px/1.25 var(--head),sans-serif;margin:0;letter-spacing:-.01em}
.kq h3{font:800 17px/1.25 var(--head),sans-serif;margin:0}
.kq code{font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--kq-soft);border:1px solid var(--kq-line);border-radius:6px;padding:1px 5px;overflow-wrap:anywhere}
.kq-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}
.kq-card{background:#fff;border:1px solid var(--kq-line);border-radius:18px;padding:18px;box-shadow:0 1px 2px rgba(16,40,30,.05),0 8px 24px -16px rgba(16,40,30,.18);min-width:0}
.kq-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kq-step{width:28px;height:28px;border-radius:50%;background:var(--kq-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 14px var(--head),sans-serif;flex:none}
.kq-badge{margin-left:auto;font:800 11px var(--font),sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.kq-badge.m{background:#e8f4ee;color:var(--kq-ok)}
.kq-badge.s{background:#eef0fb;color:#3b4aa0}
.kq-mini{margin:8px 0 0;font-size:13.5px;color:var(--kq-mute);line-height:1.55}
.kq-mini b{color:var(--kq-ink)}
.kq-res{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;margin-top:14px;padding:16px;border-radius:16px;background:var(--kq-soft);border:1px solid var(--kq-line)}
.kq-res b{font:800 18px/1.3 var(--head),sans-serif;display:block}
.kq-res p{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--kq-mute)}
.kq-res p b{display:inline;font:700 13.5px var(--font),sans-serif;color:var(--kq-ink)}
.kq-res a{color:var(--kq-brand);font-weight:600}
.kq-ic{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 20px var(--font),sans-serif;color:#fff;background:#b8c0bb}
.kq-res.ok{background:#eaf6f0;border-color:rgba(15,107,79,.3)}.kq-res.ok .kq-ic{background:var(--kq-ok)}
.kq-res.mid{background:#fff6e3;border-color:rgba(227,162,26,.4)}.kq-res.mid .kq-ic{background:#e3a21a;color:#2b1d00}
.kq-res.wait .kq-ic{background:transparent;border:4px solid #dfe5e1;border-top-color:var(--kq-brand);animation:kqspin 1s linear infinite;box-sizing:border-box}
@keyframes kqspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.kq-res.wait .kq-ic{animation:none}}
.kq-kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}
.kq-kv div{background:var(--kq-soft);border-radius:12px;padding:10px;min-width:0}
.kq-kv dt{font:700 11px var(--font),sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--kq-mute)}
.kq-kv dd{margin:4px 0 0;font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.kq-btn{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--kq-brand);background:var(--kq-brand);color:#fff;font:700 14.5px var(--font),sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-top:14px}
.kq-btn:hover{background:#0b5a42}
.kq-btn.ghost{background:#fff;color:var(--kq-brand);border-color:rgba(15,107,79,.4)}
.kq-btn.ghost:hover{background:#eef6f1}
.kq-btn:focus-visible{outline:3px solid rgba(15,107,79,.4);outline-offset:2px}
.kq-q{border:0;margin:14px 0 0;padding:0;min-width:0}
.kq-q legend{font:700 14.5px var(--font),sans-serif;padding:0;margin-bottom:8px;line-height:1.4}
.kq-q legend small{font-weight:500;color:var(--kq-mute)}
.kq-ch{display:flex;flex-wrap:wrap;gap:6px}
.kq-ch label{position:relative;cursor:pointer}
.kq-ch input{position:absolute;opacity:0;width:1px;height:1px}
.kq-ch span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(16,40,30,.2);background:#fff;font-size:14px;font-weight:600;color:var(--kq-ink);box-sizing:border-box}
.kq-ch label:hover span{border-color:var(--kq-brand)}
.kq-ch input:checked+span{background:var(--kq-ink);border-color:var(--kq-ink);color:#fff}
.kq-ch input:focus-visible+span{outline:3px solid rgba(15,107,79,.4);outline-offset:2px}
.kq-score{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin-top:18px;padding:14px;border-radius:16px;background:var(--kq-soft)}
.kq-num{font-variant-numeric:tabular-nums;white-space:nowrap}
.kq-num b{font:800 42px/1 var(--head),sans-serif}
.kq-num span{font-weight:700;color:var(--kq-mute)}
.kq-score.ok .kq-num b,.kq-score.ok h3{color:var(--kq-ok)}.kq-score.mid .kq-num b,.kq-score.mid h3{color:var(--kq-mid)}.kq-score.bad .kq-num b,.kq-score.bad h3{color:var(--kq-bad)}
.kq-score .kq-mini{margin-top:4px}
.kq-steps{margin:12px 0 0;padding-left:22px;display:grid;gap:8px;font-size:14px;line-height:1.55}
.kq-steps li::marker{font-weight:800;color:var(--kq-brand)}
.kq-left{font-size:12.5px}
.kq-cmd{margin-top:16px}
.kq-dom{display:grid;gap:6px;font:700 14px var(--font),sans-serif;margin-top:12px;max-width:420px}
.kq-dom input{min-height:46px;border:1px solid rgba(16,40,30,.25);border-radius:12px;padding:0 12px;font:500 16px var(--font),sans-serif;color:var(--kq-ink);background:#fff}
.kq-dom input:focus{outline:3px solid rgba(15,107,79,.3);border-color:var(--kq-brand)}
.kq-code{display:flex;gap:8px;align-items:stretch;margin-top:12px}
.kq-code pre{flex:1;min-width:0;margin:0;background:#0f1a16;color:#d8f3e6;border-radius:12px;padding:12px 14px;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-all}
.kq-code .kq-btn{margin-top:0}
.kq-msg{margin:6px 0 0;font-size:13px;color:var(--kq-brand);font-weight:600;min-height:18px}
.kq-how{margin-top:16px;background:#fff;border:1px solid var(--kq-line);border-radius:16px;padding:12px 16px}
.kq-how summary{cursor:pointer;font:700 15px var(--head),sans-serif;min-height:32px;display:flex;align-items:center}
.kq-how p{font-size:13.5px;color:var(--kq-mute);line-height:1.6;max-width:90ch}
.kq-how a{color:var(--kq-brand);font-weight:600}
@media(max-width:900px){.kq-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.kq-card{padding:14px;border-radius:16px}.kq-kv{grid-template-columns:minmax(0,1fr)}.kq-code{flex-direction:column}.kq-res{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px}.kq-ic{width:38px;height:38px}.kq-badge{margin-left:0}}