/* Exam-only surface. The library and VocabCard keep their existing theme. */
body.ielts-exam{overflow:hidden}
body.ielts-exam .nav{display:none}
body.ielts-exam #ieltsView{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;padding:0 12px;background:#fff;color:#111;display:flex;flex-direction:column;gap:0;--exam-font:19px;--text:#111;--muted:#56606a;--line:#d6d6d6;--bg:#fff;--bg2:#f7f7f7;--panel:#fff;--panel2:#f6f6f6;--ix-accent:#1765ba;--ix-tint:#edf4fc;--green:#16783c;--red:#ad2525}
body.ielts-exam #ieltsView button{color:#111;border-radius:4px;font-family:inherit}
body.ielts-exam #ieltsView .ix-toolbar{position:static;min-height:54px;flex-shrink:0;border:0;border-radius:0;background:#fff;padding:8px 3px;box-shadow:none}
body.ielts-exam #ieltsView .ix-toolbar b{font-size:14px}
body.ielts-exam #ieltsView .ix-toolbar small{font-size:11px}
body.ielts-exam #ieltsView .ix-timer{color:#111;font-size:18px;font-variant-numeric:tabular-nums}
body.ielts-exam #ieltsView .ix-status{margin:0;padding:0 5px;min-height:18px;font-size:11px;flex-shrink:0}
body.ielts-exam #ieltsView #ix-reload:not([hidden]){align-self:flex-start}
body.ielts-exam #ieltsView .ix-part-heading{flex-shrink:0;display:flex;align-items:center;gap:6px;min-height:44px;border:1px solid #d6d6d6;border-radius:4px;padding:8px 12px;font-size:16px}
body.ielts-exam #ieltsView .ix-type-size{margin-left:auto;display:flex;gap:5px}
body.ielts-exam #ieltsView .ix-type-size button{padding:5px 8px;font-size:13px}
body.ielts-exam #ieltsView .ix-audio{flex-shrink:0;margin:0 0 5px;padding:7px 12px;border-radius:5px;background:#fff}
body.ielts-exam #ieltsView .ix-audio b{font-size:14px;font-weight:500}
body.ielts-exam #ieltsView .ix-audio audio{height:38px;margin-top:4px}
body.ielts-exam #ieltsView #ix-audio-note{font-size:11px}
body.ielts-exam #ieltsView #ix-section{flex:1;min-height:0;overflow:hidden;padding-top:6px}
body.ielts-exam #ieltsView .ix-layout{height:100%;min-height:0;gap:0;align-items:stretch}
body.ielts-exam #ieltsView .ix-reading-layout{display:grid;grid-template-columns:minmax(0,var(--reading-width,50%)) 10px minmax(0,1fr)}
body.ielts-exam #ieltsView .ix-pane{border:0;border-radius:0;max-height:none;min-height:0;height:100%;padding:24px 24px 70px;overflow:auto;background:#fff;font-size:var(--exam-font);scrollbar-gutter:stable}
body.ielts-exam #ieltsView .ix-pane h2{font-size:1.1em;margin:10px 0 25px;color:#182332}
body.ielts-exam #ieltsView .ix-pane h3{font-size:1.18em;color:#253043;margin:15px 0 23px}
body.ielts-exam #ieltsView .ix-passage,body.ielts-exam #ieltsView .ix-prose{font-family:Arial,sans-serif;font-size:inherit;line-height:1.9}
body.ielts-exam #ieltsView .ix-divider{border-left:1px solid #999;border-right:1px solid #ddd;background:#fafafa;cursor:col-resize;display:flex;align-items:center;justify-content:center;font-size:13px;touch-action:none;user-select:none}
body.ielts-exam #ieltsView .ix-listening-layout{display:block}
body.ielts-exam #ieltsView .ix-listening-layout .ix-pane{padding:24px 28px 70px}
body.ielts-exam #ieltsView .ix-listening-layout .ix-group{padding:18px 22px;border:1px solid #ddd;margin-bottom:28px}
body.ielts-exam #ieltsView .ix-instruction{border:0;background:none;padding:0;font-size:inherit;line-height:1.8;white-space:pre-line;margin-bottom:28px}
body.ielts-exam #ieltsView .ix-context{font-size:inherit;line-height:1.9}
body.ielts-exam #ieltsView .ix-question{position:relative;border:0;padding:12px 0 23px;scroll-margin-top:15px}
body.ielts-exam #ieltsView .ix-question>.ix-row{justify-content:flex-start;gap:12px;margin-bottom:6px}
body.ielts-exam #ieltsView .ix-question-number{border:1px solid #111;border-radius:3px;min-width:31px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#111;font-size:19px;background:#fff}
body.ielts-exam #ieltsView .ix-question-prompt{font-size:inherit;line-height:2}
body.ielts-exam #ieltsView .ix-question input[type=text]{display:inline-block;width:210px;max-width:100%;height:39px;padding:5px 9px;border:1px solid #888;border-radius:2px;background:#fff;color:#111;vertical-align:middle;font-size:inherit}
body.ielts-exam #ieltsView .ix-inline-answer{display:inline;margin:0 5px}
body.ielts-exam #ieltsView .ix-flag{margin-left:auto;color:#6c6c6c;font-size:11px}
body.ielts-exam #ieltsView .ix-choices{margin:18px 0 0 12px}
body.ielts-exam #ieltsView .ix-choice{gap:10px;padding:9px 0;font-size:inherit;align-items:center;cursor:pointer}
body.ielts-exam #ieltsView .ix-choice input{width:20px;height:20px;margin:0;flex-shrink:0}
body.ielts-exam #ieltsView .ix-choice-letter{width:31px;height:31px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ededed;font-weight:bold;flex-shrink:0}
body.ielts-exam #ieltsView .ix-exam-footer{order:99;flex-shrink:0;background:#fff;padding:5px 0 7px;border-top:1px solid #ddd}
body.ielts-exam #ieltsView .ix-footer-actions{display:flex;justify-content:space-between;margin-bottom:5px}
body.ielts-exam #ieltsView .ix-footer-actions button{padding:7px 13px;font-size:16px}
body.ielts-exam #ieltsView #ix-submit{background:#008c15;color:#fff;font-weight:700;border:0}
body.ielts-exam #ieltsView .ix-part-strip{display:flex;gap:8px;overflow-x:auto}
body.ielts-exam #ieltsView .ix-part-group{flex:1;display:flex;align-items:center;border:1px solid #d4d4d4;border-radius:5px;padding:7px;min-height:58px;gap:7px;min-width:125px}
body.ielts-exam #ieltsView .ix-part-group.active{flex:2;border-color:#dfa7a7}
body.ielts-exam #ieltsView .ix-part-group>[data-part]{background:none;white-space:nowrap;padding:6px;font-size:18px;font-weight:700}
body.ielts-exam #ieltsView [data-part] small{display:block;font-weight:400;font-size:12px}
body.ielts-exam #ieltsView .ix-part-group.active>[data-part] small{display:none}
body.ielts-exam #ieltsView .ix-part-group .ix-grid{display:none;margin:0;gap:5px;flex-wrap:wrap}
body.ielts-exam #ieltsView .ix-part-group.active .ix-grid{display:flex}
body.ielts-exam #ieltsView .ix-grid button{background:#fff;border:1px solid #333;width:27px;height:30px;color:#111;font-size:14px;border-radius:3px}
body.ielts-exam #ieltsView .ix-grid button.answered{background:#e7f1fb;border-color:#3272a8;color:#164670}
body.ielts-exam #ieltsView .ix-reference{font-size:13px;margin:25px 0}
body.ielts-exam #ieltsView .ix-text-note,body.ielts-exam #ieltsView .ix-text-zoom{font-size:12px}
body.ielts-exam #ieltsView .ix-native-page{font-size:inherit}
body.ielts-exam #ieltsView .ix-result{flex-shrink:0;max-height:150px;overflow:auto;padding:12px;margin:4px 0;border-radius:4px}
body.ielts-exam #ieltsView #ix-transcript-pages{max-height:30vh;overflow:auto}
body.ix-focus #ieltsView .ix-toolbar b,body.ix-focus #ieltsView #ix-count,body.ix-focus #ieltsView #ix-status{display:none}
body.ielts-exam #ieltsView .ix-mobile-switch{display:none}
@media(max-width:800px){
 body.ielts-exam #ieltsView{padding:0 6px;--exam-font:17px}
 body.ielts-exam #ieltsView .ix-toolbar{min-height:55px;gap:5px}
 body.ielts-exam #ieltsView .ix-toolbar b{display:none}
 body.ielts-exam #ieltsView .ix-toolbar .ix-row{gap:6px}
 body.ielts-exam #ieltsView .ix-part-heading{font-size:13px;flex-wrap:wrap}
 body.ielts-exam #ieltsView .ix-pane{padding:15px 10px 40px}
 body.ielts-exam #ieltsView .ix-reading-layout{display:block}
 body.ielts-exam #ieltsView .ix-divider{display:none}
 body.ielts-exam #ieltsView[data-skill=reading] .ix-mobile-switch{display:flex;gap:8px;padding:5px}
 body.ielts-exam #ieltsView #ix-section[data-panel=passage] .ix-reading-layout .ix-task-pane,body.ielts-exam #ieltsView #ix-section[data-panel=questions] .ix-reading-layout .ix-reading-pane{display:none}
 body.ielts-exam #ieltsView #ix-section .ix-listening-layout .ix-pane{display:block!important;padding:15px 10px 40px}
 body.ielts-exam #ieltsView .ix-part-group{min-width:90px;padding:3px}
 body.ielts-exam #ieltsView .ix-part-group.active{min-width:220px}
 body.ielts-exam #ieltsView .ix-part-group>[data-part]{font-size:14px;padding:3px}
 body.ielts-exam #ieltsView .ix-grid button{width:24px;height:26px;font-size:12px}
 body.ielts-exam #ieltsView .ix-listening-layout .ix-group{padding:12px}
 body.ielts-exam #ieltsView .ix-audio b,body.ielts-exam #ieltsView #ix-audio-note{display:none}
}
body.ielts-exam #ieltsView{font-family:Arial,Helvetica,sans-serif;color-scheme:light}
body.ielts-exam #ieltsView.hidden{display:none!important}
body.ielts-exam #ieltsView input{font-family:inherit}
