*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#23234e;background:#f6f6fa}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.home{max-width:1050px;margin:auto;padding:32px 24px}.brand{display:flex;align-items:center;gap:20px}.brand img{width:85px}.brand h1{font-size:24px;margin:0}.brand p{margin:8px 0;color:#777}.hero{margin-top:30px;background:#211f50;color:white;padding:42px;border-radius:18px}.hero h2{font-size:36px;margin:0 0 15px}.hero p{line-height:1.7;max-width:700px}.gold{color:#ffbf13}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.card{background:white;padding:26px;border:1px solid #dedee9;border-radius:12px}.card h3{margin-top:0}.btn{padding:13px 20px;border-radius:7px;border:1px solid #dedee9;background:white;color:#23234e;font-weight:bold}.primary{background:#211f50;color:white;border-color:#211f50}.btn-row{display:flex;gap:12px;flex-wrap:wrap}.notice{font-size:14px;color:#646477;line-height:1.6}label.name{display:block;font-weight:bold;margin:20px 0}input[type=text]{display:block;padding:12px;border:1px solid #ccc;border-radius:5px;margin-top:8px;width:100%;max-width:400px}.ack{display:flex;align-items:start;gap:10px;margin:20px 0;line-height:1.5}.ack input{margin-top:4px}.score{font-size:48px;font-weight:bold}.history{width:100%;border-collapse:collapse}.history td,.history th{padding:14px;text-align:left;border-bottom:1px solid #ddd}.solution{padding:20px 0;border-bottom:1px solid #ddd}.correct{color:#278334}.wrong{color:#b83520}.cbt-header-brand img{width:60px}.cbt-candidate-photo{font-size:50px}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#0006;display:grid;place-items:center;padding:20px}.modal{background:white;padding:30px;max-width:520px;border-radius:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.palette-dot{display:inline-block;width:14px;height:14px}.answered{background:green}.review{background:purple}.unvisited{background:#eee}.unanswered{background:#d8470a}@media(max-width:650px){.home{padding:20px 15px}.hero{padding:24px}.hero h2{font-size:28px}.cards{grid-template-columns:1fr}.brand h1{font-size:20px}.history td,.history th{padding:8px;font-size:12px}}
/* The demo has two layout children: question area and palette. */
@media(min-width:761px){.cbt-exam-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:22px}.cbt-right-panel{width:100%;grid-column:2}.cbt-status-legend{width:100%}.cbt-palette-numbers{width:100%}.cbt-candidate-header{flex-wrap:wrap}.cbt-candidate-details{flex:1 1 300px}.cbt-header-actions{flex-shrink:0}}
@media(min-width:761px) and (max-width:1000px){.cbt-exam-layout{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.cbt-option-content{grid-template-columns:1fr}.cbt-header-brand{display:none}.cbt-save-actions>.cbt-action{white-space:normal}.cbt-candidate-details dd{max-width:320px}}
.cbt-option-content p{margin:0;overflow-wrap:anywhere}.cbt-answer-row{min-width:0;border:0;margin:0}.cbt-subject-tabs>button{border-top:0;border-left:0;border-right:0;background:white}.cbt-candidate-details dd{min-width:0}.cbt-status-legend>div>span:last-child{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.cbt-exam-layout{grid-template-columns:none}.cbt-right-panel.mobile-open{grid-column:auto}.cbt-option-content{grid-template-columns:1fr}.cbt-save-actions>.cbt-action{white-space:normal}}