/* ============================================================
   WIKIBIZ — RKO UNIQUE UI 1.3.43
   /banki/rko/ itself uses the canonical product-catalog/product-hub
   system. This file now owns only the standalone RKO quiz.
   ============================================================ */

.wbz-quiz{width:min(calc(100% - var(--wbz-page-gutter)),900px);margin:32px auto 64px;font-family:var(--wbz-font);color:var(--wbz-ink)}
.wbz-quiz *{box-sizing:border-box}
.wbz-quiz-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;font-size:13px}
.wbz-quiz-head a{color:var(--wbz-brand);font-weight:700;text-decoration:none}
.wbz-quiz-head a:hover,.wbz-quiz-head a:focus-visible{color:var(--wbz-brand-hover)}
.wbz-quiz-head span{color:var(--wbz-mut)}
.wbz-quiz-progress{height:5px;margin-bottom:32px;overflow:hidden;border-radius:var(--wbz-radius-pill);background:var(--wbz-line)}
.wbz-quiz-progress span{display:block;width:25%;height:100%;border-radius:inherit;background:var(--wbz-brand);transition:width .2s ease}
.wbz-quiz-kicker{margin:0 0 9px;color:var(--wbz-brand);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.wbz-quiz h1,.wbz-quiz-result>h2{margin:0 0 10px;color:var(--wbz-head);font-family:var(--wbz-font-display);font-size:clamp(28px,4vw,40px);font-weight:600;line-height:1.12;letter-spacing:-.025em}
.wbz-quiz-lead,.wbz-quiz-result>p{margin:0 0 24px;color:var(--wbz-ink2);font-size:15px;line-height:1.6}
.wbz-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wbz-quiz-options button{min-height:94px;padding:18px;border:1px solid var(--wbz-line);border-radius:var(--wbz-radius-lg);background:var(--wbz-surface);color:var(--wbz-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}
.wbz-quiz-options button:hover,.wbz-quiz-options button.is-selected{border-color:var(--wbz-brand);background:var(--wbz-tint);transform:translateY(-1px)}
.wbz-quiz-options button:focus-visible{outline:0;border-color:var(--wbz-brand);box-shadow:var(--wbz-focus-ring)}
.wbz-quiz-options b{display:block;margin-bottom:6px;font-size:16px}
.wbz-quiz-options span{display:block;color:var(--wbz-ink2);font-size:13px;line-height:1.4}
.wbz-quiz-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;color:var(--wbz-mut);font-size:12px}
.wbz-quiz-bottom button{min-height:var(--wbz-control-md);padding:0 18px;border:1px solid var(--wbz-action);border-radius:var(--wbz-radius-md);background:var(--wbz-action);color:var(--wbz-action-ink);font:700 13px var(--wbz-font);cursor:pointer}
.wbz-quiz-bottom button:hover:not(:disabled){border-color:var(--wbz-action-hover);background:var(--wbz-action-hover)}
.wbz-quiz-bottom button:focus-visible{outline:0;box-shadow:var(--wbz-focus-ring)}
.wbz-quiz-bottom button:disabled{opacity:.45;cursor:not-allowed}
.wbz-quiz-result>i{display:inline-flex;margin-bottom:14px;padding:6px 10px;border-radius:var(--wbz-radius-pill);background:var(--wbz-tint);color:var(--wbz-brand);font-size:11px;font-style:normal;font-weight:800}
.wbz-quiz-results{display:grid;gap:12px}
.wbz-quiz-result article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px;border:1px solid var(--wbz-line);border-radius:var(--wbz-radius-lg);background:var(--wbz-surface)}
.wbz-quiz-result em{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--wbz-radius-md);background:var(--wbz-brand);color:var(--wbz-acc-ink);font-style:normal;font-weight:800}
.wbz-quiz-result h2{margin:0 0 5px;color:var(--wbz-head);font-size:16px}
.wbz-quiz-result article p{margin:0;color:var(--wbz-ink2);font-size:13px}
.wbz-quiz-result article a{color:var(--wbz-brand);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}
.wbz-quiz-result article a:hover,.wbz-quiz-result article a:focus-visible{color:var(--wbz-brand-hover)}
.wbz-quiz-result>button{margin-top:18px;padding:0;border:0;background:transparent;color:var(--wbz-ink2);font:inherit;cursor:pointer}
.wbz-quiz-result>button:hover,.wbz-quiz-result>button:focus-visible{color:var(--wbz-brand)}
.wbz-quiz-result>small{display:block;margin-top:20px;color:var(--wbz-mut);font-size:12px}

@media(max-width:650px){
  .wbz-quiz{margin-top:22px}
  .wbz-quiz-head span{display:none}
  .wbz-quiz-options{grid-template-columns:1fr}
  .wbz-quiz-options button{min-height:78px}
  .wbz-quiz-bottom{align-items:flex-end}
  .wbz-quiz-bottom small{max-width:160px}
  .wbz-quiz-result article{grid-template-columns:40px minmax(0,1fr)}
  .wbz-quiz-result em{width:40px;height:40px}
  .wbz-quiz-result article a{grid-column:2}
}