*{box-sizing:border-box}body{margin:0;background:#f0f2f6;color:#222a35;font:16px Arial,sans-serif}header{background:#fff;padding:22px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d3d9e2}header a{font-size:26px;font-weight:700;color:#243a64;text-decoration:none}small{font-size:14px;font-weight:400;margin-left:12px}button,select{font:inherit;padding:10px 15px;border:1px solid #b8c2d3;border-radius:4px;background:white;color:#243a64;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:hover:enabled{background:#edf2fa}.toolbar{display:flex;gap:22px;padding:20px 4%;flex-wrap:wrap;align-items:center}label select{margin-left:8px}aside{margin:0 4% 18px;padding:14px 18px;background:#fff4db;border:1px solid #ead39f;font-size:14px;line-height:1.6}main{margin:0 4% 35px;background:white;border:1px solid #c7cfda;border-radius:5px;overflow:hidden}.exam-head{padding:17px 26px;display:flex;gap:22px;align-items:center;background:#243a64;color:white}.exam-head strong{letter-spacing:2px}.exam-head #position{flex:1}.workspace{display:grid;grid-template-columns:1fr 1.2fr;min-height:510px}.workspace article{padding:42px;line-height:1.8}.workspace article:first-child{border-right:1px solid #d3d9e2;background:#fafbfc}h2{font-size:22px;font-weight:500}audio{width:100%;margin:20px 0}.option{display:flex;align-items:baseline;gap:14px;border:1px solid #d2d8e1;border-radius:4px;padding:14px 18px;margin:12px 0;cursor:pointer}.option:has(input:checked){border-color:#294c80;background:#eef4fd}.option input{accent-color:#294c80}textarea{width:100%;min-height:290px;padding:18px;font:18px/1.7 Arial;border:1px solid #c2ccdb}footer{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;border-top:1px solid #ccd4df;background:#f6f8fb}footer #next{background:#294c80;color:#fff}dialog{width:min(850px,92vw);max-height:85vh;border:0;border-radius:8px;padding:30px;box-shadow:0 25px 100px #18233355}dialog::backdrop{background:#17284188}.dialog-head{display:flex;align-items:center;justify-content:space-between}#answerBody{line-height:1.8;white-space:pre-wrap}.muted{color:#627084;font-size:14px}.tiles{display:flex;flex-wrap:wrap;gap:8px}img{max-width:100%}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #668fd0;outline-offset:2px}@media(max-width:760px){header{gap:20px;align-items:flex-start}header div{display:flex;flex-direction:column;gap:8px}.workspace{grid-template-columns:1fr}.workspace article{padding:24px}.workspace article:first-child{border-right:0;border-bottom:1px solid #d3d9e2}.exam-head{flex-wrap:wrap}.toolbar{gap:12px}small{display:block;margin:6px 0}}
.passage{white-space:pre-wrap;line-height:1.9}.portraits{display:flex;gap:18px;margin-bottom:18px}.portraits img{width:76px;height:76px;object-fit:cover;border-radius:50%;border:2px solid #dee5ef}.sentence-slots{min-height:115px;padding:20px;border:1px solid #d3dcea;border-radius:4px;line-height:3.2;margin:24px 0}.slot{margin:0 3px;padding:5px 12px;border-bottom:2px solid #375c92}.slot:disabled{opacity:1;color:#758398;background:#f6f8fc}.tiles{margin:20px 0}.cloze-p{font-size:19px;line-height:2.7}.cloze-word{display:inline-block;border-radius:3px;padding:0 2px}.cloze-word.active{background:#e6eefb;outline:1px solid #b9cbe8}.cloze-word input{font:inherit;border:0;border-bottom:2px solid #6d7d96;background:#fff;width:auto;padding:0 3px;color:#244a83;max-width:100px;min-width:22px}.result{padding:12px 16px;border-radius:4px}.correct{background:#e8f6ee;color:#205c39}.incorrect{background:#fff1ed;color:#934734}.workspace article{overflow:auto;max-height:720px}#answerBody>div{white-space:pre-wrap}#status{background:#eaf0f8;border-color:#cad7e9}#saved{font-size:14px}header div{display:flex;gap:8px}footer{gap:10px}footer #saved{flex:1;text-align:center}#set{max-width:260px}

.slot{line-height:1.4;vertical-align:middle} .sentence-slots{line-height:2.6}

/* BestMyTest-inspired practice layout */
body{background:#f7f7f7;color:#333;font:15px Arial,sans-serif}.content-shell{margin:0}header{background:#236a83;padding:14px 28px;gap:20px;border:0}header>a{font-size:20px;font-weight:normal;color:white}header small{display:none}header button{font-size:12px;padding:8px 12px;border:0;color:#fff;background:#ffffff18}header button:hover:enabled{background:#ffffff30}.toolbar{background:#fff;padding:17px 28px;gap:17px;border-bottom:1px solid #e6e6e6;font-size:13px}.toolbar select{padding:7px 9px;max-width:245px;border-color:#ddd;font-size:13px;color:#444}#status{margin:0;padding:10px 28px;background:#f8fbfc;border:0;border-bottom:1px solid #e8eff2;color:#64727a;font-size:12px}main{margin:0;border:0;border-radius:0;overflow:visible}.exam-head{background:#f7f7f7;color:#666;border-bottom:1px solid #eee;padding:12px 28px;font-size:13px}.exam-head strong{letter-spacing:0;font-weight:normal;color:#236a83}.exam-head button{font-size:12px;padding:5px 10px;border-color:#ddd;color:#777}.workspace{min-height:620px}.workspace article{padding:38px 30px;line-height:1.75;max-height:calc(100vh - 250px)}.workspace article:first-child{background:#fff;border-color:#e6e6e6}.workspace h2{font-size:21px;font-weight:bold;line-height:1.5;margin:0 0 26px}.option{border:0;border-radius:0;padding:10px 0;margin:9px 0}.option:has(input:checked){background:#edf7fa}.option input{accent-color:#236a83}.portraits img{width:64px;height:64px;border:2px solid #77a4b0;padding:2px;background:#fff}.sentence-slots{border:0;padding:12px 0;min-height:90px}.slot{background:#e8eff1;border:0;border-bottom:2px solid #719fae;border-radius:0;color:#216883;min-width:58px;margin:3px;padding:5px 10px}.tiles button{border:0;border-radius:0;color:#333;padding:9px 12px;background:#f6f6f6}.tiles button:hover:enabled{background:#ddecf1}.tiles button:disabled{opacity:.22}footer{background:#fafafa;border-color:#eee;padding:18px 28px}footer button{font-size:13px;border:0;background:#e7e7e7;color:#333;padding:7px 16px}footer #next,footer #grade{background:#19bc69;color:#fff}dialog{border-radius:3px}button,select{border-radius:2px}textarea{font-size:16px;border-color:#ddd}.passage{line-height:1.9}.workspace.build-layout{display:block;max-width:900px;margin:auto}.workspace.build-layout #stimulus{border:0;padding-bottom:5px;max-height:none}.workspace.build-layout #question{padding-top:15px;max-height:none}.build-layout #stimulus h2{display:none}.build-layout #stimulus{display:flex;align-items:center;gap:15px}.build-layout #stimulus .portraits{margin:0}.build-layout #stimulus .portraits img:nth-child(2){display:none}.build-layout #question h2{font-size:18px;color:#555}
@media(max-width:1000px){.content-shell{margin:0}header{flex-wrap:wrap}.toolbar{gap:10px}.workspace article{padding:28px 22px}}@media(max-width:760px){.content-shell{margin:0}header div{flex-direction:row;flex-wrap:wrap}.workspace article{max-height:none}.toolbar select{max-width:210px}.workspace.build-layout #stimulus{display:block}.build-layout #stimulus .portraits{margin-bottom:10px}}

.workspace.reading-layout #question{order:-1;border-right:1px solid #e6e6e6}.workspace.reading-layout #stimulus{border-right:0}.workspace.reading-layout{grid-template-columns:1fr 1.2fr}@media(max-width:760px){.workspace.reading-layout{grid-template-columns:1fr}.workspace.reading-layout #question{order:0;border-right:0}}

header h1{font-size:19px;font-weight:400;color:white;line-height:1.4;margin:0;flex:1}.reply-row{display:flex;gap:16px;align-items:center}.reply-row>img{width:64px;height:64px;flex:none;border:2px solid #77a4b0;border-radius:50%;padding:2px}.reply-row .sentence-slots{flex:1}@media(max-width:760px){header h1{font-size:17px}.reply-row{align-items:flex-start}}

.speaking-map img{width:100%;height:auto;max-height:430px;object-fit:contain;margin:16px 0}.repeat-target{font-size:21px;background:#f2f8fa;padding:20px;line-height:1.7}.record-button{background:#19bc69;color:white;border:0;padding:15px 25px}.record-button:hover:enabled{background:#169e59}.record-download{display:inline-block;color:#216883;margin-top:12px}details{margin:15px 0}summary{cursor:pointer;color:#216883}

video{width:100%;max-height:420px;background:#111;margin:15px 0}#answerBody details{white-space:normal}#answerBody details div{white-space:pre-wrap}

.choice-table{border-collapse:collapse;width:100%;margin:24px 0}.choice-table th,.choice-table td{border:1px solid #c8cdd1;padding:14px}.choice-table td:not(:first-child){text-align:center}.choice-table input{width:18px;height:18px}

.workspace.cloze-layout{display:block;max-width:1080px;margin:auto;min-height:620px}.workspace.cloze-layout #stimulus{border:0;max-height:none;padding:40px 48px}.workspace.cloze-layout #question{display:none}.cloze-p{font-size:20px;line-height:2.1;white-space:normal}.cloze-word{padding:0;cursor:text;white-space:nowrap}.cloze-word input{font:inherit;line-height:inherit;vertical-align:baseline;border:0;background:transparent;color:inherit;border-radius:0;padding:0;margin:0;min-width:0;max-width:none;outline:none;box-shadow:none}.cloze-word input::placeholder{color:#47545c;opacity:1}.cloze-word.active{background:#e6f1f5;outline:none}.cloze-word.filled input{border-bottom-color:transparent;cursor:text}.cloze-word input:focus-visible{outline:none}.cloze-answer-p{font-size:18px;line-height:2;white-space:normal}.cloze-answer-p strong{color:#236a83;background:#e9f4f7}#answerBody ol{white-space:normal;columns:2}@media(max-width:760px){.workspace.cloze-layout #stimulus{padding:28px 22px}.cloze-p{font-size:19px}#answerBody ol{columns:1}}

.cloze-word.cloze-correct{background:#e8f6ee}.cloze-word.cloze-incorrect{background:#fff1ed}

.cloze-word input:not(:placeholder-shown):not([readonly]){border-bottom:1px solid #687c89}

.slot.active-slot,.drop-active{outline:2px solid #236a83;background:#e7f2f6}.tiles button[draggable=true],.slot[draggable=true]{cursor:grab}.insert-location{padding:2px 8px;margin:0 4px;background:#e7eff3;border:1px solid #839ca8;color:#236a83;vertical-align:baseline}.insert-location.selected{background:#e7f3ec;border-color:#5d9b76;font-size:inherit;white-space:normal;text-align:left}.summary-slots,.summary-bank{display:grid;gap:12px;margin:20px 0}.summary-slot,.summary-bank button{text-align:left;line-height:1.6;padding:12px 16px}.summary-slot{min-height:50px;background:#f1f5f7}.listening-notes{min-height:140px;font-size:15px;margin-top:25px}.editing-tools,.question-tabs{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.editing-tools button,.question-tabs button{padding:7px 12px;font-size:13px}.question-tabs button.selected{background:#236a83;color:white}

.category-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.category-target{border:1px solid #bccbd3;background:#f4f7f9;padding:16px;min-height:220px}.category-target h3{margin-top:0}.category-target button{display:block;width:100%;text-align:left;margin:10px 0;line-height:1.5}.matching-slot{min-width:160px;min-height:45px;width:100%;text-align:left;line-height:1.6}

[data-draggable=true]{cursor:grab}.drag-ghost{position:fixed;z-index:9999;pointer-events:none;padding:10px 16px;background:#e7f2f6;border:1px solid #236a83;box-shadow:0 4px 14px #0002;max-width:420px;font-size:15px}.drop-active{outline:2px solid #236a83}

.category-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px}.category-workspace .category-groups{display:flex;flex-direction:column;gap:12px}.category-workspace .category-target{min-height:145px}.category-workspace .summary-bank button{font-size:14px;padding:10px;min-width:0}@media(max-width:760px){.category-workspace{grid-template-columns:1fr}}

.exam-start{display:block;margin:70px auto;padding:14px 55px;font-size:20px;background:#00838f;color:white;border:0;border-radius:5px} [inert]{cursor:default}

#testAudio[hidden]{display:none!important}

.toefl-logo{position:relative;flex:none;color:#fff;font:italic 800 29px/1 Arial,Helvetica,sans-serif;letter-spacing:-1px;padding-right:10px;white-space:nowrap}
.toefl-logo sup{position:absolute;top:0;right:0;font:10px/1 Arial,sans-serif;letter-spacing:0}
header h1{font-size:17px;border-left:1px solid #ffffff50;padding-left:20px}
.toolbar .study-toggle{display:inline-flex;align-items:center;gap:12px;min-height:35px;padding:7px 12px;border:1px solid #a5b7be;font-size:13px;font-weight:600;color:#41535c;background:#fff;transition:background .15s,border-color .15s,box-shadow .15s}
.toolbar .study-toggle[aria-pressed="true"]{color:#fff;background:#236a83;border-color:#174e63;box-shadow:inset 0 2px 4px #0003}
.toolbar .study-toggle[aria-pressed="true"]:hover{background:#1c5b72}
.toolbar .study-toggle[aria-pressed="false"]:hover{background:#edf3f5}
.mode-state{min-width:29px;padding:2px 4px;font-size:10px;line-height:1.3;border:1px solid currentColor;border-radius:2px;text-align:center}
@media(max-width:760px){.toefl-logo{font-size:25px}header h1{font-size:15px;padding-left:14px}header{gap:14px}}

/* Content layout follows the reference practice screens; navigation stays folder based. */
@font-face{font-family:Roboto;src:url('ui/fonts/roboto.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
[hidden]{display:none!important}body{background:#fff;font-family:Roboto,Arial,sans-serif}button,input,textarea,select{font-family:inherit}header{min-height:40px;height:40px;padding:0 22px;background:#216982;gap:20px;flex-wrap:nowrap}header h1{font-family:inherit;font-size:20px;font-weight:400;border:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}header .toefl-logo{font-size:26px;line-height:1;text-decoration:none}.header-actions{flex:none;align-items:center}.toolbar{min-height:49px;padding:8px 22px;background:#f8f8f8;border-color:#eee}.toolbar .study-toggle{margin-left:auto;min-height:31px;padding:5px 11px}.toolbar label{font-size:12px}.toolbar select{padding:5px 8px}.exam-head{min-height:40px;padding:7px 24px;gap:14px;background:#f7f7f7;color:#888}.exam-head #heading{display:none}.exam-head #position{flex:0 0 auto}.exam-head #saved{flex:1;text-align:center;font-size:13px}.exam-head #grade{background:#1bbd72;color:white;border:0;padding:7px 16px}.workspace{max-width:1060px;margin:0 auto;min-height:calc(100dvh - 180px);padding:40px 30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px}.workspace #stimulus,.workspace #question{padding:0;background:#fff;border:0;line-height:1.75;font-size:16px;max-height:none}.workspace #stimulus,.question-pane{max-height:calc(100dvh - 210px);overflow:auto;min-width:0}.question-pane #question{overflow:visible}.workspace h2{font-size:16px;line-height:1.6;font-weight:600;margin:24px 0 16px}.workspace #stimulus>h2:first-child{margin-top:0}.question-nav{display:flex;gap:14px;margin:0 0 28px}.question-nav button{font-size:13px;padding:2px 12px;border:1px solid #dedede;border-radius:5px;background:linear-gradient(#f7f7f7,#ececec);color:#111}.question-nav button:disabled{background:#fafafa;border-color:#f4f4f4;opacity:.4}.option{align-items:flex-start;gap:17px;padding:9px 2px;margin:9px 0;border:0;background:none;line-height:1.7}.option:has(input:checked){background:none}.option input{appearance:none;width:21px;height:21px;flex:none;margin:2px 0 0;border:1px solid #a0a0a0;border-radius:50%;background:#fff;accent-color:#5797a9}.option input[type=checkbox]{border-radius:2px}.option input:checked{border:6px solid #599bad}.option input[type=checkbox]:checked{border:4px solid #599bad;background:#599bad}.option.correct-choice{color:#16829c;font-weight:600}.option.wrong-choice{color:#c44942}.passage{font-size:16px;line-height:1.3;white-space:normal}.passage p{margin:0 0 16px}.passage mark{background:#28869b;color:white;padding:1px 2px}.email-passage{padding:7px;background:#d1d1d1;border:1px solid #9c9c9c;border-radius:3px;font-size:14px;line-height:1.4}.email-passage table{width:100%;border-collapse:separate;border-spacing:0 3px;table-layout:fixed}.email-passage th{width:60px;font-weight:400;text-align:left}.email-passage td,.email-passage th{border:1px solid #888;background:#fff;padding:1px 5px;overflow-wrap:anywhere}.email-body{background:#fff;border:1px solid #888;padding:24px 14px 8px}.email-body p{margin-bottom:18px}.transcript{line-height:1.95;white-space:pre-wrap}.transcript-toggle{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;margin:0 0 18px}.transcript-toggle input{appearance:none;width:32px;height:14px;border:0;border-radius:20px;background:#aaa;position:relative;cursor:pointer}.transcript-toggle input:before{content:'';position:absolute;width:20px;height:20px;top:-3px;left:-3px;border-radius:50%;background:#fafafa;box-shadow:0 1px 3px #0003}.transcript-toggle input:checked{background:#b2d9d7}.transcript-toggle input:checked:before{left:16px;background:#22a7a3}.response-prompt{margin:0 0 15px}.audio-player{display:flex;align-items:center;height:40px;max-width:410px;margin:16px 0 28px;border:1px solid #ddd;border-radius:24px;background:#fafafa;box-shadow:0 1px 2px #0001;gap:14px;padding-right:14px}.audio-player audio{display:none!important}.audio-play{height:40px;width:44px;flex:none;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#5995a9;padding:0;font-size:18px}.audio-player .audio-play:hover{background:#3e8198}.audio-player input[type=range]{min-width:0;flex:1;height:3px;accent-color:#5b95a7;padding:0}.audio-volume{background:transparent;border:0;border-left:1px solid #ddd;border-radius:0;font-size:25px;color:#888;padding:0 0 0 12px}.audio-player progress{height:4px;flex:1;min-width:0;accent-color:#5797a9}.audio-player.exam-audio-progress .audio-play{opacity:.7}.listening-person{text-align:center;padding:10px 0}.listening-person img{max-height:460px;max-width:100%;object-fit:contain}.workspace[data-type=choose-response]{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.workspace[data-type=choose-response] .audio-player{height:24px;width:26px;margin:0 0 24px;border:0;box-shadow:none;background:none;padding:0}.workspace[data-type=choose-response] .audio-player .audio-play{height:23px;width:23px;font-size:11px;background:#228e8b}.workspace[data-type=choose-response] .audio-player input,.workspace[data-type=choose-response] .audio-volume{display:none}.answer-explanation{margin-top:32px;border-radius:7px;background:#fafafa;overflow:hidden}.explanation-head{padding:10px 20px;background:#e1e1e1;font-size:15px;display:flex;justify-content:space-between;align-items:center;gap:10px}.explanation-head span{font-size:11px;line-height:1.4;background:#ffe482;padding:7px;border-radius:4px}.explanation-body{padding:14px 24px;line-height:1.55}.explanation-body>strong{display:block}.explanation-body>div{margin-top:24px;white-space:pre-wrap}.result{display:none}.instructions{max-width:860px;margin:auto;padding:38px 40px;font-size:16px;line-height:1.9;white-space:pre-line}.instructions p{margin:0 0 28px}.exam-start{margin:44px auto 30px;padding:7px 34px;font-size:14px;font-weight:400;background:#5995a9;border-radius:4px}.workspace.cloze-layout{max-width:1080px;padding:40px 60px}.workspace.cloze-layout #stimulus{padding:0}.cloze-p{font-size:19px;line-height:1.95}.workspace.cloze-layout h2{font-size:19px;margin-bottom:30px}.workspace.build-layout{display:block;max-width:900px;padding-top:26px;position:relative}.workspace.build-layout #stimulus{display:block;max-height:none;padding:0}.workspace.build-layout #stimulus h2{display:block;text-align:center;font-size:22px;margin:0 0 58px}.workspace.build-layout #stimulus .portraits{float:left;margin:0 10px 18px 0}.workspace.build-layout #stimulus p{font-size:15px;font-weight:600;padding-top:42px}.workspace.build-layout #question{clear:both;padding:0;margin-top:20px}.workspace.build-layout .question-nav{justify-content:flex-end;margin:0 0 16px}.build-layout .reply-row{gap:8px}.build-layout .slot{background:#fff;color:#333;border:0;border-bottom:2px solid #bcbcbc;min-width:124px;padding:0 5px;font-size:16px;line-height:1.7;margin:5px 2px}.build-layout .tiles{gap:18px;justify-content:center}.build-layout .tiles button{background:#fff;padding:4px;font-size:16px}.build-layout .tiles button:hover:enabled{background:#edf6f8}.build-layout .sentence-slots{margin:0;line-height:2.8}.build-layout .portraits img,.reply-row>img{border-color:#71a4b4;width:64px;height:64px}.question-tabs{max-width:1060px;margin:28px auto 0;padding:0 30px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.question-tabs button{background:#f8f8f8;border:0;border-radius:8px;color:#777;font-size:13px;padding:7px}.question-tabs button.selected{background:#078a90;color:#fff}.speaking-layout #question .speaking-map{padding-top:20px;max-width:310px;margin:0 auto}.speaking-layout #stimulus .repeat-target{font-size:16px;text-align:center;margin:0 0 16px}.record-button{display:block;margin:35px 0 8px;border:0;background:#ff463a;color:#fff;border-radius:50%;width:70px;height:70px;font-size:12px;padding:8px}.record-button:hover:enabled{background:#ef3a30}.record-button:disabled{opacity:1}.speaking-layout .muted{font-size:13px}.interview-layout{display:block;max-width:720px}.interview-layout #stimulus{max-height:none}.interview-layout video{max-width:500px;display:block;margin:0 auto 25px}.interview-layout .question-pane{display:none}.interview-layout .record-button{margin:20px auto 8px}.interview-layout .muted{text-align:center}.interview-layout #stimulus>p{line-height:1.7}.listening-notes{min-height:120px;margin-top:25px;border-color:#ddd}.editing-tools{justify-content:flex-end;margin-bottom:0}.editing-tools button{background:#eee;border:0;border-radius:2px;font-size:12px;padding:5px 12px}footer{position:sticky;bottom:0;background:#fff;padding:7px 24px;border-top:1px solid #eee;min-height:38px;font-size:12px;gap:12px}.folder-return{color:#5993a4;text-decoration:none}.practice-nav{display:flex;gap:14px;margin-left:auto}.practice-nav button{font-size:12px;background:none;color:#458498;border:0;padding:4px}.practice-nav button:disabled{opacity:.3}.exam-running .toolbar{display:none}.exam-running #review,.exam-running #export{display:none}.exam-running .exam-head{position:absolute;top:0;right:104px;height:40px;border:0;color:#fff;background:transparent;padding:0;gap:12px}.exam-running .exam-head #position,.exam-running .exam-head #saved{display:none}.exam-running .exam-head #time{font-size:20px;font-weight:500}.exam-running .exam-head #timerToggle{background:none;border:0;color:#d8e8ed;padding:0;font-size:11px}.exam-running .exam-head #grade{padding:6px 16px}.exam-running .workspace{min-height:calc(100dvh - 80px)}.exam-running .workspace #stimulus,.exam-running .question-pane{max-height:calc(100dvh - 145px)}#exitTest{background:#eb2024;border:0;border-radius:0;height:40px;margin-right:-22px;padding:0 18px;font-size:13px;color:#fff}
@media(max-width:760px){header{padding:0 14px;height:auto;min-height:40px;gap:12px}header h1{font-size:15px}.header-actions{flex-direction:row;gap:5px}header button{padding:5px;font-size:10px}.toolbar{padding:8px 14px;gap:8px}.toolbar .study-toggle{margin-left:0}.workspace,.workspace[data-type=choose-response]{grid-template-columns:1fr;gap:25px;padding:28px 22px;min-height:0}.workspace #stimulus,.question-pane{max-height:none}.workspace.cloze-layout{padding:28px 22px}.workspace.build-layout{padding:28px 22px}.listening-person img{max-height:260px}.question-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 22px}.instructions{padding:30px 25px}.exam-running .exam-head{position:static;background:#216982;padding:6px 14px;height:auto;color:#fff;justify-content:flex-end}.exam-running .workspace #stimulus,.exam-running .question-pane{max-height:none}.toefl-logo{font-size:23px!important}.explanation-body{padding:14px 18px}.build-layout .slot{min-width:88px}.build-layout .tiles{gap:10px}.exam-head{padding:7px 14px;gap:8px}#exitTest{margin-right:-14px;padding:0 12px}.speaking-layout #question .speaking-map{max-width:300px}}

.email-meta th{white-space:nowrap;}

.workspace.build-layout{padding-top:45px}.workspace.build-layout .question-nav{position:absolute;top:8px;right:0}.workspace.build-layout #stimulus p{padding-top:14px}.workspace.build-layout #stimulus h2{margin-bottom:40px}

/* BestMyTest uses a 40px header in both study and active test views. */
.content-shell>header{height:40px;min-height:40px;max-height:40px;padding:0 22px;gap:20px;align-items:center;flex-wrap:nowrap;overflow:hidden}
.content-shell>header h1{min-width:0;line-height:40px;margin:0;flex:1 1 auto}
.content-shell>header .toefl-logo{flex:none}
.content-shell>header .header-actions{height:40px;gap:8px;flex-wrap:nowrap;flex-direction:row}
.content-shell>header .header-actions>button{height:30px;padding:0 12px;line-height:30px;font-size:12px}
.content-shell>header .header-actions>#exitTest{height:40px;line-height:40px;margin-right:-22px;padding:0 18px}
.toolbar{min-height:40px;padding:5px 22px;gap:14px;align-items:center}
.toolbar select{height:30px;padding:3px 8px;line-height:22px}
.toolbar .study-toggle{height:30px;min-height:30px;padding:4px 11px;line-height:20px}
.exam-head{height:40px;min-height:40px;padding:0 24px;align-items:center;flex-wrap:nowrap}
.exam-head #grade{height:30px;padding:0 16px;line-height:30px;font-size:13px}
.exam-running header .exam-head{position:static;height:40px;min-height:40px;max-height:40px;flex:none;background:transparent;border:0;padding:0;gap:20px;justify-content:flex-end;white-space:nowrap}
.exam-running header .exam-head #time{line-height:40px;font-size:20px;font-weight:400;min-width:51px;font-variant-numeric:tabular-nums}
.exam-running header .exam-head #timerToggle{font-size:12px;line-height:40px;padding:0}
.exam-running header .exam-head #grade{height:30px;padding:0 16px;line-height:30px;font-size:13px}
@media(max-width:760px){
 .content-shell>header{padding:0 14px;gap:10px;height:40px;min-height:40px;max-height:40px}
 .content-shell>header h1{font-size:15px;line-height:40px}
 .content-shell>header .header-actions{gap:5px}
 .content-shell>header .header-actions>button{padding:0 6px;font-size:10px}
 .content-shell>header .header-actions>#exitTest{margin-right:-14px;padding:0 12px;font-size:12px}
 .exam-running header .exam-head{gap:10px;padding:0;height:40px;min-height:40px}
 .exam-running header .exam-head #grade{padding:0 10px;font-size:12px}
 .toolbar{padding:5px 14px;gap:8px}
 .exam-head{padding:0 14px;gap:8px}
}
@media(max-width:480px){
 .exam-running header .exam-head #timerToggle{font-size:10px}
 .exam-running header .exam-head{gap:7px}
 .exam-running header .toefl-logo{font-size:19px!important}
 .content-shell>header h1{font-size:13px}
}

@media(min-width:761px){.toolbar{height:40px;min-height:40px;padding-top:4px;padding-bottom:4px}}

/* Original daily-life document structure, including paragraph and line breaks. */
.formatted-passage{font-size:16px;line-height:1.75}.passage-document+.passage-document{margin-top:26px}
.formatted-passage p{margin:0 0 18px}.formatted-passage h4{font-size:18px;margin:0 0 18px;line-height:1.5}.formatted-passage h5{font-size:16px;margin:0 0 18px;line-height:1.5;font-weight:600}
.formatted-passage .email-wrapper{background:#d1d1d1;border:1px solid #999;border-radius:4px;padding:7px;font-size:14px;line-height:1.5}
.formatted-passage .email-input-wrapper{display:flex;gap:4px;margin:0 0 4px}.formatted-passage .email-input{background:#fff;border:1px solid #888;padding:1px 5px}.formatted-passage .left-input{width:65px;flex:none;white-space:nowrap}.formatted-passage .right-input{min-width:0;flex:1;overflow-wrap:anywhere;min-height:25px}
.formatted-passage .email-message{background:#fff;border:1px solid #888;padding:22px 14px 8px;margin-top:8px}.formatted-passage .email-message p:last-child{margin-bottom:8px}
.formatted-passage .notice-wrapper{border:1px solid #ccc;background:#fff;padding:25px 24px}.formatted-passage .notice-content>p:last-child{margin-bottom:0}
.formatted-passage .mobile-wrapper{border:1px solid #aaa;background:#fff;overflow:hidden}.formatted-passage .phone{max-width:390px;margin:0 auto;border:2px solid #b8b8b8;border-radius:25px;padding:9px;background:#f8f8f8}.formatted-passage .phone>.chrome-bar{width:64px;height:5px;border-radius:5px;background:#aaa;margin:8px auto 18px}
.formatted-passage .mobile-content{padding:22px 18px}.formatted-passage .phone .mobile-content{padding:0 9px 14px}.formatted-passage .text-message{padding:13px 15px;margin:0 0 14px;border-radius:12px;background:#e7e7e7;line-height:1.65}.formatted-passage .text-message strong{display:inline-block;font-size:14px;font-weight:600;margin-bottom:5px}.formatted-passage .text-message:last-child{margin-bottom:0}
.formatted-passage .ipad{border-radius:7px}.formatted-passage .browser-bar{padding:9px 12px;background:#eee;border-bottom:1px solid #bbb}.formatted-passage .browser-bar .chrome-bar{display:flex;align-items:center;gap:12px}.formatted-passage .chrome-btn{border:0;padding:0;background:transparent;color:#666;font:20px/1.3 Arial;opacity:1}.formatted-passage .url-pill{margin-left:auto;border:1px solid #ccc;background:#fff;border-radius:14px;flex:1;padding:1px 10px;text-align:right}.formatted-passage .material-icons{font-style:normal}.formatted-passage .profile-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.formatted-passage .profile-icon{font-size:30px;color:#6e6e6e}.formatted-passage .profile-name{font-weight:600}.formatted-passage .action-bar{display:flex;gap:28px;background:#f5f5f5;padding:12px 18px;border-top:1px solid #ddd;color:#777;font-size:14px}.formatted-passage .action-item{display:flex;align-items:center;gap:7px}.formatted-passage .icon{fill:currentColor;width:20px;height:20px}
.interview-layout .interview-poster{display:block;width:100%;max-width:500px;max-height:420px;object-fit:contain;margin:0 auto 25px;background:#f3f5f6}
.response-timer{margin:24px 0 8px;color:#65747a;font-size:18px;font-variant-numeric:tabular-nums;text-align:center}.response-timer.active{color:#d9362b;font-weight:600}.response-timer.finished{color:#216982}

.passage.academic-passage{line-height:1.75}.passage.academic-passage>p{margin:0 0 1.15em}.passage.academic-passage>p:last-child{margin-bottom:0}

/* Reading text spacing stays independent of the shared page dimensions. */
.workspace[data-section=Reading] .passage.academic-passage{line-height:1.55}
.workspace[data-section=Reading] .passage.academic-passage>p{margin-bottom:.85em}
.workspace[data-section=Reading] .passage.academic-passage>p:last-child{margin-bottom:0}
.workspace[data-section=Reading] .formatted-passage p{margin-bottom:12px}
.workspace[data-section=Reading] .formatted-passage .notice-wrapper{padding:18px 20px}
.workspace[data-section=Reading] .formatted-passage .mobile-content{padding:18px 16px}
.workspace[data-section=Reading] .formatted-passage .phone{max-width:480px}
.workspace[data-section=Reading] .formatted-passage .text-message{padding:10px 12px;margin-bottom:10px;line-height:1.5}
.workspace[data-section=Reading] .formatted-passage .text-message:last-child{margin-bottom:0}
/* All question types share one outer frame; only their internal controls differ. */
html{scrollbar-gutter:stable}
.workspace,.workspace.cloze-layout,.workspace.build-layout,.workspace.interview-layout{
 width:100%;max-width:960px;margin:0 auto;padding:40px 30px;min-height:calc(100dvh - 180px)
}
.workspace:not(.cloze-layout):not(.build-layout):not(.interview-layout):not(.speaking-layout){
 grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;align-items:start
}
.workspace.build-layout .question-nav{right:30px}
.instructions{width:100%;max-width:960px;padding:40px 30px}
.question-tabs{width:100%;max-width:960px;padding-right:30px;padding-left:30px}
.exam-running .workspace{min-height:calc(100dvh - 80px)}
@media(max-width:760px){
 .workspace,.workspace.cloze-layout,.workspace.build-layout,.workspace.interview-layout{
  padding:28px 22px;min-height:0
 }
 .workspace:not(.cloze-layout):not(.build-layout):not(.interview-layout):not(.speaking-layout){
  grid-template-columns:1fr;gap:25px
 }
 .workspace.build-layout .question-nav{right:22px}
 .instructions{padding:28px 22px}
 .question-tabs{padding-right:22px;padding-left:22px}
 .exam-running .workspace{min-height:0}
}

/* Preserve the shared frame while rendering writing tasks as their original blocks. */
.writing-instructions{font-size:16px;line-height:1.6}.writing-instructions p{margin:0 0 16px}.writing-instructions ul,.writing-instructions ol{margin:10px 0 18px;padding-left:24px}.writing-instructions li{margin:4px 0}.writing-instructions strong{font-weight:600}
.workspace #stimulus .discussion-professor{margin-top:22px;border-top:1px solid #d8dfe3;padding-top:18px}
.discussion-person{display:flex;align-items:center;gap:12px;margin-bottom:12px}.discussion-person h3{font-size:15px;font-weight:600;margin:0}.professor-avatar{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border:2px solid #77a4b0;border-radius:50%;background:#edf3f5;color:#216982;font-size:12px;font-weight:600}
.workspace #question .discussion-post{display:block;padding:16px;margin:0 0 16px;max-height:none;overflow:visible;border:1px solid #d8dfe3;border-radius:4px;background:#fff;line-height:1.6;font-size:16px}
.discussion-person img{width:52px;height:52px;object-fit:contain;flex:none;border:2px solid #77a4b0;border-radius:50%;padding:2px;background:#fff}.discussion-body p{margin:0 0 12px}.discussion-body p:last-child{margin-bottom:0}.discussion-posts{margin-bottom:22px}.workspace #question .discussion-posts+h2{margin-top:18px}
.writing-email-header{display:grid;grid-template-columns:65px minmax(0,1fr);font-size:14px;line-height:1.5;border:1px solid #d8dfe3;margin:0 0 16px;padding:10px 12px;gap:5px 8px;background:#f8f9fa}.writing-email-header dt{font-weight:600}.writing-email-header dd{margin:0;overflow-wrap:anywhere}
.workspace .transcript>p{margin:0 0 12px;line-height:1.6}.workspace .transcript>p:last-child{margin-bottom:0}
/* Values measured from the corresponding BestMyTest task panels. */
.workspace,.workspace.cloze-layout,.workspace.build-layout,.workspace.interview-layout{max-width:952px;padding:40px 50px;min-height:calc(100dvh - 120px)}
.workspace:not(.cloze-layout):not(.build-layout):not(.interview-layout):not(.speaking-layout){grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}
.workspace #stimulus,.workspace .question-pane{max-height:calc(100dvh - 160px)}
.workspace #stimulus,.workspace #question{font-size:16px;line-height:27.75px}
.workspace .question-pane h2{font-size:16px;font-weight:400;line-height:24px;margin:0 0 16px}
.question-nav{margin-bottom:27px}.option{padding:0;margin:16px 0;gap:17px;line-height:27.75px}.option input{width:25px;height:25px;margin:1px 0 0;border-color:#ccc}.option input:checked{border-width:7px}
.passage.academic-passage,.workspace[data-section=Reading] .passage.academic-passage{line-height:27.75px}
.passage.academic-passage>p,.workspace[data-section=Reading] .passage.academic-passage>p{margin:0 0 16px}
.workspace.cloze-layout{padding:70px 35px}.workspace.cloze-layout .cloze-p{font-size:18px;line-height:28px;margin:0}.workspace.cloze-layout h2{font-size:21px;line-height:23.1px;margin:0 0 40px;text-align:center;color:#777}
.workspace[data-type=reading-training] .question-pane,.workspace[data-type=listening-training] .question-pane{order:-1}
.workspace[data-type=reading-training] .option,.workspace[data-type=listening-training] .option{font-size:14px;font-weight:600;line-height:18px}
.workspace[data-type=reading-training] #stimulus{padding-left:25px}
.workspace[data-type=choose-response]:not(.cloze-layout):not(.build-layout):not(.interview-layout){grid-template-columns:minmax(0,.8125fr) minmax(0,1.1875fr)}
.listening-person{padding:0;text-align:center}.listening-person img{max-height:65dvh;max-width:100%;object-fit:contain}
.workspace .transcript>p{line-height:29.6px;margin:0;padding:16px 0}.workspace .transcript-toggle{font-size:14px}
.workspace.build-layout{padding:50px 35px}.workspace.build-layout #stimulus h2{font-size:21px;line-height:23.1px;margin:0 0 100px;color:#777}.workspace.build-layout .question-nav{position:absolute;top:125px;left:35px;right:auto;margin:0}.workspace.build-layout #stimulus p{padding-top:42px;font-size:14px;line-height:21px;font-weight:600;margin:0 0 35px}.build-layout .portraits img,.build-layout .reply-row>img{width:64px;height:64px}.build-layout .reply-row{align-items:flex-start}.build-layout .sentence-slots{line-height:38px}.build-layout .tiles{margin:22px 0;gap:18px}.build-layout .tiles button{font-size:14px;padding:0 4px}.build-layout #question>button{display:none}
/* A single left professor panel and a double-width right response column. */
.workspace[data-type=email]:not(.cloze-layout):not(.build-layout):not(.interview-layout),.workspace[data-type=academic-discussion]:not(.cloze-layout):not(.build-layout):not(.interview-layout){padding:0 10px;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0}
.workspace[data-type=email] #stimulus,.workspace[data-type=academic-discussion] #stimulus,.workspace[data-type=email] .question-pane,.workspace[data-type=academic-discussion] .question-pane{max-height:calc(100dvh - 100px)}
.workspace[data-type=email] .question-pane,.workspace[data-type=academic-discussion] .question-pane{padding:0 15px}
.writing-instructions,.discussion-left,.discussion-body{font-size:16px;line-height:24.75px}
.discussion-left,.workspace[data-type=email] .writing-instructions{border:1px solid #ddd;border-radius:20px;padding:0 15px;margin-top:10px}
.writing-instructions p,.discussion-body p{padding:16px 0;margin:0}.writing-instructions ul{padding-left:24px;margin:16px 0;line-height:24.75px}
.workspace #stimulus .discussion-professor{margin:0;border:0;padding:0}.discussion-professor .discussion-person{display:flex;flex-direction:column;gap:0;align-items:center;margin:0}.discussion-professor .professor-avatar{width:70px;height:70px;flex:none;border:0;border-radius:0;background:none;padding:0;object-fit:contain}.discussion-professor h3{font-size:14px;font-weight:600;line-height:24.75px;margin:0}
.discussion-posts{margin-top:10px;margin-bottom:30px}.workspace #question .discussion-post{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,5fr);gap:0;padding:0;border:0;border-radius:0;margin:0 0 20px;font-size:16px;line-height:24.75px}.workspace #question .discussion-post:last-child{margin-bottom:0}.discussion-post .discussion-person{display:flex;flex-direction:column;gap:0;padding:16px 0;margin:0;align-items:center}.discussion-post .discussion-person img{width:70px;height:70px;border:0;border-radius:0;padding:0;object-fit:contain}.discussion-post .discussion-person h3{font-size:14px;line-height:24.75px;margin:0}
.workspace[data-type=email] #question>h2{font-size:16px;font-weight:600;line-height:24.75px;margin:10px 0 0;padding:16px 0}.writing-email-header{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0 4px;background:none;border:0;padding:16px 0;margin:0;font-size:16px;line-height:24.75px}.writing-email-header dd,.writing-email-header dt{font-weight:600}
.response-editor{position:relative;margin:0}.response-editor textarea{display:block;min-height:260px;height:260px;line-height:24.75px;font-size:16px;margin:0;padding:57px 15px 30px;border:1px solid #ddd;border-radius:20px;background:#fff}
.response-editor .editing-tools{position:absolute;left:1px;right:1px;top:1px;height:48px;padding:8px 14px;display:flex;align-items:center;justify-content:flex-start;gap:5px;background:#f3f3f3;border-radius:19px 19px 0 0;z-index:1;margin:0}.response-editor .editing-tools button{width:61px;height:32px;padding:7px 0;border-radius:9px;background:#ddd;color:#3e3e3e;font-size:12px;line-height:18px}.response-editor .editing-tools .muted{margin:0 0 0 auto;padding:0;line-height:32px;font-size:12px;color:#222}
.model-answer-switch{display:flex;align-items:center;gap:12px;height:54.75px;font-size:14px;line-height:24.75px;font-weight:600;color:#666;cursor:pointer}.model-answer-switch input{position:absolute;opacity:0;width:0;height:0}.model-answer-lever{display:inline-block;position:relative;width:36px;height:14px;background:#aaa;border-radius:14px}.model-answer-lever:before{content:'';position:absolute;left:-2px;top:-3px;width:20px;height:20px;border-radius:50%;background:#eee;box-shadow:0 1px 3px #0003}.model-answer-switch input:checked+.model-answer-lever{background:#a9cedd}.model-answer-switch input:checked+.model-answer-lever:before{left:18px;background:#7db0c7}.inline-model-answer{font-size:16px;line-height:24.75px}.inline-model-answer p{padding:16px 0;margin:0}
.study-footer{height:auto;min-height:40px;border:0;background:none;padding:16px 0;gap:12px;justify-content:flex-end;flex-wrap:wrap}.study-footer #position,.study-footer #time,.study-footer #timerToggle{display:none!important}.study-footer #saved{text-align:left;font-size:13px}.study-footer #grade{font-size:14px;height:35px;line-height:35px;padding:0 24px;background:#5995a9;border-radius:4px}
.instructions{max-width:882px;padding:40px 25px;font-size:16px;line-height:29.6px}.instructions p{margin:0;padding:16px 0}.exam-start{height:35px;padding:0 34px;line-height:35px;margin:35px auto 30px;text-transform:uppercase}
/* Speaking has a vertical question list, with all task content on the right. */
.workspace[data-section=Speaking],.workspace[data-section=Speaking].speaking-layout,.workspace[data-section=Speaking].interview-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:53px;padding:70px;min-height:calc(100dvh - 80px);max-width:952px}
.workspace[data-section=Speaking] .question-tabs{display:flex;flex-direction:column;width:150px;max-width:150px;margin:0;padding:0;gap:10px;align-self:start}.workspace[data-section=Speaking] .question-tabs button{width:150px;height:30px;padding:0;font-size:13px;line-height:30px;border-radius:8px}
.workspace[data-section=Speaking] .question-pane{display:none}.workspace[data-section=Speaking] #stimulus{max-height:none;overflow:visible}.workspace[data-section=Speaking] .speaking-map{max-width:300px;margin:0 auto}.workspace[data-section=Speaking] .speaking-map img{width:300px;max-width:100%;display:block;border:0;margin:0 auto}
.workspace[data-section=Speaking] video{display:block;width:100%;max-width:none;margin:0 auto 26px}.workspace[data-section=Speaking] .interview-poster{width:100%;max-width:none;max-height:none;object-fit:contain;margin:0 auto 25px}.interview-layout #stimulus>p{line-height:29.6px}
.repeat-audio-line{display:flex;justify-content:center;align-items:center;gap:10px;height:62px;margin:10px 0 16px;font-size:16px}.repeat-audio-line .audio-player{height:24px;width:24px;padding:0;margin:0;background:none;border:0;box-shadow:none}.repeat-audio-line .audio-player input,.repeat-audio-line .audio-volume{display:none}.repeat-audio-line .audio-play{width:21px;height:21px;font-size:11px;background:#aaa}
.workspace[data-type=listen-repeat] .response-timer{height:74px;margin:0 auto 26px;border:1px solid #e4e4e4;border-radius:40px;line-height:74px;text-align:center;font-size:13px;color:#aaa;position:relative}.workspace[data-type=listen-repeat] .response-timer:before{content:'';position:absolute;left:0;right:0;top:35px;height:1px;background:#ff463a}.repeat-prompt-control{text-align:center;font-size:14px}.workspace.speaking-layout #stimulus .repeat-target{line-height:29.6px;font-size:16px;padding:16px 0;margin:0;text-align:left}
.must-answer-dialog{max-width:450px;border-radius:4px;padding:30px;font-size:16px}.must-answer-dialog h2{font-size:20px;color:#e59027}.must-answer-dialog button{display:block;margin:20px auto 0;background:#5995a9;color:#fff;border:0;font-size:14px}
@media(max-width:760px){
 .workspace,.workspace.cloze-layout,.workspace.build-layout,.workspace.interview-layout{padding:28px 22px;min-height:0}
 .workspace:not(.cloze-layout):not(.build-layout):not(.interview-layout):not(.speaking-layout),.workspace[data-type=choose-response]:not(.cloze-layout):not(.build-layout):not(.interview-layout),.workspace[data-type=email]:not(.cloze-layout):not(.build-layout):not(.interview-layout),.workspace[data-type=academic-discussion]:not(.cloze-layout):not(.build-layout):not(.interview-layout){grid-template-columns:1fr;gap:25px}
 .workspace #stimulus,.workspace .question-pane{max-height:none!important}.workspace[data-type=reading-training] .question-pane,.workspace[data-type=listening-training] .question-pane{order:0}.workspace[data-type=reading-training] #stimulus{padding-left:0}.workspace[data-type=email] .question-pane,.workspace[data-type=academic-discussion] .question-pane{padding:0}
 .workspace[data-section=Speaking],.workspace[data-section=Speaking].speaking-layout,.workspace[data-section=Speaking].interview-layout{grid-template-columns:110px minmax(0,1fr);gap:20px;padding:28px 22px}.workspace[data-section=Speaking] .question-tabs,.workspace[data-section=Speaking] .question-tabs button{width:110px;max-width:110px}.workspace[data-section=Speaking] .question-pane{display:none}.workspace.build-layout .question-nav{left:22px;top:100px}.workspace.build-layout #stimulus h2{margin-bottom:90px}.instructions{padding:28px 22px}
}
.speaking-response-bar{position:relative;margin:0 auto 26px;height:74px;border:1px solid #e4e4e4;border-radius:40px;max-width:350px;overflow:hidden}
.speaking-response-start{position:absolute;left:0;top:0;width:70px;height:70px;border:0;border-radius:50%;background:#ff463a;color:#fff;z-index:1;font-size:14px;font-weight:600;padding:0;opacity:1!important}.speaking-response-start:before{content:'●';display:block;font-size:25px;line-height:30px;color:#fff}.speaking-response-start:hover:enabled{background:#ff463a}
.workspace[data-section=Speaking] .speaking-response-bar .response-timer{height:72px;line-height:72px;border:0;border-radius:0;margin:0;padding-left:70px;color:#aaa;font-size:13px;background:linear-gradient(transparent 35px,#ff463a 35px,#ff463a 36px,transparent 36px);text-align:center}
.workspace[data-section=Speaking] .speaking-response-bar .response-timer:before{display:none}
/* Writing scrolls as one discussion page, as in the source, rather than two narrow scroll panes. */
main:has(.workspace[data-type=email]),main:has(.workspace[data-type=academic-discussion]){height:calc(100dvh - 80px);overflow:auto}
body.exam-running main:has(.workspace[data-type=email]),body.exam-running main:has(.workspace[data-type=academic-discussion]){height:calc(100dvh - 40px)}
.workspace[data-type=email] #stimulus,.workspace[data-type=academic-discussion] #stimulus,.workspace[data-type=email] .question-pane,.workspace[data-type=academic-discussion] .question-pane{max-height:none!important;overflow:visible}
.workspace[data-type=email] #question,.workspace[data-type=academic-discussion] #question{max-height:none;overflow:visible}
.workspace[data-type=academic-passage] .passage.academic-passage{font-size:16px;line-height:21px;overflow-wrap:break-word}
.workspace[data-type=academic-passage] .passage.academic-passage>p{margin:0;padding:7px 0;line-height:21px}
.workspace[data-type=academic-passage] .passage.academic-passage>p:first-child{padding-top:0}
.workspace[data-type=reading-training] .passage.academic-passage{line-height:29.6px}.workspace[data-type=reading-training] .passage.academic-passage>p{padding:0 10px;margin:0;line-height:29.6px;overflow-wrap:break-word}
.formatted-passage .email-message p,.email-body p{padding:10px 0;margin:0;line-height:20px}.formatted-passage .email-message,.email-body{padding:0 14px}
@media(min-width:761px){
 .exam-running .workspace,.exam-running .workspace.cloze-layout,.exam-running .workspace.build-layout,.exam-running .workspace.interview-layout{max-width:1015px}
 .exam-running .workspace:not(.cloze-layout):not(.build-layout):not(.interview-layout):not(.speaking-layout){grid-template-columns:repeat(2,minmax(0,1fr))}
 .exam-running .workspace[data-type=email]:not(.cloze-layout):not(.build-layout):not(.interview-layout),.exam-running .workspace[data-type=academic-discussion]:not(.cloze-layout):not(.build-layout):not(.interview-layout){grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
 .exam-running .workspace[data-type=choose-response]:not(.cloze-layout):not(.build-layout):not(.interview-layout){grid-template-columns:minmax(0,.8125fr) minmax(0,1.1875fr)}
 .exam-running .workspace[data-section=Speaking],.exam-running .workspace[data-section=Speaking].speaking-layout,.exam-running .workspace[data-section=Speaking].interview-layout{grid-template-columns:150px minmax(0,1fr)}
}
.toolbar{height:40px!important;min-height:40px;position:relative;justify-content:center;padding:0 22px;background:#f8f8f8}
.toolbar .study-toggle,.toolbar .study-toggle[aria-pressed=true],.toolbar .study-toggle[aria-pressed=false]{display:inline-flex;align-items:center;gap:12px;width:auto;height:40px;min-height:40px;padding:0;border:0;background:transparent;color:#333;box-shadow:none;font-size:14px;font-weight:600;border-radius:0;margin:0}
.toolbar .study-toggle:hover{background:transparent!important}.study-mode-lever{display:inline-block;position:relative;width:36px;height:14px;border-radius:14px;background:#e4a5a8}.study-mode-lever:before{content:'';position:absolute;left:-2px;top:-3px;width:20px;height:20px;border-radius:50%;background:#e9252a;box-shadow:0 1px 3px #0003}.study-toggle[aria-pressed=true] .study-mode-lever{background:#a8cbd7}.study-toggle[aria-pressed=true] .study-mode-lever:before{left:18px;background:#7baac1}
.toolbar .question-nav{position:absolute;left:10px;top:9px;margin:0;gap:14px}.toolbar .review-score-bar{position:absolute;right:0;top:0;height:40px;min-height:40px;display:flex;align-items:center;gap:20px;padding:0;font-size:14px;background:transparent;flex-wrap:nowrap}.toolbar .review-score-bar #grade{height:40px;line-height:40px;border-radius:0;background:#1bbd72;font-size:14px;padding:0 14px}.toolbar .review-score-bar #saved{white-space:nowrap;font-size:14px}
.practice-dialog{width:min(600px,92vw);padding:26px}.practice-dialog label{display:flex;align-items:center;justify-content:space-between;margin:20px 0;font-size:15px;gap:20px}.practice-dialog select{font-size:15px;max-width:360px;width:75%;padding:8px}.practice-dialog h2{font-size:20px;margin:0}
.exam-running #choosePractice{display:none}
.workspace .cloze-p{overflow-wrap:break-word}
@media(max-width:760px){.toolbar .review-score-bar #saved{display:none}.toolbar .review-score-bar #grade{font-size:11px;padding:0 8px}.toolbar .study-toggle{font-size:12px;gap:8px}}
/* Match the source with its left site navigation collapsed. */
html{scrollbar-gutter:auto}
.content-shell>main{height:calc(100dvh - 80px);margin:0 63px 0 0;overflow-y:auto;overflow-x:hidden}
body.exam-running .content-shell>main{height:calc(100dvh - 40px);margin-right:0}
.toolbar{margin-right:63px}
.workspace,.workspace.cloze-layout,.workspace.build-layout,.workspace.interview-layout,.workspace[data-section=Speaking],.workspace[data-section=Speaking].speaking-layout,.workspace[data-section=Speaking].interview-layout{width:100%;max-width:none!important;min-height:calc(100dvh - 80px)}
.workspace #stimulus,.workspace .question-pane,.exam-running .workspace #stimulus,.exam-running .workspace .question-pane{max-height:none!important;overflow:visible}
.exam-running .workspace{min-height:calc(100dvh - 40px)}
.workspace.cloze-layout{padding:40px 35px}
.workspace.cloze-layout #stimulus>h2:first-child{font-size:21px;line-height:23.1px;margin:12.3px 0 100px}
.workspace.cloze-layout .cloze-p{padding:18px 0;font-size:18px;line-height:28px}
.cloze-word input:not([readonly]){background:#eee;height:24px;line-height:28px}.cloze-word input::placeholder{color:transparent}.cloze-word.filled input{background:transparent}
.workspace.cloze-layout .study-footer{justify-content:center;padding:50px 0 80px}
.workspace.cloze-layout .study-footer #saved:empty{display:none}.workspace.cloze-layout .study-footer #grade{background:#1bbd72;color:#fff;height:40px;line-height:40px;border-radius:6px;padding:0 10px;text-transform:uppercase}
footer{position:fixed;top:40px;right:0;bottom:0;left:auto;width:63px;border-left:1px solid #eee;border-top:0;background:#f8f8f8;padding:0;display:flex;align-items:flex-end;z-index:2}
footer .folder-return{display:none}.practice-nav{display:flex;flex-direction:column;width:63px;gap:0;margin:0}.practice-nav button{height:40px;padding:0 8px;font-size:14px;line-height:40px;white-space:nowrap;text-align:right;color:#5995a9}.exam-running footer{display:none}
.exam-running header h1{visibility:hidden}.exam-running header .exam-head{margin-left:auto}
.exam-running .workspace[data-type=choose-response]{padding-top:135px}
.exam-running .workspace[data-type=choose-response] #question>h2:first-child{position:absolute;top:70px;left:0;width:100%;text-align:center;color:#777;font-size:21px;line-height:23.1px;font-weight:600}
.exam-running .workspace[data-type=choose-response] #question .option:has(input:disabled),.exam-running .workspace[data-type=choose-response] .listening-person:has(+ *){opacity:.5}
@media(max-width:760px){.content-shell>main,.toolbar{margin-right:0}footer{display:none}.workspace,.workspace.cloze-layout,.workspace.build-layout,.workspace.interview-layout,.workspace[data-section=Speaking],.workspace[data-section=Speaking].speaking-layout,.workspace[data-section=Speaking].interview-layout{width:100%;padding:28px 22px}.workspace.cloze-layout #stimulus>h2:first-child{margin-bottom:70px}.exam-running .workspace[data-type=choose-response]{padding-top:90px}}
.content-shell>main:has(.workspace){overflow-x:hidden;overflow-y:auto}
.workspace[data-type=email] .study-footer,.workspace[data-type=academic-discussion] .study-footer{padding:7.25px 0 20px}
.workspace[data-type=email] .study-footer #grade,.workspace[data-type=academic-discussion] .study-footer #grade{background:#20bd67;height:40px;line-height:40px;font-size:16px;border-radius:9px;padding:0 10px}
.workspace[data-type=email] .study-footer #saved,.workspace[data-type=academic-discussion] .study-footer #saved{display:none}

/* Playback is a centered scene; answer choices appear after the one permitted play. */
.workspace.listening-scene{display:block!important;padding:50px 25px!important;min-height:calc(100dvh - 40px)}
.workspace.listening-scene .question-pane{display:none}.listening-scene #stimulus{padding:0!important;text-align:center;overflow:visible;max-height:none}
.workspace.listening-scene h2{font-size:21px;font-weight:600;line-height:23.1px;margin:12.3px 0 40px;color:#333}
.listening-scene-images{width:400px;max-width:100%;margin:auto}.listening-scene-images img{display:block;width:275px;max-width:100%;height:auto;margin:auto}
.workspace.listening-scene[data-type=listening-training]{padding-top:40px!important}.chalkboard{box-sizing:border-box;width:400px;max-width:100%;height:300px;margin:auto;border:8px solid #8e6e46;background:#225232 url(ui/listening/chalk_opt.png) no-repeat right center/100% auto;color:#e8e8e8;font-size:28px;line-height:30px;padding:20px 10px 10px}
.legacy-conversation-scene{width:400px;max-width:100%;display:block;margin:auto}
.listening-scene .exam-audio-progress{width:400px;max-width:100%;height:40px;margin:28px auto 0;padding:0;background:#8aabc6;border:1px solid #38759c;border-radius:0;box-shadow:none}
.listening-scene .exam-audio-progress .audio-play{display:none}.listening-scene .exam-audio-progress progress{width:100%;height:100%;appearance:none;border:0}.listening-scene .exam-audio-progress progress::-webkit-progress-bar{background:#8aabc6}.listening-scene .exam-audio-progress progress::-webkit-progress-value{background:#427da6}
.listening-notes{display:none}.task-submit{display:block;margin:7.25px 0 20px auto;height:40px;line-height:40px;padding:0 10px;background:#20bd67;color:white;border:0;border-radius:9px;font-size:16px}
.cloze-layout .task-submit{height:35px;line-height:35px;background:#5995a9;font-size:14px;padding:0 24px;margin-top:35px;margin-bottom:0}
@media(max-width:760px){.workspace.listening-scene{padding:35px 22px!important}}
.workspace.listening-scene #stimulus>h2:first-child{margin:12.3px 0 40px;font-size:21px;line-height:23.1px;color:#333}

/* Original email, mobile-message, post and notice themes, scoped to their passage. */
.workspace[data-type=daily-life] .formatted-passage .text-message{margin:0;background:transparent;border-radius:0}
.workspace[data-type=daily-life] .formatted-passage .text-message strong{display:inline;font-size:inherit;margin:0}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type p{margin:0;font-size:14px;line-height:20px;padding:10px 0}
.workspace[data-type=daily-life] .formatted-passage .phone .mobile-content{padding:15px 0 0}
.workspace[data-type=daily-life] .formatted-passage .mobile-wrapper>.chrome-bar{position:absolute;top:0;left:0;right:0;width:auto;height:30px;margin:0;border-radius:0}
.workspace[data-type=daily-life] .formatted-passage .action-bar{background:none;padding:0}
.workspace[data-type=daily-life] .formatted-passage .url-pill{margin:0 4px;text-align:right}
.workspace[data-type=daily-life] .formatted-passage .rounded-border-slight{border-radius:3px}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type{padding:7px;max-width:450px;margin:auto;font-size:14px;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type p{font-size:14px;line-height:20px;padding:10px 0;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.email-wrapper{background:#cdcdcd;border:1px solid #979797;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.email-wrapper .email-input{background:#fff;padding:0 5px;margin:0 15px 4px 0;height:21px;line-height:21px;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.email-wrapper .left-input{width:60px;margin-right:0;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.email-wrapper .right-input{flex:1;margin-left:4px;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.email-wrapper .email-message{background:#fff;padding:15px;overflow-y:scroll;max-height:350px;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.email-wrapper .email-input,.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.email-wrapper .email-message{border:1px inset #b3b3b3;}
.workspace[data-type=daily-life] .formatted-passage .mobile-wrapper{background:#fff;border:16px solid #333;border-radius:40px;position:relative;padding:30px 15px 15px;box-sizing:border-box;display:flex;flex-direction:column;max-height:450px;overflow:auto;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;}
.workspace[data-type=daily-life] .formatted-passage .mobile-wrapper::after{content:'';position:absolute;bottom:5px;left:0;right:0;margin:auto;width:65px;height:3px;background:#333;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.workspace[data-type=daily-life] .formatted-passage .chrome-bar{position:absolute;top:0;left:0;right:0;height:30px;background:#f8f8f8;border-bottom:1px solid #ccc;display:flex;align-items:center;padding:0 12px;}
.workspace[data-type=daily-life] .formatted-passage .chrome-btn{background:none;border:none;font-size:14px;width:25px;height:25px;line-height:25px;margin-right:8px;color:#333;display:flex;align-items:center;justify-content:center;}
.workspace[data-type=daily-life] .formatted-passage .chrome-btn:disabled{color:#bbb;}
.workspace[data-type=daily-life] .formatted-passage .url-pill{flex:1;height:16px;background:#fff;border:1px solid #ccc;border-radius:15px;padding:0 12px;font-size:10px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 4px;justify-content:end;}
.workspace[data-type=daily-life] .formatted-passage .chrome-btn.reload{font-size:16px;}
.workspace[data-type=daily-life] .formatted-passage .chrome-btn.tabs{font-size:14px;padding:0 10px;border-radius:10px;background:#ddd;}
.workspace[data-type=daily-life] .formatted-passage .mobile-wrapper.phone{max-width:290px;overflow-x:hidden;padding:15px 0 0 10px;border-width:12px;}
.workspace[data-type=daily-life] .formatted-passage .mobile-wrapper.phone::after{top:9px;width:25px;height:6px;bottom:unset;background:#bfbfbf;}
.workspace[data-type=daily-life] .formatted-passage .mobile-content .text-message{line-height:15px;padding:3px 0;font-size:13px;letter-spacing:-0.25px;}
.workspace[data-type=daily-life] .formatted-passage .phone .chrome-bar{height:25px;}
.workspace[data-type=daily-life] .formatted-passage .mobile-content{flex:1;overflow:auto;padding-top:15px;}
.workspace[data-type=daily-life] .formatted-passage .profile-header{display:flex;align-items:center;margin-bottom:5px;}
.workspace[data-type=daily-life] .formatted-passage .profile-icon{font-size:28px;margin-right:5px;}
.workspace[data-type=daily-life] .formatted-passage .profile-name{font-size:16px;font-weight:500;}
.workspace[data-type=daily-life] .formatted-passage .action-bar{display:flex;justify-content:space-between;border-top:1px solid #ccc;margin-top:8px;}
.workspace[data-type=daily-life] .formatted-passage .action-item{display:flex;align-items:center;}
.workspace[data-type=daily-life] .formatted-passage .icon{width:15px;height:15px;margin-right:4px;}
.workspace[data-type=daily-life] .formatted-passage .icon.like-icon{position:relative;top:-2px;}
.workspace[data-type=daily-life] .formatted-passage .icon-path{fill:#fff;stroke:#8b8b8b;stroke-width:1.5;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.notice-wrapper,.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.notice-wrapper .notice-content-wrapper{padding:7px;border:2px solid #5b5b5b;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.notice-wrapper .notice-content{padding:0 20px;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.notice-wrapper .notice-content h4{font-size:18px;margin:15px 0 5px;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.notice-wrapper .notice-content h5{font-size:14px;margin:0 0 9px;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.notice-wrapper .notice-content h4,.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.notice-wrapper .notice-content h5{text-align:center;font-weight:600;}
.workspace[data-type=daily-life] .formatted-passage .reading-passage-type.notice-wrapper .notice-content table td{padding:9px 5px 0 0;vertical-align:top;line-height:18px;min-width:135px;}

.workspace[data-type=daily-life] .option,.workspace[data-type=academic-passage] .option,.workspace[data-type=choose-response] .option,.workspace[data-type=conversation] .option,.workspace[data-type=announcement] .option,.workspace[data-type=academic-talk] .option{font-size:15px;line-height:22px;font-weight:400}
.workspace.build-layout .slot{min-width:125px;height:30px;line-height:28px;padding:0 12px;border-bottom:2px solid #b7b7b7;background:none;color:#333;font-size:15px}
.workspace.build-layout .slot.filled{min-width:0}.workspace.build-layout .tiles{justify-content:flex-end;padding:10px 0 50px}.workspace.build-layout .tiles button{font-size:15px;padding:0 12px;line-height:17px}
.chalkboard{position:relative;border-radius:3px;vertical-align:middle}.chalkboard .topic{line-height:32px}.chalkboard:after{content:"";display:block;position:absolute;border-radius:.1em .1em 0 .1em;width:50px;height:8px;background:#f1f1f1;top:98%;right:-2px;box-shadow:inset 0 -4px 1px #0005,-1px -1px 1px #0003,0 2px 0 #0005}

/* During a test, question navigation belongs beside the clock and exit button. */
.exam-running header .question-nav{position:static;display:flex;align-items:center;gap:14px;margin:0;padding:0;height:40px;flex:none}
.exam-running header .question-nav button{height:26px;line-height:26px;font-size:14px;font-weight:500;background:#eee;color:#333;padding:0 10px;border-radius:6px;border:1px solid #ddd}
body.exam-running:has(.workspace[data-section=Listening]) header .question-nav #prev{display:none}
.exam-running .workspace[data-type=daily-life],.exam-running .workspace[data-type=academic-passage]{padding-top:120px}
.workspace>.test-passage-title{position:absolute;left:0;right:0;top:62.3px;font-size:21px;line-height:23.1px;font-weight:600;color:#777;margin:0;text-align:center}
.exam-running .workspace[data-type=conversation] .question-pane,.exam-running .workspace[data-type=announcement] .question-pane,.exam-running .workspace[data-type=academic-talk] .question-pane{padding-top:50px}
.listening-answer-image{text-align:center;min-height:412px}.listening-answer-image img{display:block;width:275px;max-width:100%;height:auto;margin:auto}
.workspace.build-layout{padding:40px 50px}.workspace.build-layout #stimulus>h2:first-child{margin:12.3px 0 100px}
.workspace.build-layout .slot{min-width:125px}.workspace.build-layout .slot.filled{min-width:0}
@media(max-width:760px){.workspace.build-layout{padding:28px 22px}.exam-running .workspace[data-type=daily-life],.exam-running .workspace[data-type=academic-passage]{padding-top:100px}.workspace>.test-passage-title{top:35px}.exam-running header .question-nav{gap:5px}.exam-running header .question-nav button{font-size:11px;padding:0 6px}}

.workspace.build-layout #question{max-width:750px}.workspace.build-layout .reply-row{gap:0}.workspace.build-layout .portraits img,.workspace.build-layout .reply-row>img{width:65px;height:65px}.workspace.build-layout #stimulus>p{padding-left:65px}
.workspace{position:relative}
.workspace[data-type=daily-life] .formatted-passage .email-input-wrapper{display:flex;gap:0;margin:0}
.exam-running .workspace[data-type=daily-life]{padding-top:115.4px}.exam-running .workspace[data-type=daily-life] .question-pane{padding-top:4.6px}
.content-shell>header .header-actions>#exitTest{width:104px;flex:none;text-transform:uppercase}
.exam-running header .question-nav{margin-right:17px}

.workspace[data-section=Speaking] details{display:none}
.workspace[data-type=interview] video{aspect-ratio:13.5 / 9;object-fit:cover;object-position:center}
.exam-running .workspace[data-section=Speaking],.exam-running .workspace[data-section=Speaking].speaking-layout,.exam-running .workspace[data-section=Speaking].interview-layout{display:block;padding:40px 46.5px}
.exam-running .workspace[data-section=Speaking] .question-tabs{display:none!important}
.workspace[data-section=Speaking] .speaking-scene-title{font-size:21px;line-height:23.1px;font-weight:600;margin:12.3px 0 40px;text-align:center}
.exam-running .workspace[data-section=Speaking] .speaking-map{margin:0 auto 30px}
.exam-running .workspace[data-section=Speaking] .exam-audio-progress{display:none}
.exam-running .workspace[data-type=interview] video{width:370px;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:55px auto 30px}
.exam-running .workspace[data-section=Speaking]:not(.speaking-answering) .speaking-response-bar{display:none}
.speaking-question-position{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:14px;line-height:40px;color:#fff;white-space:nowrap}
.exam-running .workspace[data-section=Speaking] .speaking-response-bar{display:block;max-width:300px;width:300px;height:96px;margin:50px auto 0;border:1px solid #7b7b7b;border-radius:15px;overflow:hidden;padding-top:42px}
.exam-running .workspace[data-section=Speaking] .speaking-response-bar:before{content:'RESPONSE TIME';position:absolute;top:0;left:0;right:0;height:42px;line-height:42px;background:#737373;color:#fff;text-align:center;font-size:16px;font-weight:500}
.exam-running .workspace[data-section=Speaking] .speaking-response-bar:after{display:none}
.exam-running .workspace[data-section=Speaking] .speaking-response-start{display:none}
.exam-running .workspace[data-section=Speaking] .response-timer{height:52px;line-height:52px;border:0;border-radius:0;font-size:24px!important;margin:0;color:#3d3d3d;font-weight:500}
.exam-running .workspace[data-section=Speaking] .response-timer:before{display:none}
@media(max-width:760px){.exam-running .workspace[data-section=Speaking],.exam-running .workspace[data-section=Speaking].speaking-layout,.exam-running .workspace[data-section=Speaking].interview-layout{padding:28px 22px}.speaking-question-position{font-size:11px;left:40%}}
.workspace[data-section=Speaking] #stimulus>.speaking-scene-title:first-child{margin:12.3px 0 40px;font-size:21px;line-height:23.1px;font-weight:600;text-align:center}
body.exam-running:has(.workspace[data-section=Speaking]) header #time,body.exam-running:has(.workspace[data-section=Speaking]) header #timerToggle{display:none!important}
.passage mark{background:#2a81ab;color:#fff;padding:3px 0;font-weight:inherit}

.workspace[data-type=interview] .interview-poster{width:100%;aspect-ratio:13.5/9;object-fit:cover}
.exam-running .workspace[data-type=interview] .interview-poster{display:block;width:370px;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;margin:55px auto 30px}

.workspace:not([data-type=reading-training]):not([data-type=listening-training]) .option input{width:20px;height:20px;margin:2px 0 0 4px}

@media(max-width:760px){
 .exam-running .content-shell>header h1{display:none}
 .exam-running .content-shell>header{gap:8px}
 .exam-running header .question-nav{margin-right:0;gap:5px}
 .exam-running .content-shell>header .header-actions>#exitTest{width:64px}
 .speaking-question-position{position:static;transform:none;flex:1;text-align:center}
 .workspace[data-section=Speaking],.workspace[data-section=Speaking].speaking-layout,.workspace[data-section=Speaking].interview-layout{grid-template-columns:minmax(0,1fr);gap:20px}
 .workspace[data-section=Speaking] .question-tabs{flex-direction:row;flex-wrap:wrap;width:100%;max-width:none}
 .toolbar:has(.question-nav),.toolbar:has(.review-score-bar){height:auto!important;min-height:40px;flex-wrap:wrap;padding:5px 14px}
 .toolbar .question-nav,.toolbar .review-score-bar{position:static;flex-wrap:wrap;gap:8px}
}

/* BestMyTest uses separate task widths; measurements exclude its left site menu. */
@media(min-width:761px){
 .workspace.cloze-layout,.workspace.build-layout{max-width:992px!important}
 .workspace.build-layout{padding-right:35px;padding-left:35px}
 .workspace[data-type=daily-life],.workspace[data-type=academic-passage],.workspace[data-type=choose-response]:not(.listening-scene),.workspace[data-type=conversation]:not(.listening-scene),.workspace[data-type=announcement]:not(.listening-scene),.workspace[data-type=academic-talk]:not(.listening-scene){max-width:1200px!important}
 .workspace[data-type=choose-response]:not(.cloze-layout):not(.build-layout):not(.interview-layout){grid-template-columns:calc(41.666666667% - 29.166666667px) minmax(0,1fr)}
 body:not(.exam-running) .workspace[data-section=Speaking]{padding:70px 45px 40px;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:0}
 body:not(.exam-running) .workspace[data-type=listen-repeat]{max-width:786px!important}
 body:not(.exam-running) .workspace[data-type=interview]{max-width:992px!important}
 body:not(.exam-running) .workspace[data-type=listen-repeat] .speaking-map{width:100%;max-width:600px}
 body:not(.exam-running) .workspace[data-type=listen-repeat] .speaking-map img{width:100%;max-height:none}
 .workspace[data-type=reading-training]:not(.cloze-layout):not(.build-layout):not(.interview-layout):not(.speaking-layout),.workspace[data-type=listening-training]:not(.cloze-layout):not(.build-layout):not(.interview-layout):not(.speaking-layout):not(.listening-scene){padding:0;gap:0}
 .workspace[data-type=reading-training] #stimulus,.workspace[data-type=reading-training] .question-pane,.workspace[data-type=listening-training]:not(.listening-scene) #stimulus,.workspace[data-type=listening-training]:not(.listening-scene) .question-pane{padding:40px 35px}
}

/* Practice controls in the header; set navigation on a horizontal bottom bar. */
.content-shell{--practice-header-height:40px;--practice-toolbar-height:40px}
.content-shell>header{gap:16px;overflow:visible}
.content-shell>header h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.practice-selectors{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:none;height:40px;background:none;box-shadow:none;line-height:normal;width:auto}
.practice-selectors label{display:flex;align-items:center;gap:6px;color:#e2eef2;font-size:11px;white-space:nowrap;line-height:normal}
.practice-selectors select{display:block;height:28px;padding:0 8px;line-height:26px;border:1px solid #7ca1ae;border-radius:4px;background:#fff;color:#234c5b;font-family:inherit;font-size:12px;min-width:0;max-width:none;margin:0}
.practice-selectors #section{width:96px}.practice-selectors #type{width:156px}.practice-selectors #set{width:64px}
.practice-selectors select:focus-visible{outline:2px solid #bce3f1;outline-offset:2px}
.exam-running .practice-selectors{display:none}
.content-shell>main,.content-shell>main:has(.workspace){margin-right:0;height:calc(100dvh - var(--practice-header-height) - var(--practice-toolbar-height) - 44px)}
.toolbar{margin-right:0}
body:not(.exam-running) .workspace{min-height:calc(100dvh - var(--practice-header-height) - var(--practice-toolbar-height) - 44px)}
.content-shell footer{position:fixed;top:auto;right:0;bottom:0;left:0;width:auto;height:44px;min-height:44px;display:flex;align-items:center;justify-content:flex-end;background:#f8f8f8;border-left:0;border-top:1px solid #ddd;padding:0 22px;z-index:2}
.content-shell footer .practice-nav{display:flex;flex-direction:row;align-items:center;gap:8px;width:auto;margin:0}
.content-shell footer .practice-nav button{height:30px;min-width:76px;padding:0 12px;font-size:14px;line-height:30px;text-align:center;border-radius:4px;background:transparent}
.content-shell footer .practice-nav button:hover:enabled{background:#e6edf0}
.content-shell footer .practice-nav button:focus-visible{outline:2px solid #5995a9;outline-offset:2px}
.exam-running .content-shell footer{display:none}
body.exam-running .content-shell>main,body.exam-running .content-shell>main:has(.workspace){height:calc(100dvh - 40px)}
@media(max-width:1050px){
 .content-shell>header:not(:has(.exam-head)){height:auto;min-height:80px;max-height:none;flex-wrap:wrap;gap:0 12px;align-content:start}
 .content-shell>header .toefl-logo{order:0}.content-shell>header h1{order:1;flex:1 1 0}.content-shell>header .header-actions{order:2;margin-left:auto}
 .content-shell>header .practice-selectors{order:3;flex:1 0 100%;height:40px;justify-content:flex-end}
 .practice-selectors #type{width:156px}
 .exam-running .content-shell>header{height:40px;min-height:40px;max-height:40px;flex-wrap:nowrap}
 .exam-running .content-shell>header .header-actions{order:0;margin-left:0}
}
@media(max-width:600px){
 .content-shell>header{padding-right:14px;padding-left:14px}
 .practice-selectors{gap:10px}
 .practice-selectors label{gap:4px;font-size:10px}
 .practice-selectors #section{width:86px}.practice-selectors #type{width:148px}.practice-selectors #set{width:56px}
 .content-shell footer{padding:0 14px}
}
@media(max-width:440px){
 .practice-selectors{gap:7px}
 .practice-selectors label{font-size:0;gap:0}.practice-selectors select{font-size:11px;padding-left:6px;padding-right:6px}
 .practice-selectors label:nth-child(2){flex:0 1 148px;min-width:0}.practice-selectors #type{width:100%}
}

/* The header selectors already identify the active practice. */
.content-shell>header #pageTitle{display:none}
.content-shell>header .practice-selectors{margin-left:auto}

/* One visible underline per missing letter, including partially entered blanks. */
.workspace.cloze-layout .cloze-word input:not([readonly]){
 font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:2px;border:0;
 background-color:#eee;
 background-image:repeating-linear-gradient(to right,#536976 0,#536976 calc(var(--cloze-cell-width) - 4px),transparent calc(var(--cloze-cell-width) - 4px),transparent var(--cloze-cell-width));
 background-size:100% 2px;background-position:left bottom 2px;background-repeat:no-repeat;
}
.workspace.cloze-layout .cloze-word.filled input{font-family:inherit;letter-spacing:normal;border:0;background:transparent}

@media(max-width:480px){
 .exam-running .content-shell>header{padding:0 10px;gap:4px}
 .exam-running header .toefl-logo{font-size:16px!important;padding-right:8px}
 .exam-running header .exam-head{gap:4px}
 .exam-running header .exam-head #time{font-size:16px;min-width:43px}
 .exam-running header .exam-head #timerToggle{font-size:9px}
 .exam-running header .question-nav{gap:4px}
 .exam-running header .question-nav button{font-size:10px;padding:0 5px}
}

.exam-running .content-shell>header .header-actions{order:1}
.exam-running .content-shell>header .header-actions>#exitTest{
 width:auto;min-width:52px;height:28px;line-height:28px;margin-right:0;padding:0 12px;
 border:0;border-radius:4px;font-size:12px;
}
@media(max-width:480px){
 .exam-running .content-shell>header .header-actions>#exitTest{min-width:44px;height:26px;line-height:26px;padding:0 6px;font-size:10px}
}

/* Filled blanks remain visibly editable; submitted answers stay locked. */
.workspace.cloze-layout .cloze-word.filled:has(input:not(:disabled)){cursor:pointer}
.workspace.cloze-layout .cloze-word.filled input:not(:disabled){
 background:#eaf2f6;border-radius:2px;box-shadow:inset 0 -1px 0 #9db2bf;cursor:pointer;
}
.workspace.cloze-layout .cloze-word.filled:hover input:not(:disabled){background:#dcebf2;box-shadow:inset 0 -1px 0 #668a9d}
@media(forced-colors:active){.workspace.cloze-layout .cloze-word.filled input:not(:disabled){border-bottom:1px dotted LinkText}}

/* Repeat tasks have preparation time before the audible response cue. */
.exam-running .workspace[data-section=Speaking].speaking-preparing .speaking-response-bar{display:block}
.exam-running .workspace[data-section=Speaking].speaking-preparing .speaking-response-bar:before{content:'GET READY'}