/* Desktop + mobile quiz polish: compact navigator, balanced layout, sticky site navigation */
#site-navbar{position:sticky!important;top:0!important;z-index:10000!important;width:100%!important}
#site-navbar .navbar{min-height:68px;box-shadow:0 8px 26px rgba(15,23,42,.12)}

@media (min-width: 900px){
  body:has(#quizSection) .container{max-width:1240px!important;padding-left:28px!important;padding-right:28px!important}
  #quizSection{max-width:1180px!important}
  #quizSection .quiz-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important}
  #quizSection .quiz-grid>.card:first-child{min-width:0!important;padding:32px!important}
  #quizSection .quiz-grid>.card:nth-child(2){position:sticky!important;top:92px!important;padding:22px!important;max-height:none!important;overflow:visible!important}
  #quizQuestionText{font-size:clamp(1.45rem,2vw,2rem)!important;max-width:850px!important}
}

/* Keep the original question buttons available to JavaScript, but not visually huge. */
#navigator.rs-compact-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}

.rs-question-jump{display:grid;gap:16px;margin-top:14px}
.rs-jump-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}
.rs-jump-status strong{font-size:1.05rem;color:#0f172a}.rs-jump-status span{font-size:.82rem;color:#64748b;font-weight:700}
.rs-jump-arrows{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rs-jump-arrows button,.rs-jump-form button,.rs-quick-jumps button{border:0;border-radius:12px;font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.rs-jump-arrows button{min-height:44px;background:#eef2ff;color:#4338ca}.rs-jump-arrows button:hover{background:#e0e7ff;transform:translateY(-1px)}
.rs-jump-label{font-size:.83rem;font-weight:850;color:#334155;margin-bottom:-8px}
.rs-jump-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.rs-jump-form input{width:100%;min-width:0;min-height:46px;border:1px solid #cbd5e1;border-radius:12px;padding:0 13px;font:inherit;box-sizing:border-box;outline:none}
.rs-jump-form input:focus{border-color:#6d4aff;box-shadow:0 0 0 4px rgba(109,74,255,.12)}
.rs-jump-form button{padding:0 17px;background:linear-gradient(135deg,#5b35ed,#7448f5);color:#fff;box-shadow:0 8px 20px rgba(91,53,237,.2)}
.rs-jump-error{min-height:18px;margin:-8px 0 0;color:#b91c1c;font-size:.78rem;font-weight:700}
.rs-quick-jumps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.rs-quick-jumps button{min-height:38px;background:#f1f5f9;color:#334155}.rs-quick-jumps button:hover{background:#e2e8f0}.rs-quick-jumps button.is-current{background:#6336ee;color:#fff}
.rs-jump-help{margin:0!important;font-size:.78rem!important;line-height:1.45!important;color:#64748b!important}

@media (max-width:899px){
 #quizSection .quiz-grid{grid-template-columns:1fr!important}
 #quizSection .quiz-grid>.card:nth-child(2){position:relative!important;top:auto!important}
 .rs-question-jump{gap:13px}.rs-quick-jumps{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:520px){
 #site-navbar .navbar{min-height:60px}
 .rs-jump-form{grid-template-columns:1fr 76px}.rs-quick-jumps{grid-template-columns:repeat(3,1fr)}
 #quizSection .quiz-grid>.card:first-child{padding:17px 14px!important}
}