/* SohbeX tarih yarışması ve deneme sınavı (wiki_yarisma.php). ileri.css değişkenlerini kullanır. */
.kq{--kq-ok:#15803d;--kq-no:#be123c}
.kq-top{display:flex;flex-direction:column;gap:12px}
.kq-hd{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.kq-hd .tx{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:3px}
.kq-hd .tx b{font-size:1.05rem}
.kq-hd .tx span{color:var(--ix-tx2);font-size:.9rem;line-height:1.5}
.kq-acts{display:flex;flex-wrap:wrap;gap:8px}
.kq-prog{height:10px;border-radius:999px;background:var(--ix-soft);overflow:hidden;border:1px solid var(--ix-line)}
.kq-prog span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--ix-ac),#db2777);transition:width .3s}
.kq-pt{margin:-4px 0 0;font-size:.85rem;color:var(--ix-tx2)}
.kq-pt b{color:var(--ix-tx)}
.kq-sticky{position:sticky;top:8px;z-index:5}
.kq-timer{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:12px;background:var(--ix-soft2);color:var(--ix-ac);font-weight:800;font-size:1.1rem;font-variant-numeric:tabular-nums}
.kq-timer.az{background:color-mix(in srgb,var(--kq-no) 14%,transparent);color:var(--kq-no)}
.kq-dots{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.kq-dot{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1.5px solid var(--ix-line);background:var(--ix-card);color:var(--ix-tx);font-weight:700;font-size:.85rem;text-decoration:none}
.kq-dot:hover{border-color:var(--ix-ac)}
.kq-dot.cur{border-color:var(--ix-ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ix-ac) 22%,transparent)}
.kq-dot.isr{background:var(--ix-soft2);border-color:var(--ix-ac);color:var(--ix-ac)}
.kq-dot.ok{background:var(--kq-ok);border-color:var(--kq-ok);color:#fff}
.kq-dot.no{background:var(--kq-no);border-color:var(--kq-no);color:#fff}
.kq-dot.bos{background:var(--ix-soft);color:var(--ix-tx2)}
.kq-list{display:grid;gap:14px}
.kq-q{background:var(--ix-card);border:1px solid var(--ix-line);border-radius:16px;padding:20px 22px;box-shadow:var(--ix-sh);min-width:0}
.kq-js .kq-q{display:none}
.kq-js .kq-q.on{display:block}
.kq-qh{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.kq-no{display:inline-flex;align-items:baseline;gap:1px;padding:4px 10px;border-radius:10px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--ix-ac),#db2777)}
.kq-no small{font-size:.72rem;opacity:.85}
.kq-tag{display:inline-flex;gap:5px;align-items:center;padding:4px 10px;border-radius:999px;background:var(--ix-soft);color:var(--ix-tx2);font-size:.78rem;font-weight:600;max-width:100%;overflow-wrap:anywhere}
.kq-tag.z1{color:var(--kq-ok)}.kq-tag.z3{color:var(--kq-no)}
.kq-stem{font-size:1.02rem;line-height:1.6;overflow-wrap:anywhere}
.kq-stem p{margin:0 0 8px}
.kq-onc{list-style:none;margin:6px 0 10px;padding:10px 14px;border-left:3px solid var(--ix-ac);background:var(--ix-soft);border-radius:0 10px 10px 0}
.kq-onc li{margin:3px 0}
.kq-onc b{display:inline-block;min-width:30px}
.kq-ops{display:grid;gap:8px;margin-top:14px}
.kq-op{display:flex;gap:12px;align-items:center;width:100%;text-align:left;min-height:48px;padding:9px 12px;border-radius:12px;border:1.5px solid var(--ix-line);background:var(--ix-card);color:var(--ix-tx);font:inherit;font-size:.96rem;line-height:1.4;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.kq-op:hover:not(:disabled){border-color:var(--ix-ac);background:var(--ix-soft);transform:translateX(2px)}
.kq-op:focus-visible{outline:3px solid var(--sxf-ring,rgba(124,58,237,.35));outline-offset:2px}
.kq-op:disabled{cursor:default}
.kq-l{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--ix-soft2);color:var(--ix-ac);font-weight:800}
.kq-t{min-width:0;overflow-wrap:anywhere}
.kq-op.sel{border-color:var(--ix-ac);background:var(--ix-soft2)}
.kq-op.sel .kq-l{background:var(--ix-ac);color:#fff}
.kq-op.ok{border-color:var(--kq-ok);background:color-mix(in srgb,var(--kq-ok) 12%,var(--ix-card))}
.kq-op.ok .kq-l{background:var(--kq-ok);color:#fff}
.kq-op.no{border-color:var(--kq-no);background:color-mix(in srgb,var(--kq-no) 10%,var(--ix-card))}
.kq-op.no .kq-l{background:var(--kq-no);color:#fff}
.kq-exp:empty{display:none}
.kq-exp{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--ix-soft);font-size:.92rem;line-height:1.6;overflow-wrap:anywhere}
.kq-exp p{margin:0 0 6px}.kq-exp p:last-child{margin:0}
.kq-res{display:flex;gap:8px;align-items:center;font-weight:700}
.kq-res.ok{color:var(--kq-ok)}.kq-res.no{color:var(--kq-no)}
.kq-src{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline;font-size:.86rem;color:var(--ix-tx2)}
.kq-src a{font-weight:700}
.kq-nav{display:none;justify-content:space-between;gap:10px;margin:14px 0}
.kq-js .kq-nav{display:flex}
.kq-exam .kq-nav .kq-bitir{margin-left:auto}
.kq-exam.kq-js .kq-nav{flex-wrap:wrap}
.kq-bitti .kq-nav{display:none}
.kq-sum{margin:14px 0}
.kq-sc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 10px}
.kq-sc div{padding:12px;border-radius:12px;background:var(--ix-soft);border:1px solid var(--ix-line);text-align:center}
.kq-sc b{display:block;font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums}
.kq-sc small{color:var(--ix-tx2);font-size:.8rem}
.kq-sc .ok b{color:var(--kq-ok)}.kq-sc .no b{color:var(--kq-no)}.kq-sc .net b{color:var(--ix-ac)}
.kq-note{margin:0 0 10px;color:var(--ix-tx2);font-size:.9rem}
.kq-kt{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:12px}
.kq-kt th,.kq-kt td{padding:8px 10px;border-bottom:1px solid var(--ix-line);text-align:center}
.kq-kt th:first-child,.kq-kt td:first-child{text-align:left}
.kq-kt th{font-size:.78rem;color:var(--ix-tx2);font-weight:700}
@media (max-width:640px){
 .kq-q{padding:16px 14px}
 .kq-sc{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kq-acts,.kq-acts .sxf-btn{width:100%}
 .kq-acts .sxf-btn{justify-content:center}
 .kq-dot{width:32px;height:32px}
 .kq-nav .sxf-btn{flex:1 1 40%;justify-content:center}
 .kq-exam .kq-nav .kq-bitir{flex-basis:100%}
 .kq-kt{font-size:.82rem}.kq-kt th,.kq-kt td{padding:6px}
 .kq-sticky{position:static}
}
@media (prefers-reduced-motion:reduce){.kq-op,.kq-prog span{transition:none!important;transform:none!important}}