:root{--navy:#112e47;--teal:#0b796b;--ink:#203745;--muted:#607780;--line:#d9e4e8;--bg:#f3f7f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Noto Sans Devanagari',sans-serif;line-height:1.6}a{color:var(--teal)}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}.exam-brand{max-width:1220px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.exam-brand img{width:78px;height:78px;object-fit:contain}.exam-brand div{text-align:center}.exam-brand a{color:var(--navy);text-decoration:none;font-size:23px;font-weight:800;letter-spacing:.7px}.exam-brand p{margin:4px 0 0;font-size:12px;color:var(--muted)}.exam-wrap{max-width:1180px;margin:32px auto;padding:0 24px}.exam-footer{text-align:center;color:var(--muted);font-size:11px;padding:26px 16px;border-top:1px solid var(--line);margin-top:40px}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:58px;align-items:start}.intro-copy{padding:24px 0}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--teal);font-weight:800}h1{font-size:50px;line-height:1.25;margin:18px 0;color:var(--navy)}h1 em{color:var(--teal);font-style:normal}.lead{font-size:19px;color:var(--muted)}.exam-facts{display:flex;gap:30px;padding:20px 0;border-bottom:1px solid var(--line)}.exam-facts strong{display:block;font-size:28px;color:var(--navy)}.exam-facts span{font-size:13px}.subjects{font-size:13px;margin:22px 0}.subjects b{display:inline-block;width:42px;color:var(--teal)}.instructions{padding-left:23px;font-size:14px}.instructions li{padding:4px 0}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 8px 28px #12334808}.intro-form{border-top:5px solid var(--teal)}h2{color:var(--navy);margin:8px 0;font-size:25px}.intro-form>p{color:var(--muted);font-size:14px}.intro-form label{display:block;font-size:14px;font-weight:700;margin:17px 0 7px}.intro-form input{width:100%;border:1px solid #bacdd3;border-radius:9px;padding:11px 13px;color:var(--ink);background:#fcfdfd}.intro-form input:focus{outline:3px solid #d8efeb;border-color:var(--teal)}.privacy{font-size:12px;color:var(--muted)}.button,.secondary{display:inline-block;border:0;border-radius:9px;text-decoration:none;padding:12px 19px;font-weight:700}.button{background:var(--teal);color:white}.button:hover{background:#085e54}.secondary{background:#eaf0f3;color:var(--navy)}.wide{width:100%;text-align:center}.text-link{font-size:14px}.error{padding:14px;background:#fff0f0;color:#982e32;border-radius:8px}.notice{padding:16px;background:#eaf7f2;border-radius:8px}.notice .button{margin-top:12px}.exam-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:sticky;top:0;background:var(--bg);z-index:2;padding:10px 0}.exam-toolbar h2{font-size:20px;margin:3px 0}.timebox{background:var(--navy);color:white;padding:9px 24px;border-radius:12px;text-align:center}.timebox small{display:block}.timebox strong{font-size:27px;font-variant-numeric:tabular-nums}.test-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.question-panel{min-height:480px;display:flex;flex-direction:column}.question-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:26px;color:var(--muted)}.subject-badge{background:#e2f3ef;color:var(--teal);padding:5px 12px;border-radius:6px;font-weight:700}fieldset{border:0;padding:0;margin:0}legend{font-size:22px;font-weight:700;line-height:1.7;padding:0;margin-bottom:22px;width:100%}.option{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:13px 14px;margin-bottom:12px;cursor:pointer}.option:has(input:checked){border:2px solid var(--teal);padding:12px 13px;background:#f0faf7}.option input{accent-color:var(--teal);width:18px;height:18px;flex-shrink:0}.option b{color:var(--teal)}.question-controls{margin-top:auto;padding-top:23px;display:flex;justify-content:space-between;gap:8px}.text-button{background:transparent;border:0;color:var(--muted);padding:8px}.save-status{font-size:12px;color:var(--teal);margin-bottom:0}.save-status.error{color:#982e32}button:disabled{opacity:.5;cursor:default}.navigation h3{margin:0;color:var(--navy)}.navigation>p{font-size:13px}.legend{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;margin:16px 0}.legend span{background:#edf2f4;padding:3px 5px;border-radius:4px}.legend .done{background:#d9f1e7;color:#08664d}.legend .visited{background:#fff0d7;color:#895b12}.question-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:24px}.question-nav button{border:1px solid #dae4e7;border-radius:7px;background:#f0f4f6;padding:8px 0;color:var(--ink);font-weight:700}.question-nav button.done{background:#d9f1e7;border-color:#b6dbcf;color:#08664d}.question-nav button.visited{background:#fff0d7;color:#895b12}.question-nav button.current{outline:2px solid var(--navy);outline-offset:1px}dialog{border:1px solid var(--line);border-radius:16px;max-width:460px;padding:28px;color:var(--ink)}dialog::backdrop{background:#102b4280}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.result-head p{margin:3px 0;color:var(--muted)}.score{background:var(--navy);color:white;border-radius:16px;padding:20px 30px;text-align:center}.score strong{display:block;font-size:34px}.score span{font-size:14px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:16px}.stat strong{display:block;font-size:25px}.stat small{color:var(--muted)}.review-tools{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.review-item{background:white;border:1px solid var(--line);border-left:4px solid #b6c6cc;border-radius:10px;padding:18px 22px;margin-bottom:15px;break-inside:avoid}.review-item.correct{border-left-color:var(--teal)}.review-item.wrong{border-left-color:#c45050}.review-item h3{margin:4px 0 12px;font-size:16px}.review-item small{color:var(--muted)}.review-item p{margin:5px 0;font-size:14px}.right-answer{color:var(--teal)}.wrong-answer{color:#a63838}.review-options{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px;font-size:13px}.result-details{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}.print-sheet{background:white;padding:36px;border:1px solid var(--line)}.print-sheet table{border-collapse:collapse;width:100%;margin:25px 0}.print-sheet th,.print-sheet td{padding:11px;border:1px solid var(--line);text-align:left}.signatures{display:flex;justify-content:space-between;align-items:end;margin-top:55px;gap:30px}.signatures img{max-width:140px;max-height:65px;object-fit:contain}.photo-box{width:100px;height:125px;border:1px dashed #87989e;font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center}.certificate-sheet{text-align:center;border:8px double #b19d62;padding:32px;max-width:1050px;margin:auto;background:white}.certificate-sheet h1{font-family:Georgia,serif;font-size:34px}.student-name{font-size:30px;color:var(--teal);border-bottom:1px solid var(--line);display:inline-block;padding:8px 35px}.certificate-meta{display:flex;justify-content:space-between;font-size:12px}.certificate-body{font-size:17px;line-height:2.1}.verify-box img{width:95px;height:95px}.verify-box{font-size:10px;overflow-wrap:anywhere}.certificate-sheet .signatures{text-align:center;margin-top:30px}.print-actions{display:flex;gap:12px;margin-bottom:20px}.verified{max-width:680px;margin:auto}.verified .status-ok{background:#e3f4ec;color:#106448;padding:12px;border-radius:8px}
@media(max-width:800px){.exam-brand{padding:16px 18px;gap:10px}.exam-brand img{width:55px;height:55px}.exam-brand a{font-size:16px;letter-spacing:0}.exam-brand p{font-size:10px}.exam-wrap{padding:0 16px;margin:20px auto}.intro-grid{grid-template-columns:1fr;gap:22px}.intro-copy{padding:0}h1{font-size:38px}.intro-form{padding:24px}.test-grid{grid-template-columns:1fr}.question-panel{padding:22px;min-height:460px}.navigation{padding:22px}.question-nav{grid-template-columns:repeat(10,1fr)}legend{font-size:19px}.result-stats{grid-template-columns:1fr 1fr}.result-head{gap:14px}.score{padding:15px 20px}.score strong{font-size:28px}.review-options{grid-template-columns:1fr}.print-sheet{padding:20px}.certificate-sheet{padding:20px}.certificate-sheet h1{font-size:26px}.certificate-body{font-size:15px}.student-name{font-size:24px}.signatures{gap:15px}.question-controls{font-size:13px}.timebox{padding:8px 16px}.timebox strong{font-size:23px}}
@media(max-width:420px){.question-nav{grid-template-columns:repeat(5,1fr)}.exam-brand a{font-size:14px}.exam-brand img{width:43px;height:50px}.exam-facts{gap:24px}.result-head{align-items:flex-start}.result-head h1{font-size:28px}}
@media print{@page{size:A4;margin:12mm}body{background:white;font-size:12px}.exam-wrap{max-width:none;margin:15px 0;padding:0}.exam-brand{padding:0 0 12px}.exam-brand a{font-size:20px}.exam-brand img{width:60px;height:60px}.exam-footer{margin-top:20px;padding:10px;font-size:9px}.print-actions,.review-tools,.text-link,.no-print{display:none!important}.print-sheet{border:0;padding:0}.result-stats{gap:8px}.stat{padding:8px}.result-head h1{font-size:28px}.review-item{padding:10px 15px}.score{background:white;color:var(--navy);border:1px solid var(--line)}.certificate-sheet{border:7px double #b19d62;padding:18px}.certificate-sheet h1{font-size:30px}.certificate-body{font-size:16px}.signatures{margin-top:25px}.certificate-sheet .signatures{margin-top:20px}}

/* Exam workspace: controls and palette never inherit the length of the paper. */
.set-switch{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.set-switch .selected{background:var(--teal);color:white}
.exam-in-progress{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.exam-in-progress .exam-brand{width:100%;flex-shrink:0;padding:8px 24px;gap:12px}
.exam-in-progress .exam-brand img{width:48px;height:48px}
.exam-in-progress .exam-brand a{font-size:18px}.exam-in-progress .exam-brand p{font-size:10px}
.exam-in-progress .exam-wrap{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;margin:0 auto;padding:12px 24px}
.exam-in-progress .exam-footer{display:none}
.exam-in-progress .exam-toolbar{flex-shrink:0;position:static;padding:0;margin-bottom:12px;gap:12px}
.exam-in-progress .exam-toolbar h2{font-size:18px}.exam-in-progress .timebox strong{font-size:23px}
.exam-in-progress .test-grid{flex:1;min-height:0}
.exam-in-progress .question-panel{min-height:0;padding:20px}
.exam-in-progress .question-top{flex-shrink:0;margin-bottom:14px}
.question-body{min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 6px 0 0;flex:1}
.question-body fieldset{min-width:0}.question-body legend{font-size:20px;margin-bottom:14px}
.exam-in-progress .question-controls{flex-shrink:0;margin-top:0;padding-top:12px;align-items:center}
.exam-in-progress .save-status{flex-shrink:0;margin-top:8px;font-size:12px}
.exam-in-progress .navigation{min-height:0;padding:20px;display:flex;flex-direction:column}
.exam-in-progress .navigation>p{margin:8px 0}.exam-in-progress .legend{margin:8px 0 12px}
.exam-in-progress .question-nav{min-height:0;max-height:252px;flex:1;grid-auto-rows:44px;align-content:start;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px 5px;gap:6px;margin-bottom:12px}
.exam-in-progress .question-nav button{padding:0;min-width:0}
.exam-in-progress .navigation .wide{flex-shrink:0}.exam-in-progress .navigation .privacy{font-size:11px}
@media(max-width:800px){
 .exam-in-progress .exam-wrap{padding:8px 12px}.exam-in-progress .exam-brand{padding:6px 12px}
 .exam-in-progress .exam-brand a{font-size:14px}.exam-in-progress .exam-brand img{width:36px;height:36px}
 .exam-in-progress .exam-toolbar{margin-bottom:8px}.exam-in-progress .exam-toolbar h2{font-size:15px}
 .exam-in-progress .test-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:8px}
 .exam-in-progress .question-panel{padding:12px}.question-body legend{font-size:17px}.exam-in-progress .option{padding:9px 10px;margin-bottom:8px}
 .exam-in-progress .question-top{margin-bottom:8px;font-size:11px}.exam-in-progress .question-controls{padding-top:8px;font-size:12px}
 .exam-in-progress .question-controls button{padding:8px 10px}.exam-in-progress .save-status{margin-top:5px;font-size:11px}
 .exam-in-progress .navigation{padding:10px 12px}.exam-in-progress .navigation h3{font-size:13px}
 .exam-in-progress .navigation>p{margin:0 0 4px;font-size:11px}.exam-in-progress .navigation .legend,.exam-in-progress .navigation .privacy{display:none}
 .exam-in-progress .question-nav{flex:none;height:84px;max-height:84px;grid-auto-rows:36px;gap:4px;margin-bottom:6px;grid-template-columns:repeat(10,minmax(0,1fr))}
 .exam-in-progress .navigation .wide{padding:6px 12px;font-size:12px}
}
@media(max-width:420px){.exam-in-progress .question-nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-height:500px) and (min-width:801px){.exam-in-progress .exam-brand{display:none}.exam-in-progress .navigation .privacy{display:none}.exam-in-progress .question-panel,.exam-in-progress .navigation{padding:12px}}

/* Confirmed student photo; camera opens only from an explicit button. */
.student-photo{margin:18px 0;padding:16px;border:1px solid #cbdad9;border-radius:12px}
.student-photo legend{font-weight:700;color:#173449;padding:0 6px}
.student-photo p{font-size:13px;line-height:1.5}
.photo-preview:has(img[hidden]):has(video[hidden]){display:none}
.photo-preview{margin:12px 0;max-width:180px;aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:#edf3f4}
.photo-preview img,.photo-preview video{width:100%;height:100%;object-fit:cover}
.photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.photo-actions button{font-size:13px;padding:8px 12px}
.student-photo [hidden]{display:none!important}
.student-photo input[type=file]{font-size:13px}
.pin-student-photo{display:block;width:90px;height:120px;object-fit:cover;margin:12px 0;border:1px solid #cbdad9;border-radius:4px}

.exam-selector{margin:18px 0;padding:16px;border:1px solid #d7e2e8;border-radius:12px}.exam-selector label{display:block;font-weight:700;margin-bottom:8px}.exam-selector input{padding:10px;border:1px solid #ccdce5;border-radius:8px;max-width:100%;width:340px}.exam-selector .set-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:180px;overflow-y:auto;overscroll-behavior:contain;gap:8px;margin-top:12px;padding-right:6px}.exam-selector [hidden]{display:none!important}.exam-selector [role=status]:empty{display:none}
