.test-page{max-width:1000px;margin:0 auto;color:#193c3b}.test-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:12px 0 0}.test-intro h2{font-size:clamp(32px,4.5vw,52px);letter-spacing:-2px;line-height:1.1;margin:12px 0 18px}.test-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#367761}.test-intro p:not(.eyebrow){font-size:15px;line-height:1.7;color:#647b75}.test-preview-badge{flex-shrink:0;padding:8px 12px;border:1px solid #dbe5df;border-radius:99px;font-size:11px;color:#657a73;background:#fff}.test-stage{position:relative;padding-top:25px;background:radial-gradient(ellipse at 50% 70%,#e4ede399,transparent 65%)}.test-fan{position:relative;height:365px;width:620px;max-width:100%;margin:0 auto;perspective:1000px}.test-paper{position:absolute;top:45px;width:224px;height:282px;text-align:left;padding:20px;border:1px solid #d4dfd7;border-radius:7px 15px 15px 7px;background:#fffef9;box-shadow:0 15px 25px #213e4e16,3px 3px 0 #e7ebe4,5px 5px 0 #dce2d9;cursor:pointer;color:#244740;transform-origin:50% 90%;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;display:flex;flex-direction:column;overflow:hidden;font:inherit}.test-paper-1{left:32px;transform:rotate(-17deg);z-index:3}.test-paper-2{left:198px;top:22px;transform:rotate(0deg);z-index:2}.test-paper-3{left:364px;transform:rotate(17deg);z-index:1}.test-paper:hover,.test-paper:focus-visible{transform:translateY(-20px) rotate(0);z-index:5;box-shadow:0 25px 35px #213e4e25}.test-paper:focus-visible{outline:3px solid #1769e0;outline-offset:5px}.test-paper-top{display:flex;justify-content:space-between;align-items:flex-start;font-size:9px;font-weight:800;letter-spacing:1px}.test-paper-top small{font-size:6px;font-weight:500;letter-spacing:.6px}.test-marks{display:flex;flex-direction:column;align-items:center;color:#2c7257;background:#eef4dc;border-radius:50%;height:46px;width:46px;margin:-8px -8px 0 0;padding-top:5px;flex-shrink:0}.test-marks strong{font-size:23px;line-height:1.05;letter-spacing:-1px}.test-marks small{font-size:6px}.test-paper-title{margin-top:10px;font-size:25px;font-weight:650;letter-spacing:-1px}.test-paper-title b{font-size:37px;font-family:Georgia,serif;font-weight:400}.test-paper-mode{font-size:10px;color:#587870;margin-top:4px}.test-paper-rule{height:1px;background:#dce4d9;margin:14px 0 0}.test-paper-art{display:block;width:100%;height:64px;color:#42766d;opacity:.8}.test-paper-art svg{height:100%;width:100%}.test-paper-lines{height:18px;width:75%;background:repeating-linear-gradient(transparent 0 7px,#e3e8de 7px 8px);margin-top:8px}.test-paper-bottom{display:flex;justify-content:space-between;margin-top:auto;font-size:7px;letter-spacing:1px;color:#61776a}.test-paper-bottom>span{font-size:17px}.test-target{position:absolute;right:0;top:-10px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;color:#2f7256}.test-target>span{font-size:9px;letter-spacing:2px}.test-target strong{font-size:24px;font-weight:400;font-family:Georgia,serif}.test-target b{font-size:55px;line-height:1;font-weight:400}.test-target small{font-size:9px;color:#6b7f76}.test-fan-hint{text-align:center;font-size:12px;color:#657b71;margin:0 0 25px}.test-fan-hint span{display:inline-block;margin-left:8px}.test-selector{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce5dd;border-radius:14px;background:#fff;overflow:hidden}.test-selector button{border:0;border-right:1px solid #e2e9e2;background:none;font:inherit;color:#254941;display:grid;grid-template-columns:30px 1fr 15px;gap:4px 10px;padding:18px 22px;text-align:left;cursor:pointer}.test-selector button:last-child{border:0}.test-selector button:hover{background:#f0f5ed}.test-selector button>span:first-child{grid-row:1/3;font-size:12px;color:#799180}.test-selector b{font-size:14px}.test-selector small{grid-column:2;font-size:11px;color:#70867a}.test-selector button>span:last-child{grid-column:3;grid-row:1/3;align-self:center}.test-preview-note{display:flex;gap:15px;align-items:baseline;margin:20px 0;color:#728478}.test-preview-note>span{font-size:9px;letter-spacing:1px}.test-preview-note p{font-size:11px;line-height:1.7;margin:0;max-width:680px}.test-detail-nav{display:flex;justify-content:space-between;gap:14px;margin:8px 0 22px;align-items:center}.test-paper-tabs{display:flex;gap:5px}.test-paper-tabs button{border:0;border-radius:7px;padding:10px 14px;background:transparent;color:#698173;font:inherit;font-size:13px;cursor:pointer}.test-paper-tabs button[aria-pressed=true]{background:#e3eee4;color:#235b45;font-weight:700}.test-sheet{background:#fffef9;border:1px solid #dbe3d7;border-radius:18px;padding:30px;box-shadow:0 10px 35px #24473908;transform-origin:50% 30%}.test-sheet-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #e1e7dd;padding-bottom:22px}.test-sheet-heading h2{font-size:38px;letter-spacing:-1px;margin:12px 0}.test-sheet-heading h2 span{display:inline-block;margin-left:16px;color:#6c8070;font-size:15px;font-weight:400;letter-spacing:0}.test-sheet-heading p:not(.eyebrow){font-size:13px;color:#687e72}.test-sheet-mark{text-align:center;min-width:90px}.test-sheet-mark strong{display:block;font:54px/1 Georgia,serif;color:#356849}.test-sheet-mark span{font-size:10px;color:#778775}.test-modes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}.test-whole,.test-final{position:relative;padding:26px;border-radius:12px;overflow:hidden}.test-whole{border:1px solid #e0e6dd;display:flex;flex-direction:column}.test-mode-index{display:block;font-size:9px;letter-spacing:1.6px;color:#688373}.test-mini-art{height:73px;margin:14px 0;color:#518477}.test-mini-art svg{height:100%;width:160px}.test-whole h3{font-size:25px;letter-spacing:-.8px;margin:0 0 6px}.test-whole p{font-size:13px;line-height:1.7;color:#6a8073}.test-whole .test-mode-caption{font-size:11px;color:#3b7555;margin:0}.test-whole ul{padding-left:16px;font-size:12px;line-height:2;color:#587062;margin:4px 0 22px}.test-whole button{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.test-whole>small,.test-final>small{display:block;text-align:center;font-size:10px;margin-top:10px;color:#79917c}.test-final{background:#193e35;color:#f1f5e5;display:flex;flex-direction:column;isolation:isolate}.test-final-tag{background:#ddedac;color:#23432f;align-self:flex-start;padding:6px 9px;border-radius:4px;font-size:8px;letter-spacing:1px;margin-bottom:26px}.test-final-number{position:absolute;right:-5px;top:12px;font:260px/1 Georgia,serif;color:#ffffff08;z-index:-1}.test-final .test-mode-index{color:#9abb9e}.test-final h3{font:italic 45px/1.05 Georgia,serif;letter-spacing:-1px;margin:14px 0}.test-final h3 span{display:block;font:500 14px system-ui;letter-spacing:3px;text-transform:uppercase;margin-top:8px;color:#caddad}.test-final p{font-size:14px;line-height:1.6;margin:0 0 18px;color:#d1decc}.test-five{display:flex;gap:7px;margin:4px 0 20px}.test-five span{width:32px;height:35px;display:grid;place-items:center;border:1px solid #6a8b66;border-radius:5px;font-size:10px;color:#e3edc8;transform:rotate(-5deg)}.test-five span:nth-child(even){transform:rotate(5deg)}.test-final .test-final-description{font-size:12px;color:#b3c7ac;max-width:250px}.test-final button{margin-top:auto;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ddecad;border:0;border-radius:8px;color:#234330;font:650 13px system-ui;cursor:pointer}.test-final button:hover{background:#edf5ce}.test-final>small{color:#9cb393}.test-mode-notice{font-size:11px;line-height:1.6;color:#728273;margin-top:22px;padding:12px;background:#f3f6ee;border-radius:8px}.test-mode-notice:focus{outline:2px solid #739b76;outline-offset:3px}.test-flight{position:fixed;z-index:30;pointer-events:none;overflow:hidden;transform-origin:0 0;display:flex;flex-direction:column;background:#fffef9;border:1px solid #d4dfd7;border-radius:12px;padding:20px;box-shadow:0 20px 60px #24473920;font:inherit;color:#244740}.test-flight *{pointer-events:none}.test-page button:focus-visible{outline:3px solid #7da795;outline-offset:4px}
@media(max-width:760px){.test-intro{flex-direction:column;gap:4px}.test-intro h2{font-size:37px}.test-preview-badge{font-size:10px}.test-stage{padding-top:75px}.test-target{top:10px;right:8px}.test-target b{font-size:42px}.test-target strong{font-size:20px}.test-fan{width:340px;height:290px}.test-paper{width:152px;height:214px;padding:13px;top:30px}.test-paper-1{left:7px;transform:rotate(-14deg)}.test-paper-2{left:94px;top:12px}.test-paper-3{left:181px;transform:rotate(14deg)}.test-paper-top{font-size:7px;letter-spacing:0}.test-paper-top small{font-size:5px}.test-marks{height:34px;width:34px;margin:-5px -5px 0 0}.test-marks strong{font-size:18px}.test-marks small{font-size:5px}.test-paper-title{font-size:20px;margin-top:8px}.test-paper-title b{font-size:28px}.test-paper-mode{font-size:8px}.test-paper-rule{margin-top:10px}.test-paper-art{height:43px}.test-paper-lines{height:10px}.test-selector button{padding:13px 8px;grid-template-columns:1fr;gap:4px}.test-selector button>span:first-child{display:none}.test-selector small{grid-column:1;font-size:9px}.test-selector button>span:last-child{display:none}.test-selector b{font-size:12px}.test-sheet{padding:18px}.test-modes{grid-template-columns:1fr;gap:16px}.test-sheet-heading h2{font-size:30px}.test-sheet-heading h2 span{display:block;margin:8px 0 0;font-size:13px}.test-sheet-mark strong{font-size:40px}.test-sheet-mark{min-width:65px}.test-detail-nav{flex-wrap:wrap}.test-paper-tabs button{padding:9px 12px}.test-final{min-height:385px}.ws-nav button{font-size:12px;padding:12px 5px}.test-preview-note{gap:10px}}
@media(max-width:365px){.test-fan{width:290px;height:260px}.test-paper{width:135px;height:200px}.test-paper-1{left:0}.test-paper-2{left:78px}.test-paper-3{left:156px}.test-paper-title{font-size:18px}.test-paper-top small{font-size:4px}.test-marks{width:29px;height:29px}.test-marks strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.test-paper{transition:none}.test-paper:hover,.test-paper:focus-visible{transform:rotate(0)}.test-flight{display:none}}

@media(min-width:761px){.test-stage{padding-top:10px}.test-intro p:not(.eyebrow){margin-bottom:0}.test-fan{height:345px}.test-paper{height:268px}}

@media(min-width:366px) and (max-width:760px){.test-paper{width:138px}.test-paper-1{left:20px}.test-paper-2{left:100px}.test-paper-3{left:180px}}
@media(max-width:365px){.test-paper-1{left:17px}.test-paper-2{left:78px}.test-paper-3{left:139px}}

@media(min-width:366px) and (max-width:760px){.test-paper-1{left:30px;transform:rotate(-10deg)}.test-paper-3{left:170px;transform:rotate(10deg)}}
@media(max-width:365px){.test-paper-1{left:26px;transform:rotate(-10deg)}.test-paper-3{left:130px;transform:rotate(10deg)}}
/* A4 covers with a red-pen total and exam-paper details. */
.test-paper{aspect-ratio:210/297;height:auto;background:#fffefb;border-radius:2px 5px 5px 2px;color:#283e38;padding:22px;box-shadow:0 18px 32px #213e4e20,2px 3px 0 #f6f4ec,4px 5px 0 #dedfd6}
.test-marks{width:79px;height:auto;padding:0;margin:-7px -10px 0 0;background:none;border-radius:0;color:#b83e35;transform:rotate(-7deg);gap:3px}.test-pen-score{display:block;width:100%;height:auto;overflow:visible}.test-marks small{font:500 6px system-ui;letter-spacing:.6px;color:#99665a;white-space:nowrap}.test-paper-top{font-size:10px;letter-spacing:.8px}.test-paper-top small{font-size:6px}.test-candidate{font-size:8px;display:block;margin:14px 0 4px;color:#7b8377;white-space:nowrap;overflow:hidden}.test-candidate>span{margin-left:8px;color:#a3aa9c}.test-paper-title{font-size:29px;margin-top:5px;letter-spacing:-1px}.test-paper-title b{font-size:40px}.test-paper-mode{font-size:11px}.test-paper-rule{margin-top:14px;background:#879183;height:1px;flex-shrink:0}.test-paper-instructions{font-size:8px;line-height:1.7;color:#6c7667;margin-top:10px}.test-paper-art{height:65px;flex-shrink:0;margin:5px 0;color:#52695e}.test-paper-question{display:flex;gap:10px;font-size:8px;font-weight:700;color:#586854;margin-top:5px}.test-paper-question span{font-weight:400}.test-paper-lines{width:100%;height:29px;flex-shrink:0;background:repeating-linear-gradient(transparent 0 13px,#cbd2c4 13px 14px);margin-top:0}.test-paper-bottom{padding-top:7px;font-size:7px}.test-sheet-mark{width:97px;flex-shrink:0;color:#b83e35;transform:rotate(-5deg)}.test-sheet-mark .test-pen-score{width:85px;margin:auto}.test-sheet-mark>span{display:block;margin-top:4px;color:#947369}
@media(min-width:761px){.test-fan{width:780px;height:auto;aspect-ratio:780/490}.test-paper{width:33.333%;height:auto;top:10%}.test-paper-1{left:10%;transform:rotate(-13deg)}.test-paper-2{left:33.333%;top:6%;transform:rotate(0)}.test-paper-3{left:56.667%;transform:rotate(13deg)}.test-stage{padding-top:32px}.test-target{top:10px}}
@media(max-width:760px){.test-fan{width:340px;height:auto;aspect-ratio:340/280}.test-paper{width:44.7%;height:auto;top:12%;padding:11px}.test-paper-1{left:10.59%;transform:rotate(-10deg)}.test-paper-2{left:27.65%;top:6%;transform:rotate(0)}.test-paper-3{left:44.7%;transform:rotate(10deg)}.test-marks{width:44px;height:auto;margin:-5px -4px 0 0}.test-marks small{font-size:4px;letter-spacing:0}.test-paper-top{font-size:6px;letter-spacing:0}.test-paper-top small{font-size:4px}.test-candidate{font-size:5px;margin:8px 0 3px}.test-paper-title{font-size:18px;margin-top:0}.test-paper-title b{font-size:25px}.test-paper-mode{font-size:7px;margin-top:1px}.test-paper-rule{margin-top:6px}.test-paper-instructions{font-size:5px;margin-top:5px}.test-paper-art{height:32px;margin:3px 0}.test-paper-question{font-size:5px;margin-top:3px;gap:5px}.test-paper-lines{height:17px;background:repeating-linear-gradient(transparent 0 7px,#cbd2c4 7px 8px)}.test-paper-bottom{font-size:5px;padding-top:3px}.test-paper-bottom>span{font-size:11px}.test-sheet-mark{width:70px}.test-sheet-mark .test-pen-score{width:65px}}
.test-paper:hover,.test-paper:focus-visible{transform:translateY(-20px) rotate(0)}
@media(prefers-reduced-motion:reduce){.test-paper:hover,.test-paper:focus-visible{transform:rotate(0)}}

.test-marks,.test-sheet-mark{color:#c12f2b;transform:rotate(-3deg)}

@font-face{font-family:TeacherHandwriting;src:url("assets/fonts/Kalam-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
.test-handwritten-number{font-family:TeacherHandwriting,cursive;font-size:54px;font-weight:400;letter-spacing:-1.5px;fill:currentColor;stroke:none}.test-marks,.test-sheet-mark{color:#b73432;transform:rotate(-4deg)}

.test-attempt-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:22px 0}.test-attempt-actions .ws-button{margin:0;width:100%}

.exam-answer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.exam-answer-comparison>div{padding:16px;background:#f3f6fa;border-radius:12px;overflow-wrap:anywhere;min-width:0}
.exam-answer-comparison small{display:block;color:#526781;margin-bottom:8px}
.exam-review-feedback{line-height:1.65}
.exam-secret-tip{position:fixed;top:110px;left:50%;transform:translateX(-50%);width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:18px 22px;background:#fff;border:1px solid #bdd4fa;border-radius:16px;box-shadow:0 10px 35px #15385825;color:#233d60;z-index:10000;line-height:1.6}
@media(max-width:480px){.exam-answer-comparison{grid-template-columns:1fr}}
.test-full-set{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0;padding:24px;border:1px solid #bfd6c5;border-radius:18px;background:#f5faf4}.test-full-set h3{margin:5px 0;font-size:24px}.test-full-set p{max-width:560px;margin:0}.test-full-set-actions{display:grid;gap:10px;min-width:200px}.exam-set-record{margin:14px 0;border-color:#bed6c8}.exam-set-papers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.exam-set-papers>div{display:grid;align-content:start;gap:8px;padding:14px;border:1px solid #dce9df;border-radius:12px;background:#fff}.exam-set-papers span{color:#547067}.exam-set-record>small{display:block;margin-top:14px;overflow-wrap:anywhere}.exam-record{margin:12px 0}@media(max-width:700px){.test-full-set{display:block}.test-full-set-actions{margin-top:18px}.exam-set-papers{grid-template-columns:1fr}}
.exam-history-group{margin:18px 0;border:1px solid #d4e4d9;border-radius:16px;background:#fff;overflow:hidden}.exam-history-group>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;list-style:none}.exam-history-group>summary::-webkit-details-marker{display:none}.exam-history-group>summary strong{display:block;font-size:20px}.exam-history-group>summary small{display:block;color:#5c7568;margin-top:3px}.exam-history-group>summary>span:last-child{white-space:nowrap;color:#3c6b52}.exam-history-group>summary b{display:inline-block;margin-left:8px;transition:transform .2s}.exam-history-group[open]>summary b{transform:rotate(180deg)}.exam-history-group>div{border-top:1px solid #dce9df;padding:14px 20px}.exam-history-group .exam-record{display:flex;justify-content:space-between;align-items:center;gap:18px}.exam-history-group .exam-record h3{margin:5px 0}.exam-history-group .exam-record p{margin:0}.exam-history-group .exam-record .ws-button{flex-shrink:0}@media(max-width:700px){.exam-history-group>summary{padding:17px 15px}.exam-history-group>summary>span:last-child{font-size:12px}.exam-history-group>div{padding:12px}.exam-history-group .exam-record{display:block}.exam-history-group .exam-record .ws-button{margin-top:12px}}
.test-set-overview{max-width:1080px;margin:0 auto}.test-set-head{margin:26px 0;padding:28px;border:1px solid #c9dfcf;border-radius:20px;background:linear-gradient(130deg,#fffefa,#edf6ed)}.test-set-head h2{font-size:clamp(30px,5vw,48px);margin:9px 0}.test-set-head p{max-width:680px}.test-set-head strong{color:#245d49}.test-set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.test-set-card{display:flex;flex-direction:column;min-height:240px;padding:23px;border:1px solid #d4e3d7;border-radius:18px;background:white}.test-set-card h3{font-size:25px;margin:18px 0 0}.test-set-card p{flex:1}.test-set-card button{width:100%}.test-set-card button:disabled{opacity:.55;cursor:not-allowed}.test-set-note{margin:22px 0;color:#567268}@media(max-width:700px){.test-set-grid{grid-template-columns:1fr}.test-set-card{min-height:185px}.test-set-head{padding:22px}}