/* Paper-first TELC exam layout: parts | page | answer sheet, responsive phone. */
.exam-layout{display:grid;grid-template-columns:minmax(135px,190px) minmax(0,1fr) minmax(195px,235px);align-items:start;gap:13px;margin:13px 0 30px;direction:ltr;text-align:left}
.exam-left-pane,.exam-right-pane{position:sticky;top:15px;background:#fff;border:1px solid #dce4f2;border-radius:13px;padding:15px;max-height:calc(100vh - 100px);overflow:auto;min-width:0}
.exam-left-pane h3,.exam-right-pane h3{font-size:15px;color:#284270;margin:0 0 13px}
.exam-nav-title{font-size:13px;color:#273d68;font-weight:800;overflow-wrap:anywhere}
.exam-nav-part{display:block;border:1px solid transparent;border-radius:9px;width:100%;text-align:left;margin:4px 0;padding:9px 10px;color:#405477;background:#f6f8fc;font-size:12px;line-height:1.7}
.exam-nav-part.is-current{border-color:#93aaed;background:#e8edff;color:#294fbd;font-weight:850}
.exam-layout .exam-paper{max-width:none;min-width:0;margin:0;background:#fff;box-shadow:0 2px 14px #192e5614;border:1px solid #dfe5ef}
.exam-layout .journey-paper-head{padding:21px}
.exam-layout .journey-paper-head h2{font-size:20px;line-height:1.45}
.exam-layout .exam-instructions{margin:14px 17px;white-space:pre-wrap;color:#344364;line-height:1.95;background:#f8faff;padding:14px;border-radius:10px;font-size:14px}
.exam-layout .journey-passage{margin:12px 17px;border:1px solid #e4e8f2;font-size:14px;line-height:1.9}
.exam-layout .journey-task-points{margin:12px 17px;font-size:14px}
.exam-layout .journey-question{padding:16px 19px 20px}
.exam-layout .journey-question-title{font-size:15px;line-height:1.9}
.exam-layout .journey-answers{gap:7px}
.exam-layout .journey-answer{padding:10px 12px;font-size:13px}
.exam-layout .journey-draft{min-height:260px;margin:18px 17px;width:calc(100% - 34px)}
.exam-layout .journey-sheet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.exam-layout .journey-sheet-chip{display:block;cursor:pointer;padding:8px 5px;font-size:11px}
.exam-layout .journey-answer-sheet{margin:0;background:#fff;border:1px solid #dce4f2;min-width:0}
.exam-layout .journey-total{font-size:22px}
.exam-layout .exam-right-pane>.button{display:block;width:100%;margin:10px 0}
.exam-speaking{padding-bottom:4px}
.exam-candidate-choice{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px 17px}
.exam-candidate-choice strong{flex-basis:100%;font-size:12px;color:#4e6087}
.exam-candidate-choice .journey-pill{font-size:12px;min-width:75px;padding:8px 12px}
.exam-audio{background:#f3f6fd;border-radius:10px;margin:12px 17px;padding:14px;color:#374b72;font-size:12px}
.exam-audio audio{display:block;width:100%}
.exam-muted{font-size:12px;line-height:1.85;color:#7b88a5;margin:10px 0}
.exam-mock-head{background:#213c78;color:#f5f7ff;border-radius:16px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:13px}
.exam-mock-head h2{font-size:23px;margin:5px 0;color:white}
.exam-mock-head p{color:#c7d7fc;font-size:12px;margin:5px 0}
.exam-clock{font-variant-numeric:tabular-nums;direction:ltr;font-size:20px;font-weight:900;color:#fff}
.exam-mock-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.exam-mock-controls .button{min-height:35px;padding:8px 12px;font-size:12px}
.exam-mock-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px;margin:20px 0}
.exam-mock-card{background:white;border:1px solid #dee7f3;border-radius:13px;text-align:left;padding:17px;min-height:116px;display:grid;gap:8px;color:#253b65}
.exam-mock-card:hover{background:#f5f8ff;border-color:#8fa7e5}
.exam-mock-card strong{font-size:19px}
.exam-mock-card small{line-height:1.7;color:#7585a6;font-size:11px}
.exam-mock-alert{background:#fff8e9;border:1px solid #e6d5b1;border-radius:10px;color:#805d28;padding:12px;margin:13px 0;line-height:1.7;font-size:12px}
.exam-mock-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.exam-mock-index .button{margin:0}
.exam-mock-footer{display:flex;gap:9px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:14px 0}
@media(max-width:980px){.exam-layout{grid-template-columns:minmax(0,1fr) 230px}.exam-left-pane{grid-column:1/-1;position:static;max-height:none;display:flex;gap:8px;flex-wrap:wrap}.exam-left-pane h3{flex-basis:100%}.exam-nav-part{width:auto}.exam-right-pane{top:15px}}
@media(max-width:690px){.exam-layout{grid-template-columns:1fr;gap:8px}.exam-left-pane,.exam-right-pane{position:static;max-height:none}.exam-left-pane{padding:10px;gap:4px}.exam-nav-part{font-size:11px;padding:7px}.exam-layout .exam-paper{grid-column:1;grid-row:2}.exam-layout .exam-right-pane{grid-column:1;grid-row:3}.exam-layout .journey-paper-head{padding:15px}.exam-layout .journey-passage{margin:10px;padding:12px;font-size:13px}.exam-layout .journey-answer-sheet{padding:13px}.exam-layout .journey-sheet-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.exam-mock-head{padding:14px}.exam-mock-head h2{font-size:19px}.exam-mock-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.exam-mock-card{padding:12px;min-height:107px}.exam-mock-card strong{font-size:15px}.exam-mock-index{grid-template-columns:1fr}}


.exam-inline-gaps{line-height:2.6!important;white-space:pre-wrap!important}
.exam-inline-gap{background:#fff;border:1px solid #829ad6;border-radius:7px;max-width:220px;min-width:100px;display:inline-block;margin:0 4px;padding:6px 8px;color:#253e74;font-size:12px;vertical-align:middle;white-space:normal}
.exam-inline-gap:focus{outline:2px solid #6d8ce6}
.exam-inline-gap:disabled{opacity:.82;background:#eaf0f8}
@media(max-width:650px){.exam-inline-gap{max-width:165px;min-width:85px;font-size:11px;padding:5px}}