/* KSNR Classic layout, adapted to the isolated IYSLO exam controller. */
.exam-page{background:#f8f9fa;color:#30353a;font-family:Arial,sans-serif;min-height:100vh;font-size:16px}
.ksnr-header{height:58px;background:#1595d3;color:#fff;display:flex;align-items:center;gap:26px;padding:0 24px;position:sticky;top:0;z-index:40;box-shadow:0 1px 4px #7775}
.ksnr-brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:700;color:#fff;white-space:nowrap}.ksnr-brand:hover{text-decoration:none}.ksnr-brand b{border:2px solid white;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}.ksnr-package{font-size:14px;border-left:1px solid #ffffff88;padding-left:25px}.ksnr-user{font-size:13px;white-space:nowrap}.ksnr-timer{margin-left:auto;background:#067ab5;border-radius:3px;padding:5px 12px;min-width:145px;text-align:center;line-height:1.2}.ksnr-timer small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#d8f1ff}.ksnr-timer strong{font-family:monospace;font-size:23px;letter-spacing:2px}.ksnr-timer .urgent{color:#fff1b7}.ksnr-webcam{position:fixed;z-index:50;right:0;top:58px;width:230px;height:150px;background:#17212a;box-shadow:0 2px 8px #0005;overflow:hidden}.ksnr-webcam video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.ksnr-webcam>span{position:absolute;left:8px;bottom:7px;background:#0009;color:white;font-size:10px;padding:4px 7px;border-radius:3px}.webcam-message{position:absolute;inset:0;display:grid;place-items:center;padding:25px;text-align:center;color:#d9e7ef;background:#17212a;font-size:12px}.ksnr-webcam #webcam-retry{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);z-index:2;border:1px solid #cde4f1;border-radius:3px;background:#f8fbfd;color:#28658b;padding:6px 10px;font-size:11px;white-space:nowrap}.ksnr-webcam #webcam-retry:hover{background:#e5f3fa}
.exam-page .exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"info info" "question numbers";gap:22px 32px;padding:22px 24px 40px;max-width:1600px;margin:auto;align-items:start}.exam-page .panel{border-radius:0;box-shadow:none;overflow:visible}.exam-page .exam-info{grid-area:info;background:white;border:1px solid #d5e8ef;min-height:170px;display:block;padding:0;width:auto}.exam-page .panel-heading{background:#dff3fa;color:#2b6a82;font-weight:700;padding:14px 18px;font-size:16px;border-bottom:0;display:flex}.exam-page .exam-info dl{display:grid;grid-template-columns:210px 1fr;margin:14px 24px;font-size:14px;line-height:1.8;padding:0;gap:0}.exam-page .exam-info dt,.exam-page .exam-info dd{display:block!important;margin:0;padding:2px 8px;border-bottom:1px solid #eee;font-size:14px;color:#30353a}.exam-page .exam-info dd:before{content:":";margin-right:26px}.exam-page .save-status{text-align:left;font-size:11px;padding:0 32px 10px;max-width:none;width:auto}.exam-page .exam-info>#retry-save{margin:0 32px 12px}.exam-page .question-area{grid-area:question;min-width:0;width:auto}.exam-page .question{background:white;border:1px solid #7eb6d4;min-height:470px;display:flex;flex-direction:column;scroll-margin-top:80px}.exam-page .question-head{height:48px;background:#2879b8;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 12px 0 18px;font-size:14px;border:0}.exam-page .question-head h1{font-size:14px;font-weight:700;white-space:nowrap}.exam-page .text-tools{display:flex;align-items:center;gap:5px}.exam-page .text-tools>span{font-size:11px;opacity:.8;margin-right:7px}.exam-page .text-tools button{width:27px;height:27px;border:1px solid #d8e8f2;border-radius:3px;background:#f8fbfd;color:#28658b;font-size:21px;font-weight:700;line-height:1;display:grid;place-items:center;padding:0;box-shadow:0 1px 2px #0002}.exam-page .question-body{padding:22px 20px;flex:1}.exam-page .question-body>p{font-family:Georgia,serif;font-size:16px;line-height:1.55;min-height:74px;margin:0 0 22px}.exam-page .question-body h2{font-family:Georgia,serif;font-size:17px;font-weight:400;border-bottom:1px solid #ddd;padding-bottom:9px;margin:0 0 10px}.exam-page .options{gap:0}.exam-page .option{border:0;border-radius:0;padding:8px 6px;font-family:Georgia,serif;font-size:16px;gap:12px;position:relative}.exam-page .option:hover{background:#f5f5f5}.exam-page .option input{position:absolute;opacity:0;width:31px;height:31px;margin:0}.exam-page .option:focus-within .option-letter{outline:3px solid #eaad35;outline-offset:3px}.exam-page .option-letter{width:31px;height:31px;font-family:Arial,sans-serif;font-size:13px;border:1px solid #b8c8c2;border-radius:50%;display:grid;place-items:center;font-weight:900;flex:none;margin:0}.exam-page .option.selected{background:transparent}.exam-page .option.selected .option-letter{background:#42b754;border-color:#17772a;box-shadow:inset 0 0 0 3px #aee6b7;color:white}.exam-page .bilingual>em{font-style:italic;color:#50565d}.exam-page .clear{color:#777}.exam-page .question-actions{border-top:1px solid #eee;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:20px 12%;align-items:center;background:white}.exam-page .question-actions button{justify-self:center;border:1px solid #d0d0d0;background:white;color:#777;border-radius:4px;padding:9px 15px;font-size:14px;white-space:nowrap}.exam-page .question-actions .doubt{background:#f2a12f;border-color:#f2a12f;color:white}.exam-page .question-actions .doubt[aria-pressed=true]{background:#d98810}.exam-page .navigation-panel{grid-area:numbers;background:white;border:1px solid #d5e8ef;align-self:start;position:static;width:auto}.exam-page .navigation-panel .panel-heading>span{font-size:12px}.exam-page .number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px 23px;padding:26px 34px}.exam-page .number-grid button{aspect-ratio:1;border-radius:50%;font-size:15px;background:white;height:auto;border:1px solid #dce5df;font-weight:800;color:#66756f;position:relative;min-width:0}.exam-page .number-grid button.answered{background:#42b754;border-color:#42b754;color:white}.exam-page .number-grid button.current{box-shadow:0 0 0 3px #b9dff1;outline:none}.exam-page .number-grid button.flagged{background:#f2a12f;border-color:#f2a12f;color:white}.exam-page .number-grid small{display:none;position:absolute;right:-3px;top:-5px;background:#fff;color:#237f31;width:17px;height:17px;border-radius:50%;font-size:10px;place-items:center}.exam-page .number-grid .answered small{display:grid}.exam-page .legend{display:flex;justify-content:center;gap:14px;color:#6c7478;font-size:11px;padding:4px 10px 18px}.exam-page .dot{width:9px;height:9px;border:1px solid #bbb;border-radius:50%;background:white}.exam-page .dot.done{background:#42b754;border-color:#42b754}.exam-page .dot.unsure{background:#f2a12f;border-color:#f2a12f}.exam-page .finish{display:block;width:auto;margin:0 auto 24px;border:0;border-radius:4px;background:#d94a42;color:white;font-weight:700;padding:10px 24px;font-size:14px}.exam-page footer{font-size:12px;text-align:left;background:white;color:#66756f;padding:10px 24px;border-top:1px solid #dce5df}.exam-page footer span{color:#66756f}.exam-page .font-large .question-body>p,.exam-page .font-large .option{font-size:20px}.exam-page .font-largest .question-body>p,.exam-page .font-largest .option{font-size:23px}
.exam-page dialog{width:min(850px,calc(100% - 30px));max-width:850px;border:0;border-radius:25px;padding:0;box-shadow:0 20px 80px #0007}.exam-page dialog::backdrop{background:#0009}.exam-page dialog h2{font-size:34px;font-weight:400;margin:0;padding:24px 28px;border-bottom:1px solid #ddd}.exam-page dialog p{font-size:22px;line-height:1.5;margin:0;padding:22px 28px;border-bottom:1px solid #ddd}.exam-page .dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding:22px 28px;margin:0}.exam-page .dialog-actions button{font-size:19px;border-radius:6px;padding:13px 24px}.exam-page #confirm-finish{background:#d33129;border:1px solid #b3221c;order:-1}
@media(max-width:950px){.ksnr-webcam{width:180px;height:115px}.exam-page .exam-layout{grid-template-columns:1fr;grid-template-areas:"info" "numbers" "question"}.exam-page .number-grid{grid-template-columns:repeat(8,1fr)}.ksnr-package{display:none}.exam-page .exam-info dl{margin-right:160px}.exam-page .question-actions{padding:20px 12%}}
@media(max-width:600px){.ksnr-header{padding:0 10px;gap:8px}.ksnr-brand span,.ksnr-user{display:none}.ksnr-timer strong{font-size:18px}.ksnr-webcam{position:absolute;top:58px;width:130px;height:85px}.exam-page .exam-layout{padding:12px 8px;gap:12px}.exam-page .exam-info{min-height:0}.exam-page .exam-info .panel-heading{padding-right:130px;font-size:13px;min-height:45px}.exam-page .exam-info dl{grid-template-columns:90px minmax(0,1fr);margin:10px;font-size:12px;padding-top:38px}.exam-page .exam-info dt,.exam-page .exam-info dd{font-size:12px}.exam-page .exam-info dd:before{margin-right:7px}.exam-page .number-grid{grid-template-columns:repeat(6,1fr);padding:18px;gap:9px}.exam-page .question-actions{padding:14px 5px;gap:6px}.exam-page .question-actions button{font-size:11px;padding:8px}.exam-page .question-head{padding-left:10px}.exam-page .question-head h1{font-size:12px}.exam-page .text-tools>span{display:none}.exam-page .text-tools button{width:25px;height:25px}.exam-page dialog h2{font-size:24px}.exam-page dialog p{font-size:17px}.exam-page .dialog-actions{padding:18px}.exam-page .dialog-actions button{font-size:15px;padding:10px 15px}}