/* UBT tablet layout with per-item, two-pass listening limits. */
body{background:#fafafa;--accent:#167eb0;font-family:Arial,"Malgun Gothic",sans-serif}
.site-header{background:#39a1d9;padding:8px 20px;color:white;border:0}
.brand,.site-header a,.site-header nav span{color:white}.brand img{width:32px;height:32px}.brand strong{font-size:20px}.brand small{display:none}
button,.button{min-height:48px;border-radius:3px}
.exam-active main{max-width:1440px;margin:0 auto;padding:20px;background:white;border:1px solid #e4e4e4;box-shadow:0 2px 3px #0002}
.exam-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.exam-heading>div:first-child{flex:1}.exam-heading h1{font-size:20px;margin:0}.exam-heading p{font-size:12px;margin:3px 0}
.exam-heading .timers{order:5;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0;padding:14px 12px;background:#39a1d9;color:white;flex-wrap:wrap}
.timers strong{font-size:18px;font-variant-numeric:tabular-nums}
.exam-layout{display:block}.question-panel{padding:0;border:0;border-radius:0;min-height:0}
.question-meta{margin:0;padding:8px 0 12px;border:0}.question-count{font-size:18px}
.ubt-question-columns{display:grid;grid-template-columns:58% 1fr;gap:10px;min-height:480px}
.ubt-stimulus,.ubt-question-columns>.choices,.ubt-question-columns>div:last-child{border:1px solid #999;padding:15px;min-width:0}
.ubt-stimulus .instruction{font-size:23px;color:#111}.ubt-stimulus .prompt{font-size:21px}
.question-images{justify-content:center}.question-images img{max-height:330px}
.ubt-question-columns>.choices{margin:0;display:flex;flex-direction:column;gap:0}
.choice{border:0;border-bottom:1px solid #ddd;border-radius:0;padding:12px 0;min-height:80px;gap:12px}
.choice:has(input:checked){border:0;border-bottom:1px solid #ddd;padding:12px 0;background:#e8f5ff}
.choice input{position:absolute;opacity:0;width:1px;height:1px}
.choice:has(input:focus-visible){outline:3px solid #167eb0;outline-offset:2px}
.choice-number{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3989dd;border-radius:50%;min-width:52px;height:52px;font-size:23px;font-weight:400;color:#222}
.choice:has(input:checked) .choice-number{background:#167eb0;color:white}.choice-text{font-size:23px;color:#111}
.image-options .choice{flex-wrap:wrap}.image-options .choice-images{width:100%}.choice img{max-height:160px}
.question-nav{margin:4px 0 0;padding:0;border:0;justify-content:space-between;align-items:center;gap:10px}
.question-nav button{background:#167eb0;color:white;border-color:#167eb0;min-width:130px;text-transform:uppercase}
.sidebar{position:static;width:100%}.sidebar .panel{padding:12px 0 0;border:0}
.sidebar h2,.sidebar #answered-count{display:none}
#answer-sheet{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ubt-section{border:1px solid #999;padding:20px}.grid-title{text-align:center;color:#167eb0;font-size:20px;margin:0 0 12px}
.answer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.answer-grid button{min-height:50px;border-radius:0;border-color:#3989dd;font-size:18px;color:#111}
.sidebar .full-width{display:flex;width:auto;margin-left:auto}.legend{text-align:center}
@media(max-width:750px){
 .site-header{padding:10px}.site-header nav{gap:12px}.brand strong{font-size:17px}
 .exam-active main{padding:12px}.exam-heading .timers{gap:10px;display:grid;grid-template-columns:1fr 1fr}.timers strong{font-size:14px}
 .ubt-question-columns{grid-template-columns:1fr;min-height:0}.ubt-stimulus{min-height:200px}.ubt-stimulus .instruction{font-size:19px}
 .choice-text{font-size:20px}.choice-number{min-width:44px;height:44px}.choice{min-height:65px}
 #answer-sheet{grid-template-columns:1fr}.ubt-section{padding:14px}.question-nav button{min-width:0;font-size:12px;padding:10px;flex:1}
 .question-images img{max-height:230px}.exam-heading h1{font-size:18px}
}

/* Match the supplied UBT reference: compact status, two panels, round play controls. */
.exam-active .site-header,.exam-active .site-footer{display:none}
.exam-active main{max-width:1440px;padding:12px;min-height:100dvh;border:0;box-shadow:none}
.exam-heading{margin:0 0 6px}
.exam-heading>div:first-child,.exam-heading>.secondary{display:none}
.exam-heading .timers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:0;background:#fff;color:#333;border:1px solid #c3c9cc;border-radius:8px 8px 0 0;overflow:hidden}
.exam-heading .timers strong{padding:10px 8px;text-align:center;font-size:14px;font-weight:400;border-right:1px solid #c3c9cc}
.exam-heading .timers strong:last-child{border:0;font-variant-numeric:tabular-nums}
.ubt-question-columns{grid-template-columns:minmax(0,62fr) minmax(0,38fr);gap:6px;min-height:clamp(330px,72dvh,640px)}
.ubt-stimulus,.ubt-question-columns>.choices{border:1px solid #9ba7ae;border-radius:12px;padding:16px}
.ubt-listening .ubt-stimulus{display:flex;flex-direction:column;position:relative}
.ubt-listening .instruction{font-size:20px;padding-right:24px;margin:0 0 6px}
.ubt-listening .question-meta{order:0;padding:0;margin:0;min-height:24px}
.ubt-listening .question-count{font-size:15px;font-weight:400;color:#333;padding:0}
.ubt-listening .flag-button{position:absolute;right:12px;top:15px;width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:50%;background:#e06363;color:white;font-size:0}
.ubt-listening .flag-button::before{content:'!';font-size:15px}
.ubt-listening .flag-button[aria-pressed=true]{background:#a84242;box-shadow:0 0 0 3px #f8dddd}
.ubt-question-playback{flex:1;min-height:190px;display:flex;align-items:center;justify-content:center}
.ubt-play{width:48px;height:48px;min-height:48px;border:0;border-radius:50%;background:#20a6d2;color:#fff;padding:0;font-size:23px;font-weight:400;box-shadow:none}
.ubt-play:hover{background:#1485ac}
.ubt-play:disabled,.ubt-play.played{background:#a6b8bd;color:#f6f8f8;opacity:1;cursor:default}
.ubt-play.playing{background:#7f9fa9}
.ubt-listening .ubt-question-columns>.choices{padding:0;overflow:hidden;gap:0}
.ubt-audio-choice{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;align-items:center;flex:1;min-height:78px;border-bottom:1px solid #b9c4c9;padding:10px 14px}
.ubt-audio-choice:last-child{border:0}
.ubt-audio-choice .choice{padding:0;min-height:54px;border:0;justify-content:center;width:58px}
.ubt-audio-choice .choice:has(input:checked){padding:0;border:0;background:transparent}
.ubt-audio-choice .choice-number{width:42px;min-width:42px;height:42px;font-size:18px;border-color:#96a9b2}
.ubt-audio-choice .choice:has(input:checked) .choice-number{background:#20a6d2;color:#fff;border-color:#20a6d2}
.ubt-audio-choice .choice-text{display:none}
.ubt-audio-choice>.ubt-play{justify-self:center}
.ubt-play-status{font-size:12px;line-height:1.4;color:#607581;margin:6px 4px}
.question-nav{padding:4px 0;margin:0;gap:8px}
.question-nav button{border-radius:999px;min-height:38px;padding:8px 18px;font-size:13px;background:#20a6d2;border-color:#20a6d2;text-transform:none}
.question-nav button:disabled{background:#a6b8bd;border-color:#a6b8bd;opacity:1}
.ubt-audio-busy .flag-button{opacity:.5}
@media(max-width:750px){
 .exam-active main{padding:7px}
 .exam-heading .timers{grid-template-columns:repeat(4,minmax(0,1fr))}
 .exam-heading .timers strong{font-size:11px;padding:9px 4px}
 .ubt-question-columns{grid-template-columns:minmax(0,62fr) minmax(0,38fr);min-height:68dvh}
 .ubt-stimulus{padding:12px;min-height:0}
 .ubt-listening .instruction{font-size:16px}
 .ubt-audio-choice{grid-template-columns:48px minmax(0,1fr);padding:8px;gap:4px}
 .ubt-audio-choice .choice{width:44px}
 .ubt-audio-choice .choice-number{width:34px;min-width:34px;height:34px;font-size:16px}
 .ubt-play{width:42px;height:42px;min-height:42px;font-size:20px}
}
@media(max-width:520px) and (orientation:portrait){
 .ubt-question-columns{grid-template-columns:1fr;min-height:0}
 .ubt-question-playback{min-height:160px}
 .ubt-audio-choice{min-height:64px;grid-template-columns:58px minmax(0,1fr)}
}