/* Dedicated, single-screen test workspace. */
body.test-page{height:100dvh!important;min-height:0!important;overflow:hidden!important}
body.test-page #modal{position:fixed!important;inset:0!important;display:block!important;padding:0!important;overflow:hidden!important;background:radial-gradient(circle at 92% 6%,#294b83,transparent 27%),radial-gradient(circle at 4% 85%,#352557,transparent 34%),#0b1223!important}
body.test-page #testNetwork{display:block;position:fixed;inset:0;width:100vw;height:100dvh;z-index:0;pointer-events:none}
body.test-page #modal .modal.test-modal{box-sizing:border-box!important;position:relative!important;z-index:1;width:min(1180px,100vw)!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0 auto!important;padding:18px 42px!important;overflow:hidden!important;background:rgba(16,28,52,.82)!important;color:#f8f3e9!important}
body.test-page .test-modal .close{position:absolute!important;z-index:5!important;top:15px!important;right:32px!important;width:auto!important;height:auto!important;padding:5px 0!important;border:0!important;background:transparent!important;color:#dce9ff!important;font:700 12px 'Noto Sans Georgian',sans-serif!important;white-space:nowrap!important}
body.test-page .test-modal .close:after{display:none!important}
body.test-page .test-modal #modalContent{box-sizing:border-box!important;height:calc(100dvh - 36px)!important;max-width:980px!important;margin:0 auto!important;display:grid!important;grid-template-rows:25px 8px max-content clamp(190px,31vh,250px) 44px minmax(0,1fr)!important;gap:7px!important}
body.test-page .test-modal .test-meta{align-self:end!important;font-size:12px!important;padding-right:190px!important;color:#c6d5ec!important}
body.test-page .test-modal .progress{align-self:center!important;margin:0!important}
body.test-page .test-modal .question{min-height:0!important;max-height:calc(100dvh - clamp(190px,31vh,250px) - 130px)!important;margin:0!important;overflow:hidden!important;align-content:start!important;justify-items:center!important;text-align:center!important;font-size:15px!important;line-height:1.3!important}
body.test-page .test-modal .visual-prompt{gap:4px!important}
body.test-page .test-modal .question .visual-prompt{width:100%!important;justify-items:center!important}
body.test-page .test-modal .visual-prompt>span{font-size:12px!important;line-height:1.25!important}
body.test-page .test-modal .visual-sequence{justify-content:center!important;gap:5px!important;padding:2px 0!important;overflow:hidden!important}
body.test-page .test-modal .visual-cell{width:clamp(78px,13vh,115px)!important;height:clamp(72px,12vh,104px)!important;flex:0 0 auto!important;overflow:visible!important;background:#eef3ff!important;border-color:#b7c8e7!important}
body.test-page .test-modal .visual-svg{width:clamp(73px,12.2vh,108px)!important;height:clamp(67px,11.2vh,98px)!important;overflow:visible!important}
body.test-page .test-modal .visual-matrix{max-width:calc(clamp(78px,13vh,115px) * 3 + 16px)!important;gap:6px!important}
body.test-page .test-modal .visual-matrix{margin-inline:auto!important}
body.test-page .test-modal .visual-matrix.matrix-2x2{max-width:calc(clamp(78px,13vh,115px) * 2 + 8px)!important}
body.test-page .test-modal .question:has(.visual-matrix) .visual-cell{width:clamp(84px,14vh,122px)!important;height:clamp(78px,13vh,112px)!important}
body.test-page .test-modal .question:has(.visual-matrix) .visual-svg{width:clamp(79px,13.2vh,115px)!important;height:clamp(73px,12.2vh,105px)!important}
body.test-page .test-modal .question:has(.visual-matrix) .visual-matrix{max-width:calc(clamp(84px,14vh,122px) * 3 + 16px)!important}
body.test-page .test-modal .question:not(:has(.visual-matrix)) .visual-sequence>.visual-cell:not(:only-child){width:clamp(96px,16vh,136px)!important;height:clamp(88px,14.8vh,124px)!important}
body.test-page .test-modal .question:not(:has(.visual-matrix)) .visual-sequence>.visual-cell:not(:only-child) .visual-svg{width:clamp(90px,15vh,128px)!important;height:clamp(83px,13.8vh,114px)!important}
body.test-page .test-modal .visual-sequence>.visual-cell:only-child{width:clamp(178px,24vh,228px)!important;height:clamp(155px,21vh,196px)!important}
body.test-page .test-modal .visual-sequence>.visual-cell:only-child .visual-svg{width:clamp(167px,22.5vh,215px)!important;height:clamp(146px,20vh,184px)!important}
/* Single-diagram questions have unused space: make the actual puzzle the focus. */
body.test-page .test-modal .question:has(.visual-sequence>.visual-cell:only-child) .visual-sequence>.visual-cell:only-child{width:clamp(230px,42vh,370px)!important;height:clamp(195px,36vh,315px)!important}
body.test-page .test-modal .question:has(.visual-sequence>.visual-cell:only-child) .visual-sequence>.visual-cell:only-child .visual-svg{width:clamp(217px,39vh,350px)!important;height:clamp(184px,33.5vh,295px)!important}
body.test-page .test-modal .answers{min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:6px!important;overflow:hidden!important}
body.test-page .test-modal .answers button{box-sizing:border-box!important;min-height:0!important;height:auto!important;margin:0!important;padding:5px 12px!important;overflow:visible!important}
body.test-page .test-modal .answers button:has(.visual-option){display:grid!important;grid-template-columns:26px 1fr!important;align-items:center!important}
body.test-page .test-modal .visual-option{width:clamp(100px,16vh,136px)!important;height:clamp(90px,14.5vh,120px)!important;margin:0!important;justify-self:center!important;overflow:visible!important;background:#f6f8fe!important;border-color:#9eb4dc!important}
body.test-page .test-modal .visual-option .visual-svg{width:clamp(94px,15vh,128px)!important;height:clamp(84px,13.5vh,112px)!important;overflow:visible!important}
body.test-page .test-modal .next-row{align-self:center!important;margin:0!important}
body.test-page .test-modal .question .number-prompt,body.test-page .test-modal .question .equation-prompt,body.test-page .test-modal .question .symbol-math{justify-items:center!important;text-align:center!important}
body.test-page .test-modal .next-row .btn{padding:9px 16px!important}
body.test-page .ai-fab,body.test-page .ai-chat{display:none!important}

@media(max-width:700px){
  body.test-page #modal .modal.test-modal{padding:14px 16px!important}
  body.test-page .test-modal .close{right:16px!important;font-size:10px!important}
  body.test-page .test-modal #modalContent{height:calc(100dvh - 28px)!important;grid-template-rows:22px 6px max-content clamp(130px,27vh,180px) 38px minmax(0,1fr)!important;gap:4px!important}
  body.test-page .test-modal .test-meta{padding-right:145px!important;font-size:10px!important}
  body.test-page .test-modal .question{font-size:12px!important}
  body.test-page .test-modal .visual-prompt>span{font-size:10px!important}
  body.test-page .test-modal .visual-cell{width:clamp(52px,15vw,72px)!important;height:clamp(48px,13.5vw,66px)!important}
  body.test-page .test-modal .visual-svg{width:clamp(48px,14vw,68px)!important;height:clamp(44px,12.5vw,61px)!important}
  body.test-page .test-modal .visual-matrix{max-width:calc(clamp(52px,15vw,72px) * 3 + 10px)!important;gap:4px!important}
  body.test-page .test-modal .visual-option{width:clamp(58px,19vw,76px)!important;height:clamp(52px,17vw,68px)!important}
  body.test-page .test-modal .visual-option .visual-svg{width:clamp(54px,17.5vw,71px)!important;height:clamp(48px,15.5vw,63px)!important}
  body.test-page .test-modal .answers button{padding:3px 5px!important;font-size:10px!important}
  body.test-page .test-modal .next-row .btn{padding:7px 10px!important;font-size:11px!important}
}

/* დასრულებული ტესტის განხილვა არის დამოუკიდებელი, ჩამოსქროლვადი შედეგების გვერდი. */
body.test-page.result-page{height:auto!important;min-height:100vh!important;overflow:auto!important}
body.test-page.result-page #testNetwork{display:none!important}
body.test-page.result-page #modal{position:static!important;display:block!important;min-height:100vh!important;overflow:visible!important}
body.test-page.result-page #modal .modal.result-screen{box-sizing:border-box!important;width:min(980px,100%)!important;height:auto!important;min-height:100vh!important;max-height:none!important;margin:0 auto!important;padding:48px 42px 80px!important;overflow:visible!important;background:#101c34!important;color:#f8f3e9!important}
body.test-page.result-page #modal .modal.result-screen #modalContent{display:block!important;height:auto!important;max-width:760px!important;margin:0 auto!important}
body.test-page.result-page .result-screen .close{position:fixed!important;top:18px!important;right:28px!important;z-index:5!important}
body.test-page.result-page .result-screen .close:after{display:none!important}
@media(max-width:700px){body.test-page.result-page #modal .modal.result-screen{padding:42px 18px 60px!important}body.test-page.result-page .result-screen .close{right:16px!important}}