*{box-sizing:border-box}body{margin:0;background:#e5edf3;color:#263e51;font-family:Arial,sans-serif}header{display:flex;justify-content:space-between;gap:15px;padding:18px 5%;background:#fff8ed}a{color:#285873}main{max-width:1000px;margin:auto;padding:10px 30px 35px}[hidden]{display:none!important}.intro-heading{display:flex;gap:22px;align-items:center;max-width:760px;margin:10px auto}.intro-heading img{width:95px;height:145px;object-fit:contain}.intro-heading div{max-width:620px}h1{font-size:clamp(28px,4vw,37px);margin:8px 0}p{font-size:17px;line-height:1.65}.rules{max-width:560px;background:#fff9ef;padding:15px 25px;border-radius:20px;margin:12px auto}button{cursor:pointer;border:0;border-radius:13px;padding:14px 22px;background:#285b7b;color:white;font:700 19px Arial}button:focus-visible{outline:4px solid #f0ba43;outline-offset:3px}button:disabled{cursor:default}.status{display:flex;justify-content:space-between;padding:14px;background:#fff9ef;border-radius:12px;font-weight:bold}h2{font-size:22px;text-align:center;line-height:1.4}.office{position:relative;aspect-ratio:3/2;border-radius:20px;overflow:hidden}.office>img{width:100%;height:100%;object-fit:cover}#drawing{position:absolute;left:36%;top:42%;width:56%;height:48%}#drawing svg{width:100%;height:100%;overflow:visible}#mark{position:absolute;left:14%;top:9%;font-size:65px;font-weight:bold;text-shadow:0 2px 3px white}.choices{display:flex;gap:12px;justify-content:center;margin:18px auto}.choices button{flex:1;max-width:260px;background:#fff9ef;color:#284f68;border:3px solid #9bb6c8}.choices button.correct{background:#d8f3dd;border-color:#279548}.choices button.wrong{background:#ffe0df;border-color:#bb3340}#feedback{text-align:center;min-height:28px;font-weight:bold}#progress{display:flex;gap:6px;justify-content:center}#progress span{width:25px;height:12px;border-radius:4px;background:#bdcbd5}#progress span.done{background:#439c69}#result{text-align:center}#result>img{width:100%;max-height:610px;object-fit:contain;border-radius:20px}.level-failure{width:60%;border-radius:15px;margin-top:15px}.review{text-align:left;margin-top:25px;padding:18px;background:#fff9ef;border-radius:16px}.review article{border-top:1px solid #c5d0d8;padding:12px 0}.review svg{height:160px;max-width:100%}.answer{color:#177239}.wrong-answer{color:#a12c36}@media(max-width:600px){main{padding:10px 12px 25px}.intro-heading{gap:12px}.intro-heading img{width:80px;height:120px}.intro-heading small{font-size:10px}header{font-size:13px}.choices{gap:6px}.choices button{font-size:15px;padding:12px 5px}h2{font-size:18px}.office{aspect-ratio:auto;overflow:visible;display:flex;flex-direction:column;background:#fff9ef}.office>img{height:230px;object-fit:cover;object-position:top;border-radius:20px 20px 0 0}#drawing{position:relative;left:auto;top:auto;width:100%;height:270px;margin-top:0;background:#fff9ef;border:9px solid #b79b75;border-radius:0 0 15px 15px}#mark{font-size:48px;top:15px}.level-failure{width:100%}}

.brand-back{text-decoration:none;display:flex;flex-direction:column;gap:6px}.brand-back b{font-size:24px}.brand-back small{font-size:11px;letter-spacing:1px}.question-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0;min-height:54px}.question-row h2{margin:0}.question-row #mark{position:static;flex:0 0 42px;min-width:42px;font-size:40px;line-height:1;text-shadow:none}@media(max-width:600px){.brand-back b{font-size:20px}.question-row #mark{font-size:32px;flex-basis:32px;min-width:32px}}