/* 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:inherit;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:var(--font-body,"Be Vietnam Pro",system-ui,sans-serif);color-scheme:light}
body.ielts-exam #ieltsView.hidden{display:none!important}
body.ielts-exam #ieltsView input{font-family:inherit}
/* Text annotations are intentionally separate from answer controls. */
mark[data-ix-highlight="yellow"]{background:#ffe776;color:#202020}
mark[data-ix-highlight="red"]{background:#ffb0af;color:#481415}
.ix-highlight-menu{position:fixed;z-index:10000;display:flex;gap:6px;padding:6px;border:1px solid #d5d9df;border-radius:10px;background:#fff;box-shadow:0 4px 20px #0003;max-width:calc(100vw - 16px)}
.ix-highlight-menu[hidden]{display:none}
.ix-highlight-menu button{min-height:40px;padding:7px 12px;border:1px solid #ccc;border-radius:7px;font:600 14px system-ui;color:#202020;background:#fff;cursor:pointer}
.ix-highlight-menu [data-color="yellow"]{background:#ffe776}
.ix-highlight-menu [data-color="red"]{background:#ffb0af}
.ix-latest-score{font-weight:600;color:#704260}
body.ielts-exam #ieltsView h1,body.ielts-exam #ieltsView h2,body.ielts-exam #ieltsView h3{font-family:var(--font-display,"Lexend",system-ui,sans-serif)}
body.ielts-exam #ieltsView input,body.ielts-exam #ieltsView select,body.ielts-exam #ieltsView textarea{font-family:inherit}
body.ielts-exam #ieltsView .ix-completion{white-space:pre-line;line-height:2.8}
body.ielts-exam #ieltsView .ix-inline-question{display:inline;white-space:normal;scroll-margin-top:20px}
body.ielts-exam #ieltsView .ix-inline-question input{display:inline-block;width:180px;max-width:65%;height:40px;padding:5px 9px;margin:0 5px;border:1px solid #888;border-radius:4px;background:#fff;color:#111;font-size:inherit;vertical-align:middle}
body.ielts-exam #ieltsView .ix-inline-question .ix-flag{display:inline;padding:3px;margin:0;vertical-align:middle}
body.ielts-exam #ieltsView .ix-pick-prompt{line-height:2}
body.ielts-exam #ieltsView .ix-pick-prompt>span[id]{display:inline-flex;align-items:center;gap:3px;margin-right:6px}
body.ielts-exam #ieltsView .ix-match-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
body.ielts-exam #ieltsView .ix-match-help{font-size:14px;color:#56606a}
body.ielts-exam #ieltsView .ix-match-question{margin:0 0 24px;scroll-margin-top:20px}
body.ielts-exam #ieltsView .ix-match-question>div{line-height:1.8;margin-bottom:8px}
body.ielts-exam #ieltsView .ix-drop{min-height:46px;max-width:100%;width:calc(100% - 36px);border:1px dashed #858585;background:#fafafa;color:#333;text-align:left;padding:10px;font:inherit}
body.ielts-exam #ieltsView .ix-clear-drop{width:30px;padding:6px;background:none;border:0;font-size:20px;vertical-align:middle}
body.ielts-exam #ieltsView .ix-answer-bank{display:flex;flex-direction:column;gap:10px;align-self:start}
body.ielts-exam #ieltsView .ix-answer-bank button{display:flex;gap:8px;align-items:flex-start;text-align:left;line-height:1.5;font:inherit;padding:12px;border:1px solid #bbb;background:#fafafa;cursor:grab;touch-action:none;user-select:none}
body.ielts-exam #ieltsView .ix-answer-bank button[aria-pressed=true]{outline:3px solid #7a1f86;background:#fcebf3}
body.ielts-exam #ieltsView .ix-match-status{font-size:13px;min-height:22px}
body.ielts-exam #ieltsView .ix-review-answer{margin-top:12px}
@media(max-width:1000px){body.ielts-exam #ieltsView .ix-reading-layout .ix-match-layout{grid-template-columns:1fr}}
@media(max-width:600px){body.ielts-exam #ieltsView .ix-match-layout{grid-template-columns:1fr}body.ielts-exam #ieltsView .ix-inline-question input{width:145px}}
body.ielts-exam #ieltsView #ix-back{width:34px;height:34px;min-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
body.ielts-exam #ieltsView .ix-part-group{min-height:38px;min-width:70px;padding:3px 5px;gap:5px}
body.ielts-exam #ieltsView .ix-part-group>[data-part]{font-size:13px;padding:4px}
body.ielts-exam #ieltsView [data-part] small{display:none}
body.ielts-exam #ieltsView .ix-part-group.active{flex:2}
body.ielts-exam #ieltsView .ix-part-heading{min-height:34px;padding:4px 8px;font-size:13px}
body.ielts-exam #ieltsView .ix-footer-actions{margin-bottom:3px}
body.ielts-exam #ieltsView .ix-footer-actions button{padding:4px 9px;font-size:14px}
body.ielts-exam #ieltsView .ix-exam-footer{padding:3px 0 4px}

/* Xem lại bài: khung điểm cuộn đi cùng phần chữa bài (thu gọn khi cuộn xuống) */
body.ielts-exam #ieltsView .ix-result,body.ielts-exam #ieltsView.ix-reviewing .ix-status{transition:max-height .25s ease,opacity .2s ease,padding .25s ease,margin .25s ease,border-width .25s ease}
body.ielts-exam #ieltsView.ix-result-collapsed .ix-result{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin:0;border-width:0;overflow:hidden}
body.ielts-exam #ieltsView.ix-result-collapsed .ix-status{min-height:0;max-height:0;opacity:0;overflow:hidden}
#ieltsView .ix-badge-score{font-weight:700;color:var(--ix-accent)}
@media(prefers-reduced-motion:reduce){body.ielts-exam #ieltsView .ix-result{transition:none}}
@media(max-width:600px){#ieltsView .ix-badge-label{display:none}#ieltsView .ix-badge-score::before{content:'Điểm '; font-weight:500;color:var(--muted)}}