/* One readable practice width: controls stay close to the question, even on large screens. */
.single-practice-page .exercise-toolbar:has(.practice-brand-icon){padding-left:24px}
.practice-brand-icon{display:block;width:40px;height:40px;flex:0 0 40px;margin-left:14px}
/* Final logo geometry: 40px square, 14px rightward offset, vertically centered. */
.exam-toolbar:has(.practice-brand-icon){padding-left:24px;min-height:64px}
@media(max-width:700px){.exam-toolbar:has(.practice-brand-icon){padding-left:12px}}
@media(max-width:700px){.single-practice-page .exercise-toolbar:has(.practice-brand-icon){padding-left:12px}}
html:has(.single-practice-page){background:#f4f6fa}
body.single-practice-page{width:min(1180px,100%);margin:0 auto;min-height:100dvh;background:#fff;box-shadow:0 12px 45px #23344b0b}
.practice-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font:14px/1.4 Arial,"PingFang SC",sans-serif;color:#425168;min-width:0}
.practice-mode-pill,.practice-type-pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:18px;font-size:12px;font-weight:600;white-space:nowrap}
.practice-mode-pill{background:#edf0f4;color:#667085}.practice-type-pill{background:#e6f3f3;color:#126d76}
.practice-number{font-size:14px;white-space:nowrap;color:#243247}.practice-position{white-space:nowrap;font-size:14px}.practice-return{color:#496576;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding:5px 2px}
.page-return{width:min(1180px,calc(100% - 32px));margin:14px auto 0;font-size:14px}.page-return a{color:#496576}
.practice-navigation .practice-number{display:inline}
.sorting-practice .exam-buttons{flex-wrap:wrap;justify-content:flex-end}.sorting-practice .exam-buttons form{margin:0}
.single-practice-page .exercise-subbar{padding:10px 24px;gap:12px;flex-wrap:wrap;min-height:48px}
.single-practice-page .exercise-toolbar{min-height:64px;padding:8px 20px;gap:16px}.single-practice-page .exercise-toolbar nav{margin-left:auto;gap:8px}.single-practice-page .exercise-toolbar button{font-size:16px;padding:8px 14px}
.single-practice-page #listen-question{padding:24px 30px;min-height:0}.single-practice-page #listen-question h1{font-size:clamp(24px,2.5vw,30px)}
.single-practice-page .reading-choice-split{max-width:100%;min-width:0}.single-practice-page .essay-layout{max-width:100%}
.exam-topline{flex-wrap:wrap;gap:12px}.exam-topline>.practice-navigation{flex:1}.exam-counters{margin-left:auto}
.sorting-practice{height:auto;min-height:0}.sorting-practice .question-card{min-height:510px;overflow:visible;padding-bottom:12px}.sorting-practice .question-content{min-height:260px;overflow:visible}.sorting-practice .word-bank-wrap{margin-top:28px;max-height:none}.sorting-practice .exam-submit{border:0;padding:0}.sorting-practice .exam-buttons{display:flex;align-items:center;gap:8px}.sorting-practice .exam-buttons button{padding:9px 14px}
.mock-shell.single-speaking-practice{width:min(1180px,100%)}.single-speaking-practice .exam-subbar{padding:8px 24px;gap:12px;flex-wrap:wrap}.single-speaking-practice #exam-position{border:0;padding:0}
.mock-bank-return,.speaking-return{color:#496576;font-size:14px}.bank-detail-pane .detail-practice-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.bank-detail-pane .detail-practice-action form{margin:0}
.single-practice-page .exercise-toolbar .practice-set-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a8d6d7;border-radius:8px;padding:8px 14px;color:white;font-size:16px;line-height:1.4;text-decoration:none;white-space:nowrap;background:transparent}
.single-practice-page .exercise-toolbar .practice-set-navigation{display:inline-flex;margin:0}
.single-practice-page .exercise-toolbar button:disabled{opacity:.42;cursor:default}
.single-practice-page .exercise-toolbar [data-set-direction]{white-space:nowrap}
@media(max-width:700px){.practice-navigation{gap:7px;font-size:12px}.practice-position,.practice-number{font-size:12px}.single-practice-page .exercise-toolbar{padding:8px 12px;flex-wrap:wrap}.single-practice-page .exercise-toolbar nav{flex-wrap:wrap}.single-practice-page .exercise-subbar{padding:10px 12px}.single-practice-page #listen-question{padding:22px 16px}.sorting-practice .question-content{min-height:220px}.sorting-practice .question-card{min-height:440px}.sorting-practice .exam-counters{width:100%;justify-content:flex-end}.single-practice-page .exercise-brand{font-size:21px}}