:root{--navy:#081a33;--green:#167846;--ink:#15283b;--muted:#50647b;--line:#d7e1e8}*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:var(--ink);font:18px/1.5 system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,select,textarea:focus-visible{outline-offset:3px}a{color:#236d99}.wrap{width:min(850px,calc(100% - 28px));margin:auto}header{background:var(--navy);color:white;padding:15px 0;border-bottom:4px solid var(--green)}header a{color:white;font-size:16px}h1{font-size:clamp(25px,4vw,36px);line-height:1.2;margin:8px 0}header p{font-size:15px;color:#d0dce8;margin:6px 0}.nav{display:flex;align-items:center;gap:8px;margin:14px 0}.nav select{min-width:0;flex:1;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:white}.btn{border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:9px 13px;min-height:44px;font-weight:650}.btn.primary{background:var(--navy);color:white}.btn:disabled{opacity:.45;cursor:default}.btn[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.score{font-size:15px;color:var(--muted);margin:10px 0}.paper{background:white;padding:24px;border:1px solid var(--line);border-radius:14px;margin-bottom:30px}.question-head{display:flex;justify-content:space-between;align-items:start;gap:14px}h2{font-size:25px;line-height:1.25;margin:0 0 12px}.marks{font-weight:750;white-space:nowrap;color:var(--green)}#visual{height:170px;display:flex;justify-content:center;margin:6px 0 14px;background:#f5f8fa;border-radius:10px;overflow:hidden}#visual svg{height:100%;max-width:100%;width:auto}#visual .picture-clue{display:flex;height:100%;align-items:center;gap:12px;width:100%}#visual .picture-clue svg{width:44%;flex:0 0 44%;height:100%}.picture-clue p{font-size:21px;font-weight:750;margin:0}.picture-clue span{display:block;font-size:16px;font-weight:400}.context{margin:0 0 12px}#parts{padding-left:25px;margin:10px 0 18px}#parts li{margin:9px 0;padding-left:3px}.part-mark{font-size:16px;color:var(--green);font-weight:700}.support{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}.helper{font-size:15px;color:var(--muted);margin:8px 0 12px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.chip{display:inline-block;padding:4px 9px;border:1px solid #bbd8c6;background:#eaf6ee;border-radius:7px;font-size:16px}.chip.word{background:#edf3f8;border-color:#c5d4e0}label{display:block;font-weight:650;margin:12px 0 6px}textarea{width:100%;min-height:130px;resize:vertical;border:1px solid #9fb1c3;border-radius:8px;padding:12px;line-height:1.45}.gap-text{line-height:2.65}.gap-text input{display:inline-block;max-width:100%;width:130px;min-height:40px;padding:4px 8px;border:2px solid #adbdcc;border-radius:6px;margin:3px;vertical-align:baseline}.gap-text input.correct{border-color:var(--green);background:#eaf6ee}.gap-text input.retry{border-color:#ad5c19;background:#fff2e5}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.feedback{font-size:16px;color:var(--green);min-height:24px}.scheme{background:#edf7f0;border-left:4px solid var(--green);padding:18px;border-radius:7px;margin:16px 0}.scheme h3{font-size:21px;margin:0 0 10px}.scheme p{margin:8px 0}.scheme ol{padding-left:24px}.scheme li{margin:8px 0}.scheme select{min-height:44px;padding:5px 12px;border:1px solid var(--line);border-radius:7px}.bottom{display:flex;justify-content:space-between;gap:12px;margin-top:20px}footer{font-size:14px;color:var(--muted);padding-bottom:24px}[hidden]{display:none!important}@media(max-width:600px){body{font-size:17px}.paper{padding:16px}.nav{gap:5px}.nav .btn{padding:8px 10px}h2{font-size:23px}#visual{height:145px}.question-head{gap:8px}.marks{font-size:16px}.support .btn{padding:8px 10px;font-size:16px}.picture-clue p{font-size:18px}.picture-clue span{font-size:15px}.gap-text input{width:115px}}
#visual .energy-photo{height:100%;width:100%;object-fit:contain}#visual svg{width:100%;height:100%}
#visual{height:auto;min-height:170px;display:block;overflow:visible;background:white}.exam-diagram{height:240px}.exam-diagram svg{width:100%;height:100%}.exam-table-wrap{overflow-x:auto;margin:12px 0}.exam-table{width:100%;border-collapse:collapse;font-size:17px}.exam-table caption{text-align:left;font-weight:700;padding:8px 0}.exam-table th,.exam-table td{text-align:left;border:1px solid var(--line);padding:9px 12px}.exam-table th{background:#eef5f2}.difficulty{display:inline-block;color:#176e47;background:#eaf6ee;font-size:15px;font-weight:700;padding:5px 9px;border-radius:6px;margin:0 0 12px}#expand-diagram{font-size:14px;display:block;margin:-4px 0 15px auto;min-height:40px}#level-guide{background:white;border:1px solid #bdd7c8;padding:12px;margin:10px 0}#mark-notes{font-weight:600;color:#236c47}#diagram-dialog{border:1px solid var(--line);border-radius:12px;width:min(95vw,800px);max-height:94dvh;padding:14px}#diagram-dialog::backdrop{background:#081a33b3}#diagram-dialog .exam-diagram{height:auto}#diagram-dialog svg{width:100%;height:auto;max-height:76dvh}#close-diagram{display:block;margin-left:auto;margin-bottom:12px}#model{white-space:pre-line}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1475a4;outline-offset:3px}@media(max-width:600px){.exam-diagram{height:205px}.exam-table{font-size:16px}.exam-table td,.exam-table th{padding:7px}.question-head h2{font-size:22px}.marks{font-size:15px}}