/* e-TEP-like exam interface. Independent from the site layout. */
:root{
    --etep-navy:#07314c;
    --etep-blue:#0b5f8f;
    --etep-bg:#d8d7d2;
    --etep-panel:#ffffff;
    --etep-line:#d7dde3;
    --etep-soft:#eef7fd;
    --etep-green:#d9f0d1;
    --etep-yellow:#fff6d6;
    --etep-text:#1f2937;
    --etep-font-scale:1;
}
*{box-sizing:border-box}
body.etep-exam-page{margin:0;background:var(--etep-bg);color:var(--etep-text);font-family:Arial,Helvetica,sans-serif;font-size:calc(14px * var(--etep-font-scale));overflow:hidden;height:100vh;height:100dvh}
.etep-exam-form{height:100vh;height:100dvh;display:flex;flex-direction:column;min-height:0}
.etep-topbar{min-height:46px;background:var(--etep-navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:12px;flex:0 0 auto}
.etep-idblock{display:flex;align-items:center;gap:10px;min-width:260px}
.etep-idblock strong{display:block;font-size:13px;letter-spacing:.2px}
.etep-idblock span{display:block;font-size:11px;opacity:.9;max-width:500px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.etep-avatar{width:30px;height:34px;border:1px solid rgba(255,255,255,.45);background:#f7f7f7;border-radius:2px;position:relative}
.etep-avatar:after{content:"";position:absolute;left:8px;top:7px;width:12px;height:12px;border-radius:50%;background:#d9dee5;box-shadow:0 13px 0 4px #d9dee5}
.etep-tools{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.etep-tools button,.etep-font-tools button{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;border-radius:3px;padding:4px 7px;font-size:11px;cursor:pointer}
.etep-tools button:hover,.etep-font-tools button:hover{background:rgba(255,255,255,.22)}
.etep-timer-wrap{display:inline-flex;align-items:center;gap:4px;background:#fff;color:#111827;border-radius:3px;padding:4px 8px;font-size:11px}
.etep-volume{display:inline-flex;align-items:center;gap:3px;font-size:11px}
.etep-volume input{width:70px}
.etep-font-tools{display:inline-flex;align-items:center;gap:4px;font-size:11px}
.etep-session-strip{height:31px;background:#f6f7f7;border-bottom:1px solid #c4c8cd;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}
.etep-session-title{font-weight:700;font-size:12px;color:#334155;text-transform:uppercase}
.etep-roadmap-tab{position:absolute;left:0;top:72px;transform:rotate(-90deg) translateX(-100%);transform-origin:left top;background:#fff;border:1px solid #cbd5e1;border-radius:4px 4px 0 0;padding:5px 10px;color:#334155;cursor:pointer;z-index:24;font-size:11px}
.etep-progress-dots{position:absolute;right:15px;display:flex;gap:4px}
.etep-progress-dots span{width:7px;height:7px;border-radius:50%;background:#cbd5e1}
.etep-progress-dots span.active{background:#0ea5e9}
.etep-stage{flex:1 1 auto;min-height:0;position:relative;padding:18px 58px 74px;overflow:hidden}
.etep-item{height:100%;min-height:0}
.etep-item-inner{height:100%;max-width:1120px;margin:0 auto;background:#fff;border:1px solid #cfd6dc;box-shadow:0 1px 2px rgba(15,23,42,.08);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.etep-instruction{background:#dff1fb;border-bottom:1px solid #beddeb;margin:12px 14px 8px;padding:10px 13px;color:#1f3b4d;font-size:.95em;line-height:1.35}
.etep-listening-phases{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #ddd;margin:0 14px 8px;background:#fbf1ce;text-align:center;font-weight:700;font-size:12px;color:#445}
.etep-listening-phases span{padding:10px;border-right:1px solid #ddd}
.etep-listening-phases span:last-child{border-right:0}
.etep-listening-phases .active{background:#c8efbb}
.etep-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:12px;padding:0 14px 14px;min-height:0;flex:1;overflow:hidden}
.etep-stimulus-pane,.etep-question-pane{min-height:0;overflow:auto;border:1px solid #e5e7eb;background:#fff}
.etep-stimulus-pane{padding:13px}
.etep-question-pane{background:#f5f5f5;padding:10px}
.etep-passage{white-space:normal;line-height:1.55;font-size:1em;color:#111827;max-width:100%;text-align:left}
.etep-passage-heading{text-align:left!important;font-weight:500;letter-spacing:.2px;margin:26px 0 56px;color:#111827;line-height:1.45}
.etep-passage-para{display:block;text-align:justify;text-align-last:left;margin:0 0 20px;color:#111827;line-height:1.58;hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;word-break:normal;overflow-wrap:normal}
.etep-passage::selection{background:#fff176}
.etep-passage mark,.etep-highlight{background:#fff176;color:inherit;padding:0 1px;border-radius:2px;cursor:pointer}
.etep-empty-passage{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:20px;text-align:center}
.etep-audio-box{border:1px solid #d7dde3;background:#f8fafc;border-radius:4px;padding:10px;display:flex;align-items:center;gap:12px;margin-bottom:10px}
.etep-play-icon{width:36px;height:36px;border-radius:50%;background:#0b5f8f;color:#fff;display:grid;place-items:center;font-size:17px}
.etep-wave{flex:1}
.etep-wave strong{display:block;font-size:12px;color:#334155;margin-bottom:4px}
.etep-fake-wave{height:5px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:4px 0}
.etep-fake-wave span{display:block;width:35%;height:100%;background:#94a3b8;border-radius:999px}
.etep-muted{color:#64748b;font-size:12px;line-height:1.4}
.etep-item-card{border:1px solid #d7dde3;background:#fff;margin-bottom:10px}
.etep-item-head{display:flex;align-items:center;justify-content:space-between;background:#e9e9e9;border-bottom:1px solid #d7dde3;padding:8px 10px;color:#334155;font-weight:700}
.etep-item-head small{font-weight:600;color:#64748b}
.etep-item-card h2{font-size:1em;line-height:1.42;margin:12px;color:#111827}
.etep-options{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}
.etep-option{display:flex;align-items:flex-start;gap:8px;border:1px solid #e2e8f0;border-radius:6px;padding:9px;background:#fff;cursor:pointer;line-height:1.35}
.etep-option:hover{background:#f8fbff;border-color:#bfd7ea}
.etep-option input{margin-top:2px}
.etep-option-label{font-weight:700;min-width:20px;color:#0b5f8f}
.etep-option.eliminated{opacity:.45;text-decoration:line-through;background:#f3f4f6}
.etep-match-grid{padding:0 12px 12px;display:grid;gap:8px}
.etep-small-note{font-size:12px;color:#64748b;padding:0 12px 12px;margin:0}
.etep-writing,.etep-speaking-note{width:calc(100% - 24px);min-height:260px;margin:0 12px 10px;border:1px solid #cbd5e1;border-radius:6px;padding:12px;font:inherit;line-height:1.5;resize:vertical}
.etep-wordcount{margin:0 12px 12px;color:#64748b;font-size:12px;text-align:right}
.etep-recorder-placeholder{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;margin:0 12px 12px;padding:12px;color:#475569}
.etep-short-answer{width:calc(100% - 24px);margin:0 12px 12px;border:1px solid #cbd5e1;border-radius:6px;padding:10px;font:inherit}
.etep-save-state{display:none;margin:0 12px 12px;color:#16a34a;font-size:12px}
.etep-save-state.show{display:block}
.etep-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;box-shadow:0 2px 5px rgba(15,23,42,.08)}
.etep-nav-arrow span{position:absolute;top:46px;font-size:11px;color:#64748b}
.etep-nav-left{left:14px}.etep-nav-right{right:14px}
.etep-nav-arrow:disabled{opacity:.35;cursor:not-allowed}
.etep-bottom-actions{position:absolute;left:0;right:0;bottom:0;height:58px;background:rgba(246,247,247,.95);border-top:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;gap:10px}
.etep-btn{border:0;background:#0b5f8f;color:#fff;border-radius:5px;padding:10px 18px;font-weight:700;cursor:pointer}
.etep-btn.secondary{background:#e2e8f0;color:#1f2937}.etep-btn.danger{background:#f97316}
.etep-btn:hover{filter:brightness(.95)}
.etep-roadmap,.etep-notepad{position:fixed;top:78px;bottom:12px;width:285px;background:#fff;border:1px solid #cbd5e1;box-shadow:0 12px 30px rgba(15,23,42,.2);z-index:40;display:flex;flex-direction:column;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}
.etep-roadmap{left:12px}.etep-notepad{right:12px}
.etep-roadmap[hidden],.etep-notepad[hidden],.etep-modal-backdrop[hidden]{display:none!important}
.etep-panel-head{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:10px 12px;position:sticky;top:0;z-index:2}
.etep-panel-head button,.etep-modal-close{border:0;background:#e5e7eb;border-radius:50%;width:26px;height:26px;cursor:pointer}
.roadmap-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;border-bottom:1px solid #f1f5f9;background:#fff;text-align:left;cursor:pointer;color:#334155}
.roadmap-item:hover,.roadmap-item.active{background:#f0f9ff}
.roadmap-dot{width:9px;height:9px;border-radius:50%;background:#cbd5e1;display:inline-block}
.roadmap-item.answered .roadmap-dot{background:#22c55e}.roadmap-item.active .roadmap-dot{background:#0ea5e9}
.etep-notepad textarea{border:0;resize:none;flex:1;padding:12px;font:inherit;line-height:1.45}
.etep-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.56);display:grid;place-items:center;z-index:80;padding:20px}
.etep-modal{background:#fff;border-radius:10px;padding:20px;max-width:640px;width:100%;position:relative;box-shadow:0 20px 60px rgba(15,23,42,.28)}
.etep-modal-close{position:absolute;right:12px;top:12px}
.etep-status-table{width:100%;border-collapse:collapse;margin:14px 0}
.etep-status-table th,.etep-status-table td{border:1px solid #e5e7eb;padding:9px;text-align:left}
.etep-status-table th{background:#f8fafc}
body.etep-dark{--etep-bg:#1f2937;--etep-panel:#111827;--etep-text:#e5e7eb;background:#111827;color:#e5e7eb}
body.etep-dark .etep-item-inner,body.etep-dark .etep-stimulus-pane,body.etep-dark .etep-question-pane,body.etep-dark .etep-item-card,body.etep-dark .etep-roadmap,body.etep-dark .etep-notepad,body.etep-dark .etep-modal{background:#1f2937;color:#e5e7eb;border-color:#334155}
body.etep-dark .etep-item-card h2,body.etep-dark .etep-passage,body.etep-dark .etep-passage-heading,body.etep-dark .etep-passage-para{color:#e5e7eb}
body.etep-dark .etep-item-head,body.etep-dark .etep-bottom-actions,body.etep-dark .etep-panel-head{background:#111827;color:#e5e7eb;border-color:#334155}
body.etep-dark .etep-option{background:#111827;border-color:#334155;color:#e5e7eb}
body.etep-dark .etep-instruction{background:#12384d;color:#e0f2fe;border-color:#164e63}


@media(max-width:900px){
    body.etep-exam-page{overflow:hidden;height:100vh;height:100dvh;font-size:calc(13px * var(--etep-font-scale))}
    .etep-exam-form{height:100vh;height:100dvh;min-height:0}
    .etep-topbar{min-height:0;padding:6px 8px;gap:6px;display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
    .etep-idblock{min-width:0;gap:7px;width:100%}
    .etep-avatar{width:24px;height:27px;flex:0 0 auto}
    .etep-avatar:after{left:6px;top:5px;width:10px;height:10px;box-shadow:0 11px 0 3px #d9dee5}
    .etep-idblock strong{font-size:12px;line-height:1.15}
    .etep-idblock span{font-size:10px;max-width:100%}
    .etep-tools{width:100%;gap:5px;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
    .etep-tools button,.etep-font-tools button{font-size:10px;padding:5px 7px;flex:0 0 auto}
    .etep-timer-wrap{font-size:10px;padding:5px 7px;flex:0 0 auto}
    .etep-font-tools{font-size:10px;flex:0 0 auto}
    .etep-volume{display:none}
    .etep-session-strip{height:30px;min-height:30px;flex:0 0 auto}
    .etep-session-title{font-size:11px;max-width:calc(100% - 170px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding:0 4px}
    .etep-progress-dots{right:8px;gap:3px;max-width:72px;overflow:hidden}
    .etep-progress-dots span{width:6px;height:6px;flex:0 0 auto}
    .etep-stage{flex:1 1 auto;min-height:0;height:auto;padding:8px 8px 66px;overflow:hidden}
    .etep-item{height:100%;min-height:0}
    .etep-item-inner{height:100%;min-height:0;max-width:none;border-radius:3px;overflow:hidden}
    .etep-instruction{margin:8px 8px 6px;padding:8px 9px;font-size:.92em;line-height:1.32;max-height:86px;overflow:auto;-webkit-overflow-scrolling:touch;flex:0 0 auto}
    .etep-listening-phases{margin:0 8px 6px;font-size:10px;flex:0 0 auto}
    .etep-listening-phases span{padding:8px 3px}
    .etep-columns{grid-template-columns:1fr;grid-template-rows:minmax(0,42%) minmax(0,58%);gap:7px;padding:0 8px 8px;min-height:0;flex:1;overflow:hidden}
    .etep-item-inner.is-listening .etep-columns{grid-template-rows:minmax(0,38%) minmax(0,62%)}
    .etep-stimulus-pane,.etep-question-pane{min-height:0;max-height:none;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:2px}
    .etep-stimulus-pane{padding:10px}
    .etep-question-pane{padding:7px;background:#f5f5f5}
    .etep-passage{line-height:1.5;font-size:.95em}
    .etep-passage-heading{margin:16px 0 28px;line-height:1.35}
    .etep-passage-para{margin-bottom:18px;line-height:1.5}
    .etep-audio-box{padding:8px;gap:8px;margin-bottom:7px}
    .etep-play-icon{width:30px;height:30px;font-size:14px}
    .etep-muted{font-size:11px;margin:0}
    .etep-item-card{margin-bottom:7px}
    .etep-item-head{padding:7px 8px;font-size:12px}
    .etep-item-card h2{font-size:.95em;line-height:1.35;margin:9px}
    .etep-options,.etep-match-grid{padding:0 9px 9px;gap:7px}
    .etep-option{padding:8px;gap:7px;font-size:.94em}
    .etep-small-note{font-size:11px;padding:0 9px 9px}
    .etep-writing,.etep-speaking-note{width:calc(100% - 18px);min-height:170px;margin:0 9px 8px;padding:10px}
    .etep-nav-arrow{display:none}
    .etep-bottom-actions{position:absolute;left:8px;right:8px;bottom:8px;height:50px;border:1px solid #cbd5e1;border-radius:6px;background:rgba(246,247,247,.98);z-index:30;gap:6px;padding:6px}
    .etep-btn{padding:9px 11px;font-size:12px;flex:1;min-width:0}
    .etep-roadmap-tab{position:absolute;left:8px;top:50%;bottom:auto;transform:translateY(-50%);z-index:35;padding:5px 9px;border-radius:4px;background:#07314c;color:#fff;border-color:#07314c;box-shadow:none;font-size:10px;line-height:1;max-width:86px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .etep-roadmap,.etep-notepad{top:8px;bottom:62px;left:8px;right:8px;width:auto;max-width:none;z-index:60;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .roadmap-item{padding:10px 12px;font-size:13px}
    .etep-notepad textarea{min-height:360px}
    .etep-modal-backdrop{padding:10px}
    .etep-modal{max-height:calc(100vh - 20px);overflow:auto}
}

@media(max-width:420px){
    .etep-columns{grid-template-rows:minmax(0,40%) minmax(0,60%)}
    .etep-item-inner.is-listening .etep-columns{grid-template-rows:minmax(0,35%) minmax(0,65%)}
    .etep-instruction{max-height:74px}
    .etep-btn{font-size:11px;padding:8px 7px}
}

/* Rich e-TEP question type additions: keep stable layout intact. */
.etep-media-figure{margin:10px 0;border:1px solid #d7dde3;background:#f8fafc;text-align:center;overflow:hidden}
.etep-media-figure img{display:block;max-width:100%;height:auto;margin:0 auto}
.etep-video{width:100%;max-height:320px;background:#000;border:1px solid #d7dde3;margin:10px 0}
.etep-play-icon{border:0;cursor:pointer;flex:0 0 auto}
.etep-audio-box.has-real-audio .etep-play-icon{box-shadow:0 1px 2px rgba(0,0,0,.2)}
.etep-match-wrap{overflow:auto;background:#fff;border:1px solid #d7dde3}
.etep-match-note{text-align:right;font-size:11px;color:#64748b;padding:6px 8px;border-bottom:1px solid #e5e7eb}
.etep-match-table{width:100%;border-collapse:collapse;background:#fff;font-size:.92em}
.etep-match-table th,.etep-match-table td{border:1px solid #9ca3af;padding:8px 7px;text-align:center;vertical-align:middle}
.etep-match-table th{font-weight:700;background:#fafafa;color:#334155;min-width:80px}
.etep-match-table .match-row-label{text-align:left;font-weight:700;background:#fafafa;min-width:100px;color:#334155}
.etep-match-table input[type=radio]{width:16px;height:16px;accent-color:#0b5f8f}
.etep-dragdrop{background:#fff;border:1px solid #d7dde3;padding:10px}
.etep-drag-cols{display:grid;grid-template-columns:1fr 1.1fr;gap:18px;min-height:260px}
.etep-drag-bank{display:flex;flex-direction:column;gap:8px}
.etep-drag-item{display:block;width:100%;text-align:left;border:1px solid #d7dde3;background:#e8edf1;color:#1f2937;border-radius:4px;padding:10px;line-height:1.35;cursor:grab;font:inherit}
.etep-drag-item.selected{outline:2px solid #0ea5e9;background:#dff1fb}
.etep-drag-item.used{opacity:.45}
.etep-gap-bank{display:flex;flex-direction:column;gap:10px}
.etep-gap{border:1px dashed #b9c3cf;background:#fff;padding:8px;min-height:74px}
.etep-gap-title{font-size:12px;color:#475569;margin-bottom:5px;font-weight:700}
.etep-gap-target{min-height:34px;border:1px dashed #cbd5e1;background:#f8fafc;padding:7px;border-radius:4px;color:#1f2937}
.etep-gap-target.filled{background:#e0f2fe;border-style:solid;border-color:#38bdf8}
.etep-gap-clear{margin-top:6px;border:1px solid #cbd5e1;background:#fff;border-radius:4px;padding:4px 8px;font-size:11px;cursor:pointer}
@media(max-width:900px){
  .etep-match-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
  .etep-match-table{min-width:560px;font-size:.86em}
  .etep-drag-cols{grid-template-columns:1fr;gap:12px}
  .etep-video{max-height:240px}
}

/* Global same-stimulus grouping: preserve stable layout while allowing multiple item cards on one page. */
.etep-question-stack{display:flex;flex-direction:column;gap:10px}
.etep-question-unit .etep-item-card{margin-bottom:0}
.etep-question-unit + .etep-question-unit{border-top:1px solid #dbe4ea;padding-top:10px}
.etep-progress-dots span.answered{background:#22c55e}
.etep-progress-dots span.active{background:#0ea5e9}
@media(max-width:900px){
  .etep-question-stack{gap:8px}
  .etep-question-unit + .etep-question-unit{padding-top:8px}
}

/* Compound grouped matching/drag screens: keep stable layout but make one logical task. */
.etep-compound-card{width:100%;}
.etep-compound-match-table th{vertical-align:middle;min-width:92px;}
.etep-compound-match-table .match-row-label{min-width:240px;text-align:left;}
.etep-compound-drag .etep-drag-cols{align-items:stretch;}
.etep-compound-drag .etep-gap{margin-bottom:10px;}
.etep-compound-drag .etep-gap-title strong,
.etep-compound-match-table .match-row-label strong{color:#003a5d;font-size:12px;}
@media (max-width: 900px){
  .etep-compound-match-table{font-size:12px;}
  .etep-compound-match-table th{min-width:78px;}
  .etep-compound-match-table .match-row-label{min-width:180px;}
  .etep-compound-drag .etep-drag-cols{grid-template-columns:1fr;}
}

/* Inline drag/drop gaps inside the passage: keeps the stable layout, but lets candidates complete the text itself. */
.etep-drag-passage{line-height:1.75;}
.etep-inline-gap{display:inline-flex;align-items:center;vertical-align:baseline;min-width:190px;min-height:34px;margin:0 6px;padding:0;border:0;background:transparent;color:#1f2937;cursor:pointer;white-space:normal;}
.etep-inline-gap-label{display:none!important;}
.etep-inline-gap .etep-gap-target{display:inline-flex;align-items:center;min-width:180px;min-height:32px;padding:5px 8px;border:1.5px dashed #91a4b8;background:#fff;color:#1f2937;border-radius:2px;box-sizing:border-box;line-height:1.35;}
.etep-inline-gap .etep-gap-target:empty::after{content:'';display:block;width:100%;height:18px;}
.etep-inline-gap .etep-gap-target.filled{border-color:#0b6b94;background:#eef9ff;font-weight:600;}
.etep-inline-gap .etep-gap-clear{display:none;margin-left:4px;border:1px solid #d8dee7;background:#fff;border-radius:3px;font-size:11px;line-height:1;padding:3px 5px;color:#374151;}
.etep-inline-gap.filled .etep-gap-clear{display:inline-block;}
.etep-inline-gap .etep-gap-clear:hover{background:#f3f4f6;}
.etep-extra-gaps{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;}
.etep-dragdrop-bank-only{background:#fff;border:1px solid #d7dde3;padding:10px;}
.etep-drag-bank-grid{display:grid;grid-template-columns:1fr;gap:8px;}
@media (max-width:900px){
  .etep-inline-gap{display:inline-flex;margin:6px 0;min-width:0;width:100%;box-sizing:border-box;}
  .etep-inline-gap .etep-gap-target{flex:1;min-width:0;}
}


/* Interface variants: TOEFL iBT (non-destructive; default e-TEP styles stay unchanged) */
body.exam-interface-toefl-ibt{
    --etep-navy:#006466;
    --etep-blue:#006466;
    --etep-bg:#bfc0c0;
    --etep-panel:#ffffff;
    --etep-line:#111827;
    color:#111;
    font-family:Arial,Helvetica,sans-serif;
}
body.exam-interface-toefl-ibt .etep-exam-form{align-items:center;background:#bfc0c0;}
body.exam-interface-toefl-ibt .etep-topbar,
body.exam-interface-toefl-ibt .etep-session-strip,
body.exam-interface-toefl-ibt .etep-stage,
body.exam-interface-toefl-ibt .etep-bottom-actions{width:1024px;max-width:calc(100vw - 24px);}
body.exam-interface-toefl-ibt .etep-topbar{min-height:50px;background:#006466;justify-content:flex-end;padding:5px 6px;border:0;}
body.exam-interface-toefl-ibt .etep-idblock,
body.exam-interface-toefl-ibt #statusBtn,
body.exam-interface-toefl-ibt #notepadBtn,
body.exam-interface-toefl-ibt .etep-font-tools,
body.exam-interface-toefl-ibt #darkBtn,
body.exam-interface-toefl-ibt .etep-roadmap-tab,
body.exam-interface-toefl-ibt .etep-progress-dots,
body.exam-interface-toefl-ibt .etep-nav-arrow,
body.exam-interface-toefl-ibt .etep-bottom-actions{display:none!important;}
body.exam-interface-toefl-ibt .etep-tools{width:100%;justify-content:flex-end;gap:6px;}
body.exam-interface-toefl-ibt .etep-volume{height:40px;min-width:126px;justify-content:center;border:1px solid rgba(255,255,255,.95);border-radius:10px;color:#fff;background:#006466;padding:0 15px;font-size:13px;font-weight:500;position:relative;cursor:pointer;user-select:none;}
body.exam-interface-toefl-ibt .etep-volume input{display:none;position:absolute;right:0;top:46px;width:180px;background:#fff;border:1px solid #006466;border-radius:8px;padding:10px;box-shadow:0 6px 18px rgba(0,0,0,.22);z-index:50;}
body.exam-interface-toefl-ibt .etep-volume.open input{display:block;}
body.exam-interface-toefl-ibt .etep-tools button{height:40px;border-radius:9px;border:1px solid rgba(255,255,255,.95);padding:0 22px;font-size:13px;font-weight:500;background:#fff;color:#006466;min-width:96px;}
body.exam-interface-toefl-ibt .etep-timer-wrap{height:40px;min-width:96px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.95);border-radius:9px;background:#fff;color:#006466;padding:0 12px;font-size:13px;font-weight:500;}
body.exam-interface-toefl-ibt .etep-timer-wrap span{display:none;}
body.exam-interface-toefl-ibt .etep-timer-wrap.is-hidden-time strong{visibility:hidden!important;}
body.exam-interface-toefl-ibt .etep-toefl-prev{background:#006466!important;color:#fff!important;}
body.exam-interface-toefl-ibt .etep-toefl-finish{display:none;}
body.exam-interface-toefl-ibt.toefl-last-page .etep-toefl-next{display:none;}
body.exam-interface-toefl-ibt.toefl-last-page .etep-toefl-finish{display:inline-flex;align-items:center;justify-content:center;}
body.exam-interface-toefl-ibt.toefl-first-page .etep-toefl-prev{display:none;}
body.exam-interface-toefl-ibt .etep-session-strip{height:28px;background:#fff;border-bottom:1px solid #111;justify-content:flex-start;padding:0 37px;color:#111;}
body.exam-interface-toefl-ibt .etep-toefl-crumb{display:block;font-size:14px;font-weight:400;line-height:28px;}
body.exam-interface-toefl-ibt .etep-session-title{display:none;}
body.exam-interface-toefl-ibt .etep-stage{background:#fff;padding:0 0 0;overflow:auto;border-left:1px solid #111;border-right:1px solid #111;}
body.exam-interface-toefl-ibt .etep-item{min-height:calc(100vh - 78px);height:auto;}
body.exam-interface-toefl-ibt .etep-item-inner{height:auto;min-height:calc(100vh - 78px);max-width:none;margin:0;background:#fff;border:0;box-shadow:none;overflow:visible;padding:24px 36px 40px;}
body.exam-interface-toefl-ibt .etep-instruction{background:transparent;border:0;border-bottom:1px solid #d6d6d6;margin:0 auto 26px;max-width:600px;padding:5px 4px 12px;text-align:left;font-size:22px;line-height:1.25;color:#2f2f2f;}
body.exam-interface-toefl-ibt .is-listening .etep-instruction,
body.exam-interface-toefl-ibt .module-writing .etep-instruction,
body.exam-interface-toefl-ibt .module-speaking .etep-instruction{text-align:left;}
body.exam-interface-toefl-ibt .etep-listening-phases{display:none;}
body.exam-interface-toefl-ibt .etep-columns{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:28px;min-height:0;}
body.exam-interface-toefl-ibt .etep-stimulus-pane,
body.exam-interface-toefl-ibt .etep-question-pane{border:0;background:#fff;padding:0;overflow:visible;}
body.exam-interface-toefl-ibt .etep-passage{border:0;background:#fff;padding:8px 6px;font-size:16px;line-height:1.42;max-height:none;}
body.exam-interface-toefl-ibt .etep-empty-passage{display:flex;align-items:center;justify-content:center;min-height:280px;color:#555;font-size:18px;}
body.exam-interface-toefl-ibt .etep-question-stack{gap:18px;}
body.exam-interface-toefl-ibt .etep-item-card{border:0;background:#fff;box-shadow:none;padding:0 6px;}
body.exam-interface-toefl-ibt .etep-item-head{display:none;}
body.exam-interface-toefl-ibt .etep-item-card h2{font-size:16px;line-height:1.35;margin:0 0 18px;font-weight:700;color:#111;}
body.exam-interface-toefl-ibt .etep-options{gap:14px;}
body.exam-interface-toefl-ibt .etep-option{border:0;background:#fff;padding:0;display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;font-size:16px;line-height:1.3;}
body.exam-interface-toefl-ibt .etep-option:hover{background:#fff;}
body.exam-interface-toefl-ibt .etep-option input{width:20px;height:20px;margin:0;}
body.exam-interface-toefl-ibt .etep-option-label{display:none;}
body.exam-interface-toefl-ibt .etep-small-note,
body.exam-interface-toefl-ibt .etep-save-state{display:none!important;}
body.exam-interface-toefl-ibt .etep-media-figure{border:0;background:#fff;text-align:center;margin:10px auto;}
body.exam-interface-toefl-ibt .etep-media-figure img{max-height:360px;object-fit:contain;}
body.exam-interface-toefl-ibt .etep-audio-box{background:#fff;border:0;justify-content:center;min-height:150px;}
body.exam-interface-toefl-ibt .etep-play-icon{width:70px;height:70px;font-size:26px;border-radius:50%;background:#006466;color:#fff;}
body.exam-interface-toefl-ibt .etep-wave{display:none;}
body.exam-interface-toefl-ibt .etep-writing{min-height:330px;border:1px solid #d0d0d0;border-radius:0;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;}
body.exam-interface-toefl-ibt .etep-wordcount{text-align:right;color:#006466;}
body.exam-interface-toefl-ibt #timeToggle{display:inline-flex!important;background:#fff!important;color:#006466!important;min-width:92px;}
body.exam-interface-toefl-ibt .etep-match-table{font-size:14px;}
body.exam-interface-toefl-ibt .etep-drag-item{border-color:#c9c9c9;background:#f8f8f8;}
@media(max-width:900px){
  body.exam-interface-toefl-ibt .etep-topbar,
  body.exam-interface-toefl-ibt .etep-session-strip,
  body.exam-interface-toefl-ibt .etep-stage{width:100%;max-width:100%;}
  body.exam-interface-toefl-ibt .etep-columns{grid-template-columns:1fr;}
  body.exam-interface-toefl-ibt .etep-item-inner{padding:18px;}
}
body:not(.exam-interface-toefl-ibt) .etep-toefl-topnav,
body:not(.exam-interface-toefl-ibt) .etep-toefl-crumb{display:none!important;}

/* e-YDS interface layer (keeps existing e-TEP/TOEFL rules untouched) */
body.exam-interface-eyds{
    --eyds-navy:#00385f;
    --eyds-text:#002b4b;
    --eyds-muted:#6f8899;
    --eyds-bg:#e9e9e9;
    --eyds-card:#fff;
    background:var(--eyds-bg);
    color:var(--eyds-text);
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    overflow:hidden;
}
body.exam-interface-eyds .etep-exam-form{background:var(--eyds-bg);}
body.exam-interface-eyds .etep-topbar{
    height:132px;
    min-height:132px;
    background:#f7f7f7;
    color:var(--eyds-text);
    display:grid;
    grid-template-columns:220px 1fr 520px;
    grid-template-rows:46px 86px;
    align-items:stretch;
    gap:0;
    padding:0;
    box-shadow:0 2px 8px rgba(0,0,0,.18);
    position:relative;
    z-index:20;
}
body.exam-interface-eyds .etep-topbar:before{
    content:"";
    grid-column:1/4;
    grid-row:1;
    background:var(--eyds-navy);
}
body.exam-interface-eyds .etep-idblock{
    grid-column:1/3;
    grid-row:1/3;
    min-width:0;
    display:grid;
    grid-template-columns:160px minmax(260px,1fr);
    grid-template-rows:46px 86px;
    gap:0 18px;
    align-items:start;
    z-index:2;
    pointer-events:none;
}
body.exam-interface-eyds .etep-avatar{
    grid-column:1;
    grid-row:1/3;
    width:104px;
    height:120px;
    margin-left:28px;
    border:3px solid #0f4f77;
    border-top:0;
    border-radius:0;
    background:#e7edf4;
    position:relative;
}
body.exam-interface-eyds .etep-avatar:before{
    content:"";
    position:absolute;
    left:31px;
    top:14px;
    width:52px;
    height:52px;
    border-radius:50%;
    background:#7d8b9d;
}
body.exam-interface-eyds .etep-avatar:after{
    content:"";
    position:absolute;
    left:7px;
    right:7px;
    bottom:6px;
    height:45px;
    border-radius:42px 42px 0 0;
    background:#7d8b9d;
    box-shadow:none;
    top:auto;
    width:auto;
}
body.exam-interface-eyds .etep-candidate-block{
    grid-column:2;
    grid-row:1/3;
    display:grid;
    grid-template-rows:46px 28px 42px;
    align-items:center;
    min-width:0;
    padding-right:12px;
}
body.exam-interface-eyds .etep-app-title{
    grid-row:1;
    display:block;
    color:#fff;
    font-weight:700;
    font-size:23px;
    line-height:46px;
    letter-spacing:.2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
body.exam-interface-eyds .etep-title-subline{display:none!important;}
body.exam-interface-eyds .etep-candidate-code,
body.exam-interface-eyds .etep-candidate-name{
    display:block;
    color:var(--eyds-text);
    opacity:1;
    max-width:none;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
body.exam-interface-eyds .etep-candidate-code{grid-row:2;font-size:17px;color:#55758c;align-self:end;line-height:1.1;}
body.exam-interface-eyds .etep-candidate-name{grid-row:3;font-size:18px;font-weight:700;align-self:start;padding-top:4px;line-height:1.15;}
body.exam-interface-eyds .etep-tools{
    grid-column:2/4;
    grid-row:1/3;
    display:grid;
    grid-template-columns:1fr auto auto auto auto auto;
    grid-template-rows:46px 86px;
    align-items:center;
    justify-items:end;
    column-gap:18px;
    row-gap:0;
    padding-right:88px;
    z-index:3;
}
body.exam-interface-eyds #darkBtn{
    grid-column:6;
    grid-row:1;
    align-self:center;
    justify-self:end;
    background:#18bb3a!important;
    color:#fff!important;
    border:0!important;
    border-radius:0!important;
    height:30px;
    min-width:82px;
    padding:0 14px!important;
    font-size:14px!important;
    font-weight:700!important;
}
body.exam-interface-eyds #darkBtn .etep-dark-label{display:none;}
body.exam-interface-eyds #darkBtn .eyds-settings-label{display:inline;}
body:not(.exam-interface-eyds) #darkBtn .eyds-settings-label{display:none;}
body.exam-interface-eyds #statusBtn,
body.exam-interface-eyds #eydsReviewBtn,
body.exam-interface-eyds #eydsFinishBtn{
    grid-row:2;
    align-self:center;
    border:0;
    background:transparent;
    color:#607d91;
    font-size:15px;
    font-weight:700;
    letter-spacing:.2px;
    padding:4px 0;
    display:inline-flex;
    align-items:center;
    gap:8px;
}
body.exam-interface-eyds #statusBtn{grid-column:1;justify-self:center;}
body.exam-interface-eyds #eydsReviewBtn{grid-column:2;}
body.exam-interface-eyds #eydsFinishBtn{grid-column:3;}
body.exam-interface-eyds #statusBtn:before{content:"◷";font-size:19px;color:#607d91;}
body.exam-interface-eyds #eydsReviewBtn:before{content:"●";font-size:13px;color:#607d91;box-shadow:0 0 0 3px #607d91 inset;border-radius:50%;width:16px;height:16px;line-height:16px;text-align:center;color:transparent;}
body.exam-interface-eyds #eydsFinishBtn:before{content:"✓";font-size:13px;width:18px;height:18px;border-radius:50%;background:#607d91;color:#fff;display:inline-flex;align-items:center;justify-content:center;}
body.exam-interface-eyds .etep-timer-wrap{
    grid-column:4;
    grid-row:2;
    background:transparent;
    color:#5c7283;
    font-size:16px;
    padding:0;
    gap:7px;
}
body.exam-interface-eyds .etep-timer-wrap strong{
    color:#002b4b;
    font-size:28px;
    font-weight:800;
    letter-spacing:.5px;
}
body.exam-interface-eyds .eyds-clock-wrap{
    grid-column:5;
    grid-row:2;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:16px;
    color:#5c7283;
    white-space:nowrap;
}
body.exam-interface-eyds .eyds-clock-wrap strong{font-size:28px;color:#002b4b;font-weight:800;}
body:not(.exam-interface-eyds) .eyds-clock-wrap,
body:not(.exam-interface-eyds) #eydsReviewBtn,
body:not(.exam-interface-eyds) #eydsFinishBtn{display:none!important;}
body.exam-interface-eyds #timeToggle{
    grid-column:6;
    grid-row:2;
    width:56px;
    min-width:56px;
    height:36px;
    overflow:hidden;
    color:transparent!important;
    background-color:#efefef!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:21px 21px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23253544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7S1 12 1 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 2px 4px rgba(0,0,0,.13);
    padding:0!important;
    position:relative;
}
body.exam-interface-eyds #timeToggle:after{display:none;}
body.exam-interface-eyds.eyds-time-hidden #timeToggle{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23253544' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s4-7 10-7c2.35 0 4.32.71 6 1.74'/%3E%3Cpath d='M22 12s-4 7-10 7c-2.35 0-4.32-.71-6-1.74'/%3E%3Cpath d='m3 3 18 18'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E")!important;
}
body.exam-interface-eyds.eyds-time-hidden .etep-timer-wrap,
body.exam-interface-eyds.eyds-time-hidden .eyds-clock-wrap{visibility:hidden;}
body.exam-interface-eyds .etep-volume,
body.exam-interface-eyds #notepadBtn,
body.exam-interface-eyds .etep-toefl-topnav,
body.exam-interface-eyds .etep-font-tools{display:none!important;}
body.exam-interface-eyds .etep-session-strip{display:none;}
body.exam-interface-eyds .etep-stage{
    flex:1 1 auto;
    min-height:0;
    background:#e9e9e9;
    padding:18px 0 40px;
    overflow:hidden;
}
body.exam-interface-eyds .etep-bottom-actions{display:none!important;}
body.exam-interface-eyds .etep-item{height:100%;position:relative;}
body.exam-interface-eyds .etep-item-inner{
    width:calc(100vw - 740px);
    min-width:760px;
    max-width:1010px;
    height:auto;
    min-height:455px;
    max-height:calc(100vh - 190px);
    margin:0 auto;
    background:#fff;
    border:0;
    box-shadow:0 1px 7px rgba(0,0,0,.23);
    display:flex;
    flex-direction:column;
    overflow:hidden;
}
body.exam-interface-eyds .etep-instruction{
    margin:27px 27px 16px;
    background:#dff3ff;
    color:#14628d;
    border:1px dashed #1897dd;
    padding:17px 22px;
    font-size:17px;
    line-height:1.45;
}
body.exam-interface-eyds .etep-columns{
    flex:1;
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    gap:0;
    padding:0 27px 24px;
    overflow:hidden;
}
body.exam-interface-eyds .etep-stimulus-pane,
body.exam-interface-eyds .etep-question-pane{
    border:0;
    background:#fff;
    padding:0;
    min-height:0;
    overflow:visible;
}
body.exam-interface-eyds .etep-stimulus-pane:empty{display:none;}
body.exam-interface-eyds .etep-passage{
    font-size:17px;
    line-height:1.55;
    color:#002b4b;
    font-weight:700;
    padding:0 0 10px;
}
body.exam-interface-eyds .etep-empty-passage{display:none;}
body.exam-interface-eyds .etep-question-stack{display:block;}
body.exam-interface-eyds .etep-item-card{
    border:0;
    background:transparent;
    margin:0;
    padding:0;
    box-shadow:none;
}
body.exam-interface-eyds .etep-item-head{display:none;}
body.exam-interface-eyds .etep-item-card h2{
    margin:0 0 18px;
    color:#002b4b;
    font-size:17px;
    line-height:1.55;
    font-weight:700;
}
body.exam-interface-eyds .etep-options{gap:10px;padding:0;}
body.exam-interface-eyds .etep-option{
    border:0;
    background:transparent;
    padding:0;
    display:grid;
    grid-template-columns:48px 1fr;
    align-items:center;
    gap:14px;
    color:#002b4b;
    font-size:17px;
    line-height:1.35;
    min-height:42px;
}
body.exam-interface-eyds .etep-option input{position:absolute;opacity:0;pointer-events:none;}
body.exam-interface-eyds .etep-option-label{
    width:38px;
    height:38px;
    border:3px solid #00385f;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#00385f;
    font-size:20px;
    font-weight:700;
    min-width:38px;
}
body.exam-interface-eyds .etep-option input:checked + .etep-option-label,
body.exam-interface-eyds .etep-option:has(input:checked) .etep-option-label{
    background:#f58220;
    color:#fff;
    border-color:#f58220;
}
body.exam-interface-eyds .etep-option-text{display:block;}
body.exam-interface-eyds .etep-small-note,
body.exam-interface-eyds .etep-save-state{display:none!important;}
body.exam-interface-eyds .etep-nav-arrow{
    width:74px;
    height:74px;
    background:#fff;
    color:#00385f;
    border:0;
    box-shadow:0 3px 10px rgba(0,0,0,.18);
    font-size:54px;
    line-height:1;
    z-index:12;
}
body.exam-interface-eyds .etep-nav-left{left:calc(50% - 590px);}
body.exam-interface-eyds .etep-nav-right{right:calc(50% - 590px);}
body.exam-interface-eyds .etep-nav-arrow span{
    top:82px;
    color:#a0adb8;
    font-size:17px;
    width:92px;
    text-align:center;
    line-height:1.15;
}
body.exam-interface-eyds .etep-nav-left span{left:-9px;}
body.exam-interface-eyds .etep-nav-right span{right:-9px;}
body.exam-interface-eyds .etep-nav-arrow:disabled{display:none;}
body.exam-interface-eyds .eyds-question-no{
    position:absolute;
    left:calc(50% - 520px);
    top:20px;
    transform:translateX(-100%);
    color:#00385f;
    font-size:29px;
    font-weight:700;
    z-index:10;
}
body.exam-interface-eyds .eyds-bookmark{
    position:absolute;
    left:calc(50% - 590px);
    top:94px;
    width:74px;
    height:74px;
    border-radius:50%;
    border:0;
    background:#fff;
    box-shadow:0 3px 10px rgba(0,0,0,.18);
    z-index:12;
    cursor:pointer;
}
body.exam-interface-eyds .eyds-bookmark:before{
    content:"";
    position:absolute;
    left:30px;
    top:18px;
    width:20px;
    height:32px;
    border:4px solid #00385f;
    border-bottom:0;
    border-radius:2px 2px 0 0;
}
body.exam-interface-eyds .eyds-bookmark:after{
    content:"";
    position:absolute;
    left:34px;
    top:43px;
    width:12px;
    height:12px;
    background:#fff;
    transform:rotate(45deg);
    border-left:4px solid #00385f;
    border-top:4px solid #00385f;
}
body.exam-interface-eyds .eyds-bookmark.marked:before{background:#f58220;border-color:#f58220;}
body.exam-interface-eyds .eyds-bookmark.marked:after{border-color:#f58220;background:#fff;}
body:not(.exam-interface-eyds) .eyds-question-no,
body:not(.exam-interface-eyds) .eyds-bookmark{display:none!important;}
body.exam-interface-eyds .etep-item-inner:after{
    content:"T.C. Ölçme, Seçme ve Yerleştirme Merkezi Başkanlığı";
    position:fixed;
    left:0;
    right:0;
    bottom:18px;
    text-align:center;
    color:#71889a;
    font-size:16px;
    font-weight:500;
    pointer-events:none;
}
body.exam-interface-eyds .module-reading .etep-stimulus-pane:not(:has(.etep-empty-passage)) + .etep-question-pane,
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)){
    grid-template-columns:1fr 1fr;
    column-gap:28px;
}
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane{
    border-right:1px solid #666;
    padding-right:28px;
    overflow:auto;
}
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{
    padding-left:0;
    overflow:auto;
}
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-instruction{max-width:none;}
body.exam-interface-eyds .etep-modal-backdrop{
    display:block;
    background:rgba(0,0,0,.45);
    padding:0;
    z-index:100;
}
body.exam-interface-eyds .eyds-status-backdrop{
    display:flex;
    align-items:flex-start;
    justify-content:flex-start;
}
body.exam-interface-eyds .etep-modal{
    margin:0;
    width:50vw;
    max-width:none;
    min-width:620px;
    height:100vh;
    border-radius:0;
    box-shadow:8px 0 30px rgba(0,0,0,.25);
    padding:38px 38px;
    color:#00385f;
}
body.exam-interface-eyds .eyds-status-backdrop .etep-modal{
    width:min(880px,74vw);
    min-width:820px;
    max-width:880px;
    height:calc(100vh - 46px);
    min-height:0;
    max-height:calc(100vh - 46px);
    margin-top:46px;
    overflow:auto;
    background:#fff;
    transform:translateX(-26px);
    opacity:0;
    transition:transform .2s ease, opacity .2s ease;
}
body.exam-interface-eyds .eyds-status-backdrop.is-open .etep-modal{transform:translateX(0);opacity:1;}

body.exam-interface-eyds .etep-modal h2{
    margin:0 0 32px;
    font-size:28px;
    letter-spacing:1px;
    color:#00385f;
    text-transform:uppercase;
}
body.exam-interface-eyds .etep-modal-close,
body.exam-interface-eyds [data-close-roadmap]{
    position:absolute;
    right:38px;
    top:38px;
    width:82px;
    height:34px;
    border-radius:3px;
    background:#d95353;
    color:#fff;
    border:2px solid #2a0000;
    font-weight:700;
    font-size:14px;
}
body.exam-interface-eyds .eyds-status-content{display:block;}
body.exam-interface-eyds .eyds-info-table{
    width:100%;
    border-collapse:collapse;
    margin:0 0 28px;
    text-align:center;
    color:#00385f;
}
body.exam-interface-eyds .eyds-info-table th,
body.exam-interface-eyds .eyds-info-table td{
    border:1px solid #b8c6d1;
    padding:13px 10px;
    font-size:17px;
}
body.exam-interface-eyds .eyds-info-table thead th,
body.exam-interface-eyds .eyds-info-table tbody th{background:#e9eef2;font-weight:700;}
body.exam-interface-eyds .eyds-info-table td{font-size:25px;font-weight:700;background:#fff;}
body.exam-interface-eyds .etep-roadmap{
    top:46px;
    left:0;
    bottom:auto;
    width:min(880px,74vw);
    min-width:820px;
    max-width:880px;
    height:calc(100vh - 46px);
    border:0;
    box-shadow:8px 0 30px rgba(0,0,0,.25);
    z-index:90;
    padding:26px 32px 28px;
    color:#00385f;
    background:#fff;
    overflow:auto;
    transform:translateX(-26px);
    opacity:0;
    transition:transform .2s ease, opacity .2s ease;
}
body.exam-interface-eyds .etep-roadmap.is-open{transform:translateX(0);opacity:1;}
body.exam-interface-eyds .etep-roadmap:before{
    content:"";
    position:fixed;
    left:0;
    right:0;
    top:46px;
    bottom:0;
    background:rgba(0,0,0,.45);
    z-index:-1;
}
body.exam-interface-eyds .etep-panel-head{
    position:relative;
    top:auto;
    background:#fff;
    border:0;
    padding:0;
    margin:0 0 28px;
}
body.exam-interface-eyds .etep-panel-head strong{
    color:#00385f;
    font-size:26px;
    text-transform:uppercase;
    letter-spacing:1px;
}
body.exam-interface-eyds .eyds-review-controls label{
    display:block;
    color:#00385f;
    font-size:16px;
    font-weight:500;
    margin-bottom:14px;
}
body.exam-interface-eyds .eyds-review-controls select{
    display:block;
    width:100%;
    height:42px;
    margin-top:10px;
    border:1px solid #8298aa;
    color:#00385f;
    font-size:16px;
    padding:0 14px;
    background:#f8fbfd;
}
body.exam-interface-eyds .eyds-review-tabs{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    margin:24px 0 22px;
    box-shadow:0 2px 8px rgba(0,0,0,.17);
}
body.exam-interface-eyds .eyds-review-tabs button{
    border:0;
    border-right:1px solid #d3dce3;
    background:#fff;
    color:#00385f;
    min-height:44px;
    font-weight:700;
    font-size:15px;
}
body.exam-interface-eyds .eyds-review-tabs button.active{background:#21a2df;color:#fff;}
body.exam-interface-eyds .eyds-roadmap-grid{
    display:grid;
    grid-template-columns:repeat(13,56px);
    gap:8px;
    align-items:start;
    background:#fff;
}

body.exam-interface-eyds .roadmap-item{
    display:flex;
    width:56px;
    height:41px;
    padding:0;
    align-items:center;
    justify-content:center;
    background:#fff;
    border:1px solid #b8c6d1;
    color:#111;
    font-weight:700;
    font-size:20px;
    position:relative;
}
body.exam-interface-eyds .roadmap-item span:last-child{display:none;}
body.exam-interface-eyds .roadmap-item .roadmap-dot{
    position:absolute;
    right:5px;
    bottom:5px;
    width:9px;
    height:9px;
    background:#fff;
    border:1px solid #55758c;
}
body.exam-interface-eyds .roadmap-item:before{content:attr(data-q-number);}
body.exam-interface-eyds .roadmap-item::first-letter{font-size:0;}
body.exam-interface-eyds .roadmap-item.active{background:#fff;border-color:#ff5c5c;color:#d32929;}
body.exam-interface-eyds .roadmap-item.answered .roadmap-dot{background:#00385f;}
body.exam-interface-eyds .roadmap-item.marked:after{content:"";position:absolute;right:7px;top:4px;width:8px;height:12px;background:#f58220;clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);}
body.exam-interface-eyds .eyds-finish-modal p{font-size:17px;line-height:1.65;}
body.exam-interface-eyds .eyds-finish-warning{
    margin:24px 0 22px;
    padding:18px 22px;
    color:#9a3333;
    background:#fde5e5;
    border:1px dashed #e06161;
    line-height:1.6;
    font-size:17px;
}
body.exam-interface-eyds .eyds-finish-box{
    border:1px solid #b8c6d1;
    background:#fff;
    padding:0 14px 14px;
}
body.exam-interface-eyds .eyds-finish-box strong{
    display:block;
    margin:0 -14px 14px;
    background:#e9eef2;
    border-bottom:1px solid #b8c6d1;
    padding:12px 14px;
    color:#00385f;
    font-size:18px;
}
body.exam-interface-eyds .eyds-finish-box input{
    width:48%;
    height:42px;
    border:1px solid #8298aa;
    padding:0 14px;
    font-size:16px;
}
body.exam-interface-eyds .eyds-finish-box button{
    height:42px;
    min-width:112px;
    margin-left:14px;
    background:#1b9cdc;
    color:#fff;
    border:0;
    font-weight:700;
    font-size:16px;
}
@media (max-width:1200px){
    body.exam-interface-eyds .etep-topbar{grid-template-columns:200px 1fr 430px;}
    body.exam-interface-eyds .etep-tools{padding-right:40px;column-gap:10px;}
    body.exam-interface-eyds .etep-item-inner{min-width:700px;width:calc(100vw - 360px);}
    body.exam-interface-eyds .etep-nav-left{left:20px;}
    body.exam-interface-eyds .etep-nav-right{right:20px;}
    body.exam-interface-eyds .eyds-bookmark{left:20px;}
    body.exam-interface-eyds .eyds-question-no{left:130px;transform:none;}
}
body.exam-interface-eyds .eyds-intro-overlay{
    position:absolute;
    inset:0;
    z-index:30;
    background:#e9e9e9;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding-top:18px;
}
body.exam-interface-eyds .eyds-intro-overlay[hidden]{display:none!important;}
body.exam-interface-eyds .eyds-intro-card{
    width:58vw;
    min-width:820px;
    max-width:1020px;
    min-height:455px;
    background:#fff;
    box-shadow:0 1px 7px rgba(0,0,0,.23);
    padding:18px 28px 44px;
    color:#00385f;
    position:relative;
}
body.exam-interface-eyds .eyds-intro-skip{
    border:1px dashed #e7bf00;
    background:#fffdf2;
    color:#866900;
    padding:14px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:26px;
    font-size:16px;
}
body.exam-interface-eyds .eyds-intro-skip button{
    border:0;
    background:#e9bc00;
    color:#fff;
    font-weight:700;
    min-width:140px;
    height:32px;
    cursor:pointer;
}
body.exam-interface-eyds .eyds-intro-success{
    border:1px dashed #25c545;
    background:#dff6e4;
    color:#007224;
    padding:20px 24px;
    font-size:19px;
    line-height:1.7;
    font-weight:700;
    margin-bottom:22px;
}
body.exam-interface-eyds .eyds-intro-list{
    margin:0 0 26px 18px;
    padding:0;
    color:#00385f;
    font-size:16px;
    line-height:1.7;
    font-weight:700;
}
body.exam-interface-eyds .eyds-intro-list li{margin:10px 0;}
body.exam-interface-eyds .eyds-intro-table{
    width:66%;
    margin:22px auto 28px;
    border-collapse:collapse;
    color:#00385f;
    text-align:center;
    font-size:17px;
}
body.exam-interface-eyds .eyds-intro-table th,
body.exam-interface-eyds .eyds-intro-table td{border:1px solid #aebdca;padding:14px 16px;}
body.exam-interface-eyds .eyds-intro-table th{background:#e9eef2;font-weight:700;}
body.exam-interface-eyds .eyds-guide-btn{
    display:block;
    margin:0 auto;
    border:0;
    background:#269bd6;
    color:#fff;
    font-size:16px;
    font-weight:700;
    padding:12px 22px;
    box-shadow:0 2px 4px rgba(0,0,0,.18);
}

/* e-YDS final interface refinements: settings panel, language modes, font scaling, dark view */
body.exam-interface-eyds{--eyds-content-font:18px;}
body.exam-interface-eyds .etep-item-inner,
body.exam-interface-eyds .etep-instruction,
body.exam-interface-eyds .etep-passage,
body.exam-interface-eyds .etep-item-card h2,
body.exam-interface-eyds .etep-option{font-size:var(--eyds-content-font);}
body.exam-interface-eyds .etep-item-inner{overflow:auto;}
body.exam-interface-eyds .etep-columns{overflow:visible;}
body.exam-interface-eyds .etep-stimulus-pane,
body.exam-interface-eyds .etep-question-pane{overflow:visible;}
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane,
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{overflow:visible;}
body.exam-interface-eyds .etep-topbar .eyds-clock-wrap,
body.exam-interface-eyds .etep-topbar .etep-timer-wrap{white-space:nowrap;}
body.exam-interface-eyds .eyds-finish-backdrop,
body.exam-interface-eyds .eyds-settings-backdrop{display:block;background:rgba(0,0,0,.45);padding:0;z-index:120;}
body.exam-interface-eyds .eyds-settings-backdrop[hidden]{display:none!important;}
body.exam-interface-eyds .eyds-settings-panel{
    position:fixed;
    top:0;
    right:0;
    width:442px;
    max-width:48vw;
    height:100vh;
    background:#fff;
    color:#00385f;
    padding:38px 36px;
    box-shadow:-8px 0 30px rgba(0,0,0,.25);
    z-index:121;
    overflow:auto;
}
body.exam-interface-eyds .eyds-settings-panel h2{
    margin:0 0 32px;
    color:#00385f;
    font-size:22px;
    letter-spacing:.5px;
    text-transform:uppercase;
}
body.exam-interface-eyds .eyds-settings-close{
    position:absolute;
    right:34px;
    top:37px;
    min-width:78px;
    height:34px;
    border-radius:2px;
    border:0;
    background:#d95353;
    color:#fff;
    box-shadow:0 2px 5px rgba(0,0,0,.18);
    font-weight:700;
    cursor:pointer;
}
body.exam-interface-eyds .eyds-settings-section{
    border-bottom:2px dashed #d5dfe7;
    padding:0 0 34px;
    margin:0 0 34px;
}
body.exam-interface-eyds .eyds-settings-section:last-child{border-bottom:0;}
body.exam-interface-eyds .eyds-settings-label{font-size:17px;line-height:1.5;margin:0 0 20px;color:#00385f;}
body.exam-interface-eyds .eyds-lang-option{
    display:block;
    width:100%;
    height:42px;
    margin:9px 0;
    border:0;
    background:#f0f0f0;
    color:#444;
    box-shadow:0 2px 5px rgba(0,0,0,.10);
    font-size:16px;
    font-weight:700;
    cursor:pointer;
}
body.exam-interface-eyds .eyds-lang-option.active{background:#18c84a;color:#fff;border:2px solid #0b9b31;}
body.exam-interface-eyds .eyds-font-control{display:grid;grid-template-columns:112px 1fr 112px;align-items:center;box-shadow:0 2px 5px rgba(0,0,0,.12);}
body.exam-interface-eyds .eyds-font-control button,
body.exam-interface-eyds .eyds-font-control strong{height:43px;border:1px solid #c6d1da;background:#f2f2f2;color:#333;display:flex;align-items:center;justify-content:center;font-size:16px;}
body.exam-interface-eyds .eyds-font-control strong{background:#fff;color:#00385f;font-size:23px;}
body.exam-interface-eyds .eyds-mode-control{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
body.exam-interface-eyds .eyds-mode-control button{height:70px;border:10px solid #e8f0f5;background:#f1f1f1;color:#333;font-size:16px;box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer;}
body.exam-interface-eyds .eyds-mode-control button[data-eyds-mode="dark"]{background:#002523;color:#fff;}
body.exam-interface-eyds .eyds-mode-control button.active{outline:3px solid #18c84a;}
body.exam-interface-eyds .etep-item-inner:after{content:var(--eyds-footer-text,"T.C. Ölçme, Seçme ve Yerleştirme Merkezi Başkanlığı");}

body.exam-interface-eyds.etep-dark{
    --eyds-navy:#000;
    --eyds-text:#dfe5e9;
    --eyds-muted:#aeb7bc;
    --eyds-bg:#2f3030;
    --eyds-card:#1d1d1d;
    background:#2f3030;
    color:#dfe5e9;
}
body.exam-interface-eyds.etep-dark .etep-exam-form,
body.exam-interface-eyds.etep-dark .etep-stage,
body.exam-interface-eyds.etep-dark .eyds-intro-overlay{background:#2f3030;}
body.exam-interface-eyds.etep-dark .etep-topbar{background:#1e1e1e;color:#dfe5e9;}
body.exam-interface-eyds.etep-dark .etep-avatar{background:#1d2227;border-color:#526070;}
body.exam-interface-eyds.etep-dark .etep-avatar:before,
body.exam-interface-eyds.etep-dark .etep-avatar:after{background:#566170;}
body.exam-interface-eyds.etep-dark .etep-candidate-code,
body.exam-interface-eyds.etep-dark .etep-candidate-name,
body.exam-interface-eyds.etep-dark .etep-timer-wrap,
body.exam-interface-eyds.etep-dark .eyds-clock-wrap,
body.exam-interface-eyds.etep-dark #statusBtn,
body.exam-interface-eyds.etep-dark #eydsReviewBtn,
body.exam-interface-eyds.etep-dark #eydsFinishBtn{color:#b5bec4;}
body.exam-interface-eyds.etep-dark .etep-timer-wrap strong,
body.exam-interface-eyds.etep-dark .eyds-clock-wrap strong{color:#dfe5e9;}
body.exam-interface-eyds.etep-dark .etep-item-inner,
body.exam-interface-eyds.etep-dark .eyds-intro-card{background:#1d1d1d;color:#dfe5e9;box-shadow:0 1px 7px rgba(0,0,0,.55);}
body.exam-interface-eyds.etep-dark .etep-instruction{background:#17313c;color:#d8eef8;border-color:#1897dd;}
body.exam-interface-eyds.etep-dark .etep-passage,
body.exam-interface-eyds.etep-dark .etep-item-card h2,
body.exam-interface-eyds.etep-dark .etep-option,
body.exam-interface-eyds.etep-dark .eyds-question-no{color:#dfe5e9;}
body.exam-interface-eyds.etep-dark .etep-stimulus-pane,
body.exam-interface-eyds.etep-dark .etep-question-pane,
body.exam-interface-eyds.etep-dark .etep-item-card{background:#1d1d1d;color:#dfe5e9;}
body.exam-interface-eyds.etep-dark .etep-option-label{border-color:#dfe5e9;color:#dfe5e9;}
body.exam-interface-eyds.etep-dark .etep-nav-arrow,
body.exam-interface-eyds.etep-dark .eyds-bookmark{background:#111;color:#f1e5da;}
body.exam-interface-eyds.etep-dark .etep-nav-arrow span{color:#999;}
body.exam-interface-eyds.etep-dark .eyds-bookmark:before{border-color:#f1e5da;}
body.exam-interface-eyds.etep-dark .eyds-bookmark:after{border-color:#f1e5da;background:#111;}
body.exam-interface-eyds.etep-dark .eyds-bookmark.marked:after{background:#111;}
body.exam-interface-eyds.etep-dark .etep-item-inner:after{color:#9b9b9b;}
body.exam-interface-eyds.etep-dark .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane{border-right-color:#777;}
body.exam-interface-eyds.etep-dark .etep-modal,
body.exam-interface-eyds.etep-dark .etep-roadmap,
body.exam-interface-eyds.etep-dark .etep-panel-head{background:#fff;color:#00385f;}
body.exam-interface-eyds.etep-dark .eyds-settings-panel{background:#fff;color:#00385f;}

@media (max-width:900px){body.exam-interface-eyds .eyds-settings-panel{width:86vw;max-width:none;}}

@media (max-width: 980px){
    body.exam-interface-eyds .etep-roadmap,
    body.exam-interface-eyds .eyds-status-backdrop .etep-modal{
        width:92vw;
        min-width:0;
        max-width:92vw;
        padding-left:22px;
        padding-right:22px;
    }
    body.exam-interface-eyds .eyds-roadmap-grid{grid-template-columns:repeat(auto-fill,minmax(56px,56px));}
}


/* e-YDS review drawer + font-size hotfix 20260616 */
body.exam-interface-eyds .etep-roadmap{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:833px!important;
    max-width:833px!important;
    min-width:833px!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    margin:0!important;
    padding:38px 35px!important;
    background:#fff!important;
    color:#00385f!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-shadow:8px 0 30px rgba(0,0,0,.24)!important;
    border:0!important;
    z-index:1000!important;
    transform:translateX(-100%)!important;
    opacity:1!important;
    transition:transform .22s ease!important;
}
body.exam-interface-eyds .etep-roadmap.is-open{
    transform:translateX(0)!important;
    opacity:1!important;
}
body.exam-interface-eyds .etep-roadmap:before{
    content:""!important;
    position:fixed!important;
    left:833px!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:auto!important;
    height:auto!important;
    background:rgba(0,0,0,.45)!important;
    z-index:-1!important;
    pointer-events:none!important;
}
body.exam-interface-eyds .etep-roadmap[hidden],
body.exam-interface-eyds .etep-roadmap[hidden]:before{
    display:none!important;
}
body.exam-interface-eyds .etep-roadmap .etep-panel-head{
    position:relative!important;
    top:auto!important;
    display:block!important;
    height:auto!important;
    padding:0 0 26px 0!important;
    margin:0!important;
    background:#fff!important;
    border:0!important;
}
body.exam-interface-eyds .etep-roadmap .etep-panel-head strong{
    display:block!important;
    color:#00385f!important;
    font-size:26px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:2px!important;
}
body.exam-interface-eyds .etep-roadmap [data-close-roadmap]{
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:76px!important;
    height:36px!important;
    border-radius:3px!important;
    background:#d95353!important;
    color:#fff!important;
    border:2px solid #2a0000!important;
    font-weight:700!important;
    font-size:14px!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
}
body.exam-interface-eyds .eyds-review-controls{background:#fff!important;}
body.exam-interface-eyds .eyds-review-controls label{
    display:block!important;
    margin:0 0 22px 0!important;
    color:#00385f!important;
    font-size:16px!important;
    font-weight:500!important;
}
body.exam-interface-eyds .eyds-review-controls select{
    display:block!important;
    width:100%!important;
    height:38px!important;
    margin-top:10px!important;
    border:1px solid #8298aa!important;
    background:#fff!important;
    color:#00385f!important;
    font-size:16px!important;
    padding:0 42px 0 14px!important;
    border-radius:0!important;
}
body.exam-interface-eyds .eyds-review-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:0!important;
    margin:0 0 26px!important;
    background:#fff!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
}
body.exam-interface-eyds .eyds-review-tabs button{
    min-height:40px!important;
    border:0!important;
    border-right:1px solid #d3dce3!important;
    background:#fff!important;
    color:#00385f!important;
    font-size:15px!important;
    font-weight:700!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
}
body.exam-interface-eyds .eyds-review-tabs button.active{background:#21a2df!important;color:#fff!important;}
body.exam-interface-eyds .eyds-roadmap-grid{
    display:grid!important;
    grid-template-columns:repeat(13,56px)!important;
    gap:8px!important;
    align-items:start!important;
    background:#fff!important;
}
body.exam-interface-eyds .roadmap-item{
    display:flex!important;
    width:56px!important;
    height:41px!important;
    min-height:41px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    border:1px solid #b8c6d1!important;
    color:#111!important;
    font-weight:700!important;
    font-size:20px!important;
    position:relative!important;
    box-shadow:none!important;
}
body.exam-interface-eyds .roadmap-item.active{background:#ffd8d8!important;border-color:#ff5c5c!important;color:#d32929!important;}
body.exam-interface-eyds .roadmap-item .roadmap-dot{
    position:absolute!important;
    right:5px!important;
    bottom:5px!important;
    width:8px!important;
    height:8px!important;
    border:1px solid #55758c!important;
    background:#fff!important;
    border-radius:50%!important;
}
body.exam-interface-eyds .roadmap-item.answered .roadmap-dot{background:#00385f!important;}
body.exam-interface-eyds .roadmap-item.marked:after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:8px!important;
    height:12px!important;
    background:#f58220!important;
    clip-path:none!important;
}
body.exam-interface-eyds .etep-item-inner,
body.exam-interface-eyds .etep-instruction,
body.exam-interface-eyds .etep-passage,
body.exam-interface-eyds .etep-question,
body.exam-interface-eyds .etep-question-title,
body.exam-interface-eyds .etep-item-card h2,
body.exam-interface-eyds .etep-option,
body.exam-interface-eyds .etep-option-text,
body.exam-interface-eyds .etep-writing-prompt,
body.exam-interface-eyds .etep-writing-editor{
    font-size:var(--eyds-content-font,18px)!important;
}
@media (max-width:900px){
    body.exam-interface-eyds .etep-roadmap{width:100vw!important;min-width:0!important;max-width:100vw!important;}
    body.exam-interface-eyds .etep-roadmap:before{left:100vw!important;}
    body.exam-interface-eyds .eyds-roadmap-grid{grid-template-columns:repeat(6,56px)!important;}
}


/* e-YDS review drawer overflow + filter fix 20260616 */
body.exam-interface-eyds .etep-roadmap{
    width:50vw!important;
    max-width:50vw!important;
    min-width:50vw!important;
    padding:38px 35px!important;
    overflow-x:hidden!important;
}
body.exam-interface-eyds .etep-roadmap:before{
    left:50vw!important;
    right:0!important;
}
body.exam-interface-eyds .eyds-roadmap-grid{
    grid-template-columns:repeat(auto-fill,56px)!important;
    grid-auto-rows:41px!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    justify-content:start!important;
    align-content:start!important;
}
body.exam-interface-eyds .roadmap-item.eyds-filter-hidden{
    display:none!important;
}
@media (max-width:1500px){
    body.exam-interface-eyds .etep-roadmap{
        width:55vw!important;
        max-width:55vw!important;
        min-width:55vw!important;
    }
    body.exam-interface-eyds .etep-roadmap:before{left:55vw!important;}
}

/* e-YDS footer removal hotfix 20260616: remove ÖSYM-style footer text to avoid copyright/trademark issue. */
body.exam-interface-eyds .etep-item-inner:after{
    content:none!important;
    display:none!important;
}


/* Requested exam UI fixes 20260616: keep changes limited to interface-specific issues. */
/* e-TEP header: show only exam title and user full name in the top-left identity block. */
body.exam-interface-etep .etep-candidate-code,
body.exam-interface-etep .etep-candidate-name{display:none!important;}
body.exam-interface-etep .etep-app-title{font-size:13px;line-height:1.2;}
body.exam-interface-etep .etep-title-subline{font-size:11px;line-height:1.2;margin-top:2px;}

/* e-TEP roadmap: hide e-YDS review/filter controls that were leaking into the roadmap panel. */
body:not(.exam-interface-eyds) .eyds-review-controls{display:none!important;}

/* TOEFL: vertically center the show/hide time button text. */
body.exam-interface-toefl-ibt #timeToggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:1!important;
    white-space:nowrap!important;
    vertical-align:middle!important;
}

/* e-YDS status panel: remove the extra bottom close button; keep the top KAPAT button only. */
body.exam-interface-eyds .eyds-status-backdrop .etep-modal > .etep-btn.secondary[data-close-status]{display:none!important;}

/* TOEFL: when the right column has multiple questions, scroll only the right column and keep the left column fixed. */
body.exam-interface-toefl-ibt .etep-stage{overflow:hidden!important;}
body.exam-interface-toefl-ibt .etep-item{height:calc(100vh - 78px)!important;min-height:0!important;overflow:hidden!important;}
body.exam-interface-toefl-ibt .etep-item-inner{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
body.exam-interface-toefl-ibt .etep-columns{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;}
body.exam-interface-toefl-ibt .etep-stimulus-pane{min-height:0!important;overflow:auto!important;-webkit-overflow-scrolling:touch;}
body.exam-interface-toefl-ibt .etep-question-pane{min-height:0!important;overflow:auto!important;-webkit-overflow-scrolling:touch;}

/* e-YDS: two-column reading pages use independent column scrolling; the passage column stays fixed while questions scroll. */
body.exam-interface-eyds .etep-item{height:100%!important;min-height:0!important;overflow:hidden!important;}
body.exam-interface-eyds .etep-item-inner{overflow:hidden!important;}
body.exam-interface-eyds .etep-columns{min-height:0!important;overflow:hidden!important;}
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane,
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{
    min-height:0!important;
    max-height:100%!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
}
@media(max-width:900px){
    body.exam-interface-toefl-ibt .etep-item{height:auto!important;min-height:calc(100vh - 78px)!important;overflow:visible!important;}
    body.exam-interface-toefl-ibt .etep-item-inner{height:auto!important;overflow:visible!important;}
    body.exam-interface-toefl-ibt .etep-columns{overflow:visible!important;}
}

/* e-TEP current status modal: remove the broken top-right close text/button; keep the normal bottom close button. */
body.exam-interface-etep #statusModal .etep-modal > .etep-modal-close{
    display:none!important;
}

/* Mobile usability polish for TOEFL iBT and e-YDS interfaces 20260616.
   Desktop layouts stay unchanged; only <=900px is affected. */
@media(max-width:900px){
    /* TOEFL iBT: use the same fixed-height, two-pane mobile behavior as the e-TEP UI. */
    body.exam-interface-toefl-ibt{overflow:hidden!important;height:100vh!important;height:100dvh!important;}
    body.exam-interface-toefl-ibt .etep-exam-form{align-items:stretch!important;width:100%!important;height:100vh!important;height:100dvh!important;min-height:0!important;background:#bfc0c0!important;}
    body.exam-interface-toefl-ibt .etep-topbar,
    body.exam-interface-toefl-ibt .etep-session-strip,
    body.exam-interface-toefl-ibt .etep-stage{width:100%!important;max-width:100%!important;}
    body.exam-interface-toefl-ibt .etep-topbar{height:auto!important;min-height:0!important;padding:6px 8px!important;display:block!important;background:#006466!important;}
    body.exam-interface-toefl-ibt .etep-tools{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;padding:0 0 2px!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
    body.exam-interface-toefl-ibt .etep-tools button,
    body.exam-interface-toefl-ibt .etep-timer-wrap{height:34px!important;min-width:auto!important;padding:0 12px!important;font-size:12px!important;line-height:1!important;flex:0 0 auto!important;}
    body.exam-interface-toefl-ibt #timeToggle{height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
    body.exam-interface-toefl-ibt .etep-volume{display:none!important;}
    body.exam-interface-toefl-ibt .etep-toefl-topnav{display:none!important;}
    body.exam-interface-toefl-ibt .etep-session-strip{height:28px!important;min-height:28px!important;padding:0 10px!important;border-left:0!important;border-right:0!important;overflow:hidden!important;}
    body.exam-interface-toefl-ibt .etep-toefl-crumb{font-size:12px!important;line-height:28px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;}
    body.exam-interface-toefl-ibt .etep-stage{flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:8px 8px 66px!important;overflow:hidden!important;border:0!important;background:#fff!important;}
    body.exam-interface-toefl-ibt .etep-item{height:100%!important;min-height:0!important;overflow:hidden!important;}
    body.exam-interface-toefl-ibt .etep-item-inner{height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;padding:8px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;border:1px solid #d0d0d0!important;border-radius:3px!important;}
    body.exam-interface-toefl-ibt .etep-instruction{flex:0 0 auto!important;max-width:none!important;margin:0 0 7px!important;padding:7px 8px!important;max-height:76px!important;overflow:auto!important;border:0!important;border-bottom:1px solid #d6d6d6!important;font-size:14px!important;line-height:1.32!important;text-align:left!important;-webkit-overflow-scrolling:touch;}
    body.exam-interface-toefl-ibt .etep-columns{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,42%) minmax(0,58%)!important;gap:7px!important;padding:0!important;overflow:hidden!important;}
    body.exam-interface-toefl-ibt .etep-stimulus-pane,
    body.exam-interface-toefl-ibt .etep-question-pane{min-height:0!important;max-height:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb!important;background:#fff!important;padding:9px!important;border-radius:2px!important;}
    body.exam-interface-toefl-ibt .etep-passage{font-size:14px!important;line-height:1.48!important;padding:0!important;}
    body.exam-interface-toefl-ibt .etep-empty-passage{min-height:0!important;font-size:13px!important;padding:12px!important;}
    body.exam-interface-toefl-ibt .etep-question-stack{gap:8px!important;}
    body.exam-interface-toefl-ibt .etep-item-card{padding:0!important;margin:0 0 8px!important;}
    body.exam-interface-toefl-ibt .etep-item-card h2{font-size:14px!important;line-height:1.38!important;margin:0 0 10px!important;}
    body.exam-interface-toefl-ibt .etep-options{gap:9px!important;padding:0!important;}
    body.exam-interface-toefl-ibt .etep-option{font-size:14px!important;line-height:1.35!important;grid-template-columns:22px 1fr!important;gap:8px!important;}
    body.exam-interface-toefl-ibt .etep-option input{width:18px!important;height:18px!important;}
    body.exam-interface-toefl-ibt .etep-writing,
    body.exam-interface-toefl-ibt .etep-speaking-note{width:100%!important;min-height:180px!important;margin:0 0 8px!important;font-size:14px!important;}
    body.exam-interface-toefl-ibt .etep-bottom-actions{display:flex!important;position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;height:50px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;background:rgba(246,247,247,.98)!important;z-index:30!important;gap:6px!important;padding:6px!important;}
    body.exam-interface-toefl-ibt .etep-bottom-actions .etep-btn{flex:1 1 0!important;min-width:0!important;padding:8px 6px!important;font-size:12px!important;}

    /* e-YDS: compact topbar, stacked panes, bottom navigation and mobile-friendly panels. */
    body.exam-interface-eyds{overflow:hidden!important;height:100vh!important;height:100dvh!important;font-size:13px!important;--eyds-content-font:15px;}
    body.exam-interface-eyds .etep-exam-form{height:100vh!important;height:100dvh!important;min-height:0!important;background:#e9e9e9!important;}
    body.exam-interface-eyds .etep-topbar{height:auto!important;min-height:0!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:6px 8px!important;background:#00385f!important;color:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.18)!important;}
    body.exam-interface-eyds .etep-topbar:before{display:none!important;content:none!important;}
    body.exam-interface-eyds .etep-idblock{width:100%!important;min-width:0!important;display:block!important;grid-template-columns:none!important;grid-template-rows:none!important;pointer-events:auto!important;z-index:auto!important;}
    body.exam-interface-eyds .etep-avatar{display:none!important;}
    body.exam-interface-eyds .etep-candidate-block{display:block!important;grid-template-rows:none!important;padding:0!important;min-width:0!important;}
    body.exam-interface-eyds .etep-app-title{display:block!important;color:#fff!important;font-size:13px!important;line-height:1.2!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
    body.exam-interface-eyds .etep-candidate-code{display:none!important;}
    body.exam-interface-eyds .etep-candidate-name{display:block!important;color:#dceefa!important;font-size:11px!important;line-height:1.2!important;font-weight:600!important;padding:1px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
    body.exam-interface-eyds .etep-title-subline{display:none!important;}
    body.exam-interface-eyds .etep-tools{width:100%!important;display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;padding:0 0 2px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;z-index:auto!important;}
    body.exam-interface-eyds #statusBtn,
    body.exam-interface-eyds #eydsReviewBtn,
    body.exam-interface-eyds #eydsFinishBtn,
    body.exam-interface-eyds #darkBtn,
    body.exam-interface-eyds #timeToggle,
    body.exam-interface-eyds .etep-timer-wrap,
    body.exam-interface-eyds .eyds-clock-wrap{position:static!important;grid-column:auto!important;grid-row:auto!important;align-self:center!important;justify-self:auto!important;height:34px!important;min-height:34px!important;flex:0 0 auto!important;}
    body.exam-interface-eyds #statusBtn,
    body.exam-interface-eyds #eydsReviewBtn,
    body.exam-interface-eyds #eydsFinishBtn,
    body.exam-interface-eyds #darkBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:5px!important;background:#fff!important;color:#00385f!important;padding:0 9px!important;font-size:11px!important;font-weight:700!important;line-height:1!important;min-width:auto!important;}
    body.exam-interface-eyds #statusBtn:before,
    body.exam-interface-eyds #eydsReviewBtn:before,
    body.exam-interface-eyds #eydsFinishBtn:before{display:none!important;content:none!important;}
    body.exam-interface-eyds #darkBtn{background:#18bb3a!important;color:#fff!important;}
    body.exam-interface-eyds .etep-timer-wrap,
    body.exam-interface-eyds .eyds-clock-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#00385f!important;border-radius:5px!important;border:1px solid rgba(255,255,255,.38)!important;padding:0 8px!important;gap:4px!important;font-size:11px!important;}
    body.exam-interface-eyds .etep-timer-wrap strong,
    body.exam-interface-eyds .eyds-clock-wrap strong{font-size:14px!important;color:#00385f!important;letter-spacing:0!important;}
    body.exam-interface-eyds #timeToggle{width:42px!important;min-width:42px!important;border-radius:5px!important;background-size:18px 18px!important;}
    body.exam-interface-eyds .etep-stage{flex:1 1 auto!important;min-height:0!important;height:auto!important;padding:8px 8px 66px!important;overflow:hidden!important;background:#e9e9e9!important;}
    body.exam-interface-eyds .etep-item{height:100%!important;min-height:0!important;overflow:hidden!important;position:relative!important;}
    body.exam-interface-eyds .etep-item-inner{width:100%!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;max-height:none!important;margin:0!important;background:#fff!important;border:1px solid #cfd6dc!important;border-radius:3px!important;box-shadow:0 1px 5px rgba(0,0,0,.16)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;}
    body.exam-interface-eyds .etep-instruction{flex:0 0 auto!important;margin:8px 8px 6px!important;padding:8px 9px!important;max-height:82px!important;overflow:auto!important;background:#dff3ff!important;border:1px dashed #1897dd!important;color:#14628d!important;font-size:14px!important;line-height:1.32!important;-webkit-overflow-scrolling:touch;}
    body.exam-interface-eyds .etep-columns{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,42%) minmax(0,58%)!important;gap:7px!important;padding:0 8px 8px!important;overflow:hidden!important;}
    body.exam-interface-eyds .etep-columns:not(:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage))){grid-template-rows:1fr!important;}
    body.exam-interface-eyds .etep-columns:not(:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage))) .etep-stimulus-pane{display:none!important;}
    body.exam-interface-eyds .etep-stimulus-pane,
    body.exam-interface-eyds .etep-question-pane,
    body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane,
    body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{min-height:0!important;max-height:none!important;overflow:auto!important;-webkit-overflow-scrolling:touch;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:2px!important;padding:9px!important;}
    body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane{border-right:1px solid #e5e7eb!important;padding-right:9px!important;}
    body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{padding-left:9px!important;}
    body.exam-interface-eyds .etep-passage{font-size:15px!important;line-height:1.5!important;font-weight:600!important;padding:0!important;color:#002b4b!important;}
    body.exam-interface-eyds .etep-question-stack{display:flex!important;flex-direction:column!important;gap:8px!important;}
    body.exam-interface-eyds .etep-item-card{margin:0 0 8px!important;padding:0!important;}
    body.exam-interface-eyds .etep-item-card h2{font-size:15px!important;line-height:1.4!important;margin:0 0 10px!important;}
    body.exam-interface-eyds .etep-options{gap:8px!important;padding:0!important;}
    body.exam-interface-eyds .etep-option{grid-template-columns:34px 1fr!important;gap:9px!important;min-height:34px!important;font-size:15px!important;line-height:1.35!important;}
    body.exam-interface-eyds .etep-option-label{width:28px!important;height:28px!important;min-width:28px!important;border-width:2px!important;font-size:15px!important;}
    body.exam-interface-eyds .eyds-question-no{display:none!important;}
    body.exam-interface-eyds .eyds-bookmark{right:14px!important;left:auto!important;top:12px!important;width:34px!important;height:34px!important;box-shadow:0 1px 5px rgba(0,0,0,.16)!important;z-index:25!important;}
    body.exam-interface-eyds .eyds-bookmark:before{left:13px!important;top:7px!important;width:10px!important;height:16px!important;border-width:2px!important;}
    body.exam-interface-eyds .eyds-bookmark:after{left:15px!important;top:20px!important;width:6px!important;height:6px!important;border-left-width:2px!important;border-top-width:2px!important;}
    body.exam-interface-eyds .etep-nav-arrow{display:none!important;}
    body.exam-interface-eyds .etep-bottom-actions{display:flex!important;position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;height:50px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;background:rgba(246,247,247,.98)!important;z-index:30!important;gap:6px!important;padding:6px!important;}
    body.exam-interface-eyds .etep-bottom-actions .etep-btn{flex:1 1 0!important;min-width:0!important;padding:8px 6px!important;font-size:12px!important;}
    body.exam-interface-eyds .eyds-intro-overlay{padding:8px!important;align-items:stretch!important;justify-content:center!important;overflow:auto!important;-webkit-overflow-scrolling:touch;}
    body.exam-interface-eyds .eyds-intro-card{width:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;overflow:auto!important;padding:12px 12px 18px!important;}
    body.exam-interface-eyds .eyds-intro-skip{display:block!important;margin-bottom:12px!important;padding:10px!important;font-size:13px!important;}
    body.exam-interface-eyds .eyds-intro-skip button{margin-top:8px!important;width:100%!important;min-width:0!important;}
    body.exam-interface-eyds .eyds-intro-success{font-size:14px!important;line-height:1.45!important;padding:12px!important;margin-bottom:12px!important;}
    body.exam-interface-eyds .eyds-intro-list{font-size:13px!important;line-height:1.45!important;margin-bottom:12px!important;}
    body.exam-interface-eyds .eyds-intro-table{width:100%!important;font-size:13px!important;margin:12px 0!important;}
    body.exam-interface-eyds .eyds-intro-table th,
    body.exam-interface-eyds .eyds-intro-table td{padding:8px!important;}
    body.exam-interface-eyds .etep-roadmap{top:0!important;bottom:0!important;left:0!important;right:auto!important;width:100vw!important;max-width:100vw!important;min-width:0!important;height:100vh!important;height:100dvh!important;padding:16px!important;overflow:auto!important;-webkit-overflow-scrolling:touch;}
    body.exam-interface-eyds .etep-roadmap:before{left:100vw!important;display:none!important;content:none!important;}
    body.exam-interface-eyds .etep-roadmap .etep-panel-head{padding:0 82px 12px 0!important;}
    body.exam-interface-eyds .etep-roadmap .etep-panel-head strong{font-size:20px!important;letter-spacing:.8px!important;}
    body.exam-interface-eyds .etep-roadmap [data-close-roadmap]{top:0!important;right:0!important;width:70px!important;height:32px!important;font-size:12px!important;}
    body.exam-interface-eyds .eyds-review-controls label{font-size:13px!important;margin-bottom:12px!important;}
    body.exam-interface-eyds .eyds-review-tabs{grid-template-columns:1fr 1fr!important;margin:0 0 14px!important;}
    body.exam-interface-eyds .eyds-review-tabs button{min-height:36px!important;font-size:12px!important;white-space:normal!important;line-height:1.15!important;padding:4px!important;}
    body.exam-interface-eyds .eyds-roadmap-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))!important;grid-auto-rows:38px!important;gap:6px!important;}
    body.exam-interface-eyds .roadmap-item{width:auto!important;height:38px!important;min-height:38px!important;font-size:15px!important;}
    body.exam-interface-eyds .etep-modal-backdrop{padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
    body.exam-interface-eyds .eyds-status-backdrop .etep-modal,
    body.exam-interface-eyds .etep-modal{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:0!important;border-radius:8px!important;padding:16px!important;overflow:auto!important;transform:none!important;opacity:1!important;}
    body.exam-interface-eyds .etep-modal h2{font-size:20px!important;margin:0 72px 16px 0!important;letter-spacing:.5px!important;}
    body.exam-interface-eyds .etep-modal-close,
    body.exam-interface-eyds .eyds-settings-close{top:12px!important;right:12px!important;width:62px!important;height:30px!important;font-size:12px!important;}
    body.exam-interface-eyds .eyds-info-table{font-size:12px!important;display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;}
    body.exam-interface-eyds .eyds-info-table th,
    body.exam-interface-eyds .eyds-info-table td{padding:7px!important;min-width:86px!important;}
    body.exam-interface-eyds .eyds-finish-warning{font-size:13px!important;line-height:1.45!important;padding:10px!important;margin:12px 0!important;}
    body.exam-interface-eyds .eyds-finish-box input{width:100%!important;margin-bottom:10px!important;}
    body.exam-interface-eyds .eyds-finish-box button{width:100%!important;margin-left:0!important;}
    body.exam-interface-eyds .eyds-settings-panel{width:100vw!important;max-width:100vw!important;min-width:0!important;height:100vh!important;height:100dvh!important;overflow:auto!important;padding:16px!important;}
}

@media(max-width:420px){
    body.exam-interface-toefl-ibt .etep-columns,
    body.exam-interface-eyds .etep-columns{grid-template-rows:minmax(0,40%) minmax(0,60%)!important;}
    body.exam-interface-eyds .etep-columns:not(:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage))){grid-template-rows:1fr!important;}
    body.exam-interface-eyds .etep-app-title{font-size:12px!important;}
    body.exam-interface-eyds .etep-candidate-name{font-size:10px!important;}
    body.exam-interface-eyds #statusBtn,
    body.exam-interface-eyds #eydsReviewBtn,
    body.exam-interface-eyds #eydsFinishBtn,
    body.exam-interface-eyds #darkBtn,
    body.exam-interface-toefl-ibt .etep-tools button{font-size:10px!important;padding-left:8px!important;padding-right:8px!important;}
}

/* e-YDS timer spacing + mobile modal visibility fix 20260617.
   Keeps existing e-TEP/TOEFL rules untouched. */
@media (min-width:901px){
    body.exam-interface-eyds .etep-tools{
        grid-template-columns:minmax(120px,1fr) max-content max-content max-content max-content 56px!important;
        column-gap:14px!important;
        padding-right:70px!important;
    }
    body.exam-interface-eyds .etep-timer-wrap{
        min-width:250px!important;
        display:inline-grid!important;
        grid-template-columns:max-content max-content!important;
        align-items:center!important;
        justify-content:end!important;
        column-gap:10px!important;
        white-space:nowrap!important;
        line-height:1!important;
        overflow:visible!important;
    }
    body.exam-interface-eyds .etep-timer-wrap span,
    body.exam-interface-eyds .etep-timer-wrap strong,
    body.exam-interface-eyds .eyds-clock-wrap span,
    body.exam-interface-eyds .eyds-clock-wrap strong{
        line-height:1!important;
        white-space:nowrap!important;
    }
    body.exam-interface-eyds .eyds-clock-wrap{
        min-width:150px!important;
        justify-content:end!important;
        line-height:1!important;
    }
}
@media (min-width:901px) and (max-width:1500px){
    body.exam-interface-eyds .etep-tools{column-gap:10px!important;padding-right:54px!important;}
    body.exam-interface-eyds .etep-timer-wrap{min-width:220px!important;column-gap:8px!important;}
    body.exam-interface-eyds .etep-timer-wrap strong,
    body.exam-interface-eyds .eyds-clock-wrap strong{font-size:25px!important;}
    body.exam-interface-eyds .etep-timer-wrap,
    body.exam-interface-eyds .eyds-clock-wrap{font-size:14px!important;}
}
/* The mobile display:flex rule must never override the hidden attribute; otherwise
   the e-YDS finish/status/settings modals appear open and cannot visually close. */
body.exam-interface-eyds .etep-modal-backdrop[hidden],
body.exam-interface-eyds .eyds-finish-backdrop[hidden],
body.exam-interface-eyds .eyds-status-backdrop[hidden],
body.exam-interface-eyds .eyds-settings-backdrop[hidden]{
    display:none!important;
}

/* e-YDS: keep exam remaining time and per-question time as separate aligned rows.
   This fixes the leaked/overlapped "Soru süresi" display without touching other interfaces. */
body.exam-interface-eyds .eyds-time-stack{
    grid-column:4!important;
    grid-row:2!important;
    align-self:center!important;
    justify-self:end!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-rows:auto!important;
    row-gap:4px!important;
    min-width:260px!important;
    max-width:320px!important;
    line-height:1!important;
    white-space:nowrap!important;
}
body.exam-interface-eyds .eyds-time-stack .etep-timer-wrap{
    grid-column:1!important;
    grid-row:auto!important;
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:max-content minmax(86px,max-content)!important;
    align-items:center!important;
    justify-content:end!important;
    column-gap:9px!important;
    padding:0!important;
    background:transparent!important;
    color:#5c7283!important;
    font-size:15px!important;
    overflow:visible!important;
    line-height:1!important;
}
body.exam-interface-eyds .eyds-time-stack .etep-timer-wrap span{
    grid-column:1!important;
    text-align:right!important;
    line-height:1!important;
    white-space:nowrap!important;
}
body.exam-interface-eyds .eyds-time-stack .etep-timer-wrap strong{
    grid-column:2!important;
    justify-self:start!important;
    text-align:left!important;
    color:#002b4b!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
}
body.exam-interface-eyds .eyds-time-stack .etep-exam-timer-wrap strong{font-size:28px!important;}
body.exam-interface-eyds .eyds-time-stack .etep-question-timer-wrap strong{font-size:20px!important;}
body.exam-interface-eyds .eyds-time-stack .etep-question-timer-wrap{font-size:14px!important;}

@media (min-width:901px){
    body.exam-interface-eyds .etep-tools{
        grid-template-columns:minmax(120px,1fr) max-content max-content minmax(260px,max-content) minmax(150px,max-content) 56px!important;
        column-gap:14px!important;
        padding-right:70px!important;
    }
}
@media (min-width:901px) and (max-width:1500px){
    body.exam-interface-eyds .etep-tools{column-gap:10px!important;padding-right:54px!important;}
    body.exam-interface-eyds .eyds-time-stack{min-width:235px!important;max-width:280px!important;}
    body.exam-interface-eyds .eyds-time-stack .etep-timer-wrap{grid-template-columns:max-content minmax(76px,max-content)!important;column-gap:7px!important;font-size:14px!important;}
    body.exam-interface-eyds .eyds-time-stack .etep-exam-timer-wrap strong{font-size:25px!important;}
    body.exam-interface-eyds .eyds-time-stack .etep-question-timer-wrap strong{font-size:18px!important;}
}
@media(max-width:900px){
    body.exam-interface-eyds .eyds-time-stack{
        position:static!important;
        grid-column:auto!important;
        grid-row:auto!important;
        align-self:center!important;
        justify-self:auto!important;
        min-width:188px!important;
        max-width:none!important;
        flex:0 0 auto!important;
        row-gap:4px!important;
    }
    body.exam-interface-eyds .eyds-time-stack .etep-timer-wrap{
        height:28px!important;
        min-height:28px!important;
        display:grid!important;
        grid-template-columns:max-content minmax(52px,max-content)!important;
        justify-content:end!important;
        align-items:center!important;
        background:#fff!important;
        color:#00385f!important;
        border-radius:5px!important;
        border:1px solid rgba(255,255,255,.38)!important;
        padding:0 8px!important;
        column-gap:4px!important;
        font-size:10px!important;
    }
    body.exam-interface-eyds .eyds-time-stack .etep-exam-timer-wrap strong,
    body.exam-interface-eyds .eyds-time-stack .etep-question-timer-wrap strong{
        font-size:13px!important;
        color:#00385f!important;
        letter-spacing:0!important;
    }
}

/* e-YDS mobile: keep the Ayarlar button label vertically centered.
   The generic settings-panel .eyds-settings-label rule also matches the button span,
   so reset it only inside #darkBtn without affecting the settings panel text. */
body.exam-interface-eyds #darkBtn .eyds-settings-label{
    margin:0!important;
    padding:0!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:1!important;
    color:inherit!important;
    height:100%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    vertical-align:middle!important;
}
@media(max-width:900px){
    body.exam-interface-eyds #darkBtn{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        line-height:1!important;
    }
}

/* e-YDS only: 3-minute pre-exam countdown and compact mobile exam timer after start. */
body.exam-interface-eyds.eyds-before-exam .eyds-time-stack .etep-exam-timer-wrap span,
body.exam-interface-eyds.eyds-exam-started .eyds-time-stack .etep-exam-timer-wrap span{
    white-space:nowrap!important;
}
@media(max-width:900px){
    body.exam-interface-eyds.eyds-before-exam .eyds-time-stack{
        min-width:188px!important;
    }
    body.exam-interface-eyds.eyds-exam-started .eyds-time-stack{
        min-width:156px!important;
        max-width:156px!important;
        flex-basis:156px!important;
    }
    body.exam-interface-eyds.eyds-exam-started .eyds-time-stack .etep-timer-wrap{
        width:100%!important;
        grid-template-columns:max-content minmax(44px,max-content)!important;
        padding-left:6px!important;
        padding-right:6px!important;
        column-gap:4px!important;
    }
    body.exam-interface-eyds.eyds-exam-started .eyds-time-stack .etep-exam-timer-wrap strong{
        min-width:42px!important;
    }
}

/* Fix: e-YDS grouped Reading/Script pages must keep both panes inside the exam card.
   This prevents the layout from collapsing/overflowing after selecting answers on pages
   that contain multiple consecutive questions sharing the same stimulus. */
body.exam-interface-eyds .etep-item[data-question-indexes*=","] .etep-item-inner{
    height:calc(100vh - 190px);
    min-height:455px;
    overflow:hidden;
}
body.exam-interface-eyds .etep-item[data-question-indexes*=","] .etep-columns{
    min-height:0;
    overflow:hidden!important;
}
body.exam-interface-eyds .etep-item[data-question-indexes*=","] .etep-stimulus-pane,
body.exam-interface-eyds .etep-item[data-question-indexes*=","] .etep-question-pane,
body.exam-interface-eyds .etep-item[data-question-indexes*=","] .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane,
body.exam-interface-eyds .etep-item[data-question-indexes*=","] .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{
    min-height:0;
    max-height:100%;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
}
body.exam-interface-eyds .etep-item[data-question-indexes*=","] .etep-question-stack{
    min-height:0;
    padding-right:6px;
}
body.exam-interface-eyds .etep-item[data-question-indexes*=","] .etep-question-unit + .etep-question-unit{
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #d8d8d8;
}


/* Fix: prevent hidden e-YDS radio inputs from pulling grouped Reading/Script panes out of view.
   In grouped pages the browser can auto-scroll to the focused absolute radio after the
   second/third answer. Anchor the invisible input inside its option and keep the pane stable. */
body.exam-interface-eyds .etep-option{
    position:relative;
}
body.exam-interface-eyds .etep-option input[type="radio"]{
    position:absolute!important;
    left:19px!important;
    top:50%!important;
    width:1px!important;
    height:1px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    opacity:0!important;
    pointer-events:none!important;
}
body.exam-interface-eyds .etep-item[data-question-indexes*=","] .etep-question-pane{
    overscroll-behavior:contain;
    scroll-behavior:auto;
}
body.exam-interface-eyds .etep-item[data-question-indexes*=","] .etep-question-unit{
    position:relative;
    scroll-margin-top:0;
}

/* Rich text imported from XML question bank: preserve safe bold/italic/underline/highlight formatting. */
.etep-rich-text strong,.etep-passage strong,.etep-option-text strong{font-weight:700;}
.etep-rich-text em,.etep-passage em,.etep-option-text em{font-style:italic;}
.etep-rich-text u,.etep-passage u,.etep-option-text u{text-decoration:underline;text-underline-offset:.12em;}
.etep-rich-text mark,.etep-passage mark,.etep-option-text mark{background:#fff59d;color:inherit;padding:0 .08em;border-radius:2px;}
.etep-rich-text p,.etep-passage p{margin:.35em 0;}
.etep-option-text p,.etep-drag-item p{display:inline;margin:0;}
body.etep-dark .etep-rich-text mark,body.etep-dark .etep-passage mark,body.etep-dark .etep-option-text mark{background:#665c00;color:inherit;}

/* Fix: e-YDS must display XML rich-text emphasis distinctly.
   The e-YDS skin was making whole passages/prompts bold, so imported <strong> text
   looked unchanged. Keep the e-YDS look, but return rich text containers to normal
   weight and let explicit XML formatting control emphasis. */
body.exam-interface-eyds .etep-instruction.etep-rich-text,
body.exam-interface-eyds .etep-passage,
body.exam-interface-eyds .etep-passage.etep-rich-text,
body.exam-interface-eyds .etep-item-card h2.etep-rich-text,
body.exam-interface-eyds .etep-option-text.etep-rich-text,
body.exam-interface-eyds .etep-drag-item.etep-rich-text,
body.exam-interface-eyds .etep-gap-title.etep-rich-text,
body.exam-interface-eyds .match-row-label.etep-rich-text,
body.exam-interface-eyds .etep-match-table th.etep-rich-text{
    font-weight:400!important;
}
body.exam-interface-eyds .etep-rich-text strong,
body.exam-interface-eyds .etep-rich-text b,
body.exam-interface-eyds .etep-passage strong,
body.exam-interface-eyds .etep-passage b,
body.exam-interface-eyds .etep-option-text strong,
body.exam-interface-eyds .etep-option-text b{
    font-weight:800!important;
}
body.exam-interface-eyds .etep-rich-text em,
body.exam-interface-eyds .etep-rich-text i,
body.exam-interface-eyds .etep-passage em,
body.exam-interface-eyds .etep-passage i,
body.exam-interface-eyds .etep-option-text em,
body.exam-interface-eyds .etep-option-text i{
    font-style:italic!important;
}
body.exam-interface-eyds .etep-rich-text u,
body.exam-interface-eyds .etep-passage u,
body.exam-interface-eyds .etep-option-text u{
    text-decoration:underline!important;
    text-underline-offset:.14em!important;
}
body.exam-interface-eyds .etep-rich-text mark,
body.exam-interface-eyds .etep-passage mark,
body.exam-interface-eyds .etep-option-text mark{
    background:#fff59d!important;
    color:inherit!important;
    padding:0 .08em!important;
    border-radius:2px!important;
}


/* e-YDS mobile font scaling fix 20260617 */
@media(max-width:900px){
    body.exam-interface-eyds .etep-instruction,
    body.exam-interface-eyds .etep-passage,
    body.exam-interface-eyds .etep-question,
    body.exam-interface-eyds .etep-question-title,
    body.exam-interface-eyds .etep-item-card h2,
    body.exam-interface-eyds .etep-option,
    body.exam-interface-eyds .etep-option-text,
    body.exam-interface-eyds .etep-writing-prompt,
    body.exam-interface-eyds .etep-writing-editor{
        font-size:var(--eyds-content-font,15px)!important;
    }
}

/* PTE Academic interface 20260617 */
body.exam-interface-pte{
    margin:0;
    background:#ececf4;
    color:#252536;
    font-family:Arial, Helvetica, sans-serif;
    overflow:hidden;
}
body.exam-interface-pte .pte-topbar{
    position:fixed;left:0;right:0;top:0;height:44px;z-index:30;
    display:flex;align-items:center;justify-content:space-between;
    padding:0 28px;background:#4e4e52;color:#fff;box-sizing:border-box;
}
body.exam-interface-pte .pte-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;line-height:1;}
body.exam-interface-pte .pte-avatar{width:30px;height:30px;border-radius:50%;background:#150060;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:6px;line-height:1;text-align:center;font-weight:400;}
body.exam-interface-pte .pte-avatar small{display:block;font-size:6px;color:#fff;}
body.exam-interface-pte .pte-top-actions{display:flex;gap:18px;align-items:center;font-size:18px;opacity:.95;}
body.exam-interface-pte .pte-shell{position:fixed;left:0;right:0;top:44px;bottom:0;overflow:hidden;background:#ededf5;}
body.exam-interface-pte .pte-item{position:absolute;inset:0;padding:0 7vw;box-sizing:border-box;}
body.exam-interface-pte .pte-item[hidden]{display:none!important;}
body.exam-interface-pte .pte-item h1{font-size:44px;line-height:1.1;font-weight:400;color:#0b0a35;margin:0 0 22px;padding-top:26px;letter-spacing:.2px;}
body.exam-interface-pte .pte-card{position:relative;height:calc(100vh - 150px);background:#fff;margin:0 auto;padding:76px 52px 48px;box-sizing:border-box;overflow:auto;box-shadow:none;max-width:1500px;}
body.exam-interface-pte .pte-instruction{font-size:17px;line-height:1.45;font-style:italic;font-weight:600;letter-spacing:2px;color:#202026;margin:0 0 24px;max-width:1220px;}
body.exam-interface-pte .pte-passage{font-size:18px;line-height:1.55;color:#222;margin:16px 0 24px;max-width:1280px;}
body.exam-interface-pte .pte-speaking-text{font-size:20px;line-height:1.45;margin:22px 0;max-width:1200px;color:#333;}
body.exam-interface-pte .pte-main-image img,.pte-side-image img{max-width:480px;max-height:360px;object-fit:contain;display:block;}
body.exam-interface-pte .pte-main-image{margin:8px 0 18px;}
body.exam-interface-pte .pte-side-image{float:left;margin:4px 48px 20px 0;}
body.exam-interface-pte .pte-audio-player,.pte-recorder{width:520px;min-height:146px;border:1px solid #b9b9b9;background:#f7f7f7;margin:22px 0 28px 48px;position:relative;box-sizing:border-box;}
body.exam-interface-pte .pte-audio-label,.pte-recorder-title{position:absolute;left:20px;top:18px;font-size:14px;font-weight:700;letter-spacing:2px;color:#444;}
body.exam-interface-pte .pte-audio-status,.pte-recorder-status{position:absolute;left:0;right:0;top:58px;text-align:center;color:#8b4a4a;font-size:14px;font-weight:700;letter-spacing:2px;}
body.exam-interface-pte .pte-audio-controls,.pte-recorder-controls{position:absolute;left:0;right:0;bottom:0;height:44px;background:#f1f1f1;border-top:1px solid #ddd;display:flex;align-items:center;gap:16px;padding:0 14px;box-sizing:border-box;}
body.exam-interface-pte .pte-audio-play{width:42px;height:44px;border:0;border-right:1px solid #d2d2d2;background:#e5e5e5;font-size:17px;cursor:pointer;margin-left:-14px;}
body.exam-interface-pte .pte-audio-bar,.pte-rec-bar{height:4px;flex:1;background:#d8d8d8;position:relative;}
body.exam-interface-pte .pte-audio-bar span,.pte-rec-bar span{position:absolute;left:0;top:0;bottom:0;width:34%;background:#777;}
body.exam-interface-pte .pte-rec-dot{width:12px;height:12px;border-radius:50%;background:#cf403d;display:inline-block;}
body.exam-interface-pte .pte-rec-pause{font-weight:700;font-size:18px;}
body.exam-interface-pte .pte-hidden-response{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
body.exam-interface-pte .pte-options{margin:22px 0 0 14px;display:flex;flex-direction:column;gap:18px;max-width:980px;}
body.exam-interface-pte .pte-option{display:flex;align-items:flex-start;gap:13px;font-size:18px;line-height:1.4;color:#333;cursor:pointer;}
body.exam-interface-pte .pte-option input{position:absolute;opacity:0;}
body.exam-interface-pte .pte-radio{width:15px;height:15px;border:1px solid #999;background:#f7f7f7;border-radius:50%;margin-top:4px;flex:0 0 15px;box-sizing:border-box;}
body.exam-interface-pte .pte-options-check .pte-radio{border-radius:2px;}
body.exam-interface-pte .pte-option input:checked + .pte-radio{background:#1d75a3;box-shadow:inset 0 0 0 3px #fff;border-color:#1d75a3;}
body.exam-interface-pte .pte-options-check .pte-option input:checked + .pte-radio:after{content:'✓';display:block;color:#fff;font-size:13px;line-height:13px;text-align:center;font-weight:700;}
body.exam-interface-pte .pte-question-text{font-size:18px;margin:14px 0 16px;color:#333;}
body.exam-interface-pte .pte-editor-toolbar{height:44px;background:#eee;border:1px solid #ddd;border-bottom:0;display:flex;align-items:center;gap:38px;padding:0 20px;max-width:1280px;box-sizing:border-box;color:#333;}
body.exam-interface-pte .pte-editor-toolbar strong{margin-left:auto;font-weight:400;color:#8a742a;background:#f6e39a;padding:6px 10px;}
body.exam-interface-pte .pte-writing{display:block;width:100%;max-width:1280px;height:104px;border:1px solid #78a9b4;background:#fff;font-size:18px;padding:18px;box-sizing:border-box;resize:none;}
body.exam-interface-pte .pte-write-essay .pte-writing{height:135px;background:#fff0bd;border-color:#a6a77e;}
body.exam-interface-pte .pte-inline-select{font-size:18px;height:36px;min-width:140px;margin:0 6px;border:1px solid #c7c7c7;background:#eee;padding:2px 32px 2px 10px;}
body.exam-interface-pte .pte-inline-input,.pte-dictation-input,.pte-short-input{height:34px;min-width:220px;border:1px solid #c7c7b7;background:#fff9df;font-size:18px;padding:4px 8px;margin:0 6px;box-sizing:border-box;}
body.exam-interface-pte .pte-dictation-input{display:block;width:760px;margin-top:34px;}
body.exam-interface-pte .pte-drag-bank{display:flex;gap:9px;flex-wrap:wrap;background:#f1f1f1;padding:18px;margin-top:22px;}
body.exam-interface-pte .etep-drag-item{border:1px solid #ccc;background:#fff;padding:10px 18px;font-size:18px;cursor:grab;box-shadow:0 1px 2px rgba(0,0,0,.08);}
body.exam-interface-pte .etep-drag-item.used{opacity:.38;}
body.exam-interface-pte .pte-inline-gap{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:145px;height:38px;border:2px solid #2b87a1;background:#f8f8f8;margin:0 6px;}
body.exam-interface-pte .pte-inline-gap .etep-gap-clear{font-size:12px;margin-left:4px;border:0;background:transparent;}
body.exam-interface-pte .pte-reorder{display:grid;grid-template-columns:1fr 70px 1fr;gap:18px;margin-top:20px;align-items:start;}
body.exam-interface-pte .pte-reorder-col{border:1px solid #444;min-height:340px;background:#fafafa;}
body.exam-interface-pte .pte-reorder-col h3{margin:0;padding:14px;background:#444;color:#fff;text-align:center;font-size:15px;letter-spacing:1px;}
body.exam-interface-pte .pte-reorder-item{display:block;width:100%;text-align:left;border-left:0;border-right:0;margin:0;box-shadow:none;line-height:1.45;}
body.exam-interface-pte .pte-reorder-gap{min-height:64px;border:1px solid #3a9ab1;background:#fff;display:flex;align-items:center;padding:8px 12px;box-sizing:border-box;}
body.exam-interface-pte .pte-reorder-arrows{display:flex;align-items:center;justify-content:center;height:340px;color:#444;font-size:30px;}
body.exam-interface-pte .pte-transcript{border:1px solid #ddd;padding:20px;background:#fff;line-height:1.45;}
body.exam-interface-pte .pte-wordselect{display:inline-block;margin:0 2px;cursor:pointer;}
body.exam-interface-pte .pte-wordselect input{position:absolute;opacity:0;}
body.exam-interface-pte .pte-wordselect span{padding:1px 2px;border-radius:2px;}
body.exam-interface-pte .pte-wordselect input:checked + span{background:#ffe36c;outline:1px solid #d4a900;}
body.exam-interface-pte .pte-next{position:fixed;right:8.6vw;bottom:13.5vh;background:#00699a;color:#fff;border:0;padding:15px 28px;font-size:16px;font-weight:700;cursor:pointer;min-width:96px;}
body.exam-interface-pte .pte-finish-hidden{position:absolute;left:-9999px;}
body.exam-interface-pte .etep-save-state{display:none!important;}
@media(max-width:900px){
 body.exam-interface-pte{overflow:auto;} body.exam-interface-pte .pte-shell{position:static;margin-top:44px;overflow:visible;} body.exam-interface-pte .pte-item{position:static;padding:0 16px 90px;} body.exam-interface-pte .pte-card{height:auto;min-height:calc(100vh - 160px);padding:34px 18px;} body.exam-interface-pte .pte-item h1{font-size:34px;padding-top:18px;} body.exam-interface-pte .pte-audio-player,body.exam-interface-pte .pte-recorder{width:100%;margin-left:0;} body.exam-interface-pte .pte-next{right:20px;bottom:20px;} body.exam-interface-pte .pte-reorder{grid-template-columns:1fr;}.pte-reorder-arrows{display:none!important;}
}

/* PTE drag/drop and word-select refinements */
body.exam-interface-pte .pte-inline-gap .etep-gap-clear,
body.exam-interface-pte .pte-reorder-gap .etep-gap-clear{display:none!important;}
body.exam-interface-pte .pte-dragdrop .pte-inline-gap{width:118px;height:30px;min-height:30px;margin:0 5px;padding:0 4px;vertical-align:middle;}
body.exam-interface-pte .pte-dragdrop .pte-inline-gap .etep-gap-target{min-width:0;min-height:24px;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
body.exam-interface-pte .pte-dragdrop .pte-inline-gap .etep-drag-item{font-size:16px;padding:3px 8px;line-height:1.15;box-shadow:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.exam-interface-pte .pte-drag-bank .etep-drag-item.used{opacity:1;}
body.exam-interface-pte .pte-reorder-source,
body.exam-interface-pte .pte-reorder-target{min-height:340px;}
body.exam-interface-pte .pte-reorder-source{padding-bottom:0;}
body.exam-interface-pte .pte-reorder-source .pte-reorder-item{border-top:0;border-bottom:1px solid #c8c8c8;background:#fff;padding:13px 18px;min-height:58px;}
body.exam-interface-pte .pte-reorder-gap{min-height:64px;border:1px solid #3a9ab1;background:#fff;display:flex;align-items:stretch;padding:0;box-sizing:border-box;}
body.exam-interface-pte .pte-reorder-gap .etep-gap-target{display:flex;align-items:center;width:100%;min-height:62px;border:0;background:transparent;padding:0;}
body.exam-interface-pte .pte-reorder-gap .etep-gap-target:empty:after{content:'';display:block;}
body.exam-interface-pte .pte-reorder-gap .etep-drag-item{width:100%;min-height:62px;border:0;margin:0;box-shadow:none;text-align:left;line-height:1.45;padding:13px 18px;background:#fff;cursor:grab;}
body.exam-interface-pte .pte-reorder-gap.filled{background:#fff;}
body.exam-interface-pte .pte-wordselect{display:inline;line-height:inherit;margin:0 1px;cursor:pointer;}
body.exam-interface-pte .pte-wordselect span{display:inline;border-radius:2px;padding:1px 2px;}

/* PTE Reorder Paragraph: keep moved cards visually identical to source cards and make target boxes stable. */
body.exam-interface-pte .pte-reorder-source .pte-reorder-item,
body.exam-interface-pte .pte-reorder-gap .pte-reorder-item,
body.exam-interface-pte .pte-reorder-gap .etep-drag-item,
body.exam-interface-pte .pte-reorder-gap .etep-gap-target{
    font-family: Arial, Helvetica, sans-serif!important;
    font-size: 18px!important;
    font-weight: 400!important;
    letter-spacing: normal!important;
    color: #111827!important;
}
body.exam-interface-pte .pte-reorder-gap .etep-gap-target{
    line-height: 1.45!important;
}
body.exam-interface-pte .pte-reorder-gap .etep-drag-item{
    box-sizing: border-box!important;
    display: flex!important;
    align-items: center!important;
    white-space: normal!important;
    opacity: 1!important;
}
body.exam-interface-pte .pte-reorder-source .pte-reorder-item.used{
    color:#9aa3ad!important;
    opacity:.72!important;
}
body.exam-interface-pte .pte-reorder-col,
body.exam-interface-pte .pte-reorder-gap{
    box-sizing:border-box!important;
}
body.exam-interface-pte .pte-reorder-col{
    width:100%!important;
}

/* PTE pointer-based drag/drop final stability */
body.exam-interface-pte .pte-reorder .etep-drag-item,
body.exam-interface-pte .pte-dragdrop .etep-drag-item{
    touch-action:none;
    user-select:none;
    -webkit-user-select:none;
}
body.exam-interface-pte.pte-dragging,
body.exam-interface-pte.pte-dragging *{
    user-select:none!important;
    -webkit-user-select:none!important;
}
body.exam-interface-pte .pte-drag-ghost{
    opacity:.92;
    box-shadow:0 8px 20px rgba(0,0,0,.20)!important;
    cursor:grabbing!important;
}
body.exam-interface-pte .etep-drag-item.is-dragging{
    opacity:.45;
}

/* Scroll containment fix 20260621: review panels and long question panes.
   Scope: e-TEP, e-YDS, TOEFL iBT and PTE Academic. Visual layout is preserved;
   only overflowing content is made scrollable inside its own frame. */
body.etep-exam-page:not(.exam-interface-pte) .etep-stage,
body.exam-interface-etep .etep-stage,
body.exam-interface-eyds .etep-stage,
body.exam-interface-toefl-ibt .etep-stage{
    overflow:hidden!important;
}
body.etep-exam-page:not(.exam-interface-pte) .etep-item,
body.exam-interface-etep .etep-item,
body.exam-interface-eyds .etep-item,
body.exam-interface-toefl-ibt .etep-item{
    min-height:0!important;
    overflow:hidden!important;
}
body.etep-exam-page:not(.exam-interface-pte) .etep-item-inner,
body.exam-interface-etep .etep-item-inner,
body.exam-interface-eyds .etep-item-inner,
body.exam-interface-toefl-ibt .etep-item-inner{
    min-height:0!important;
    overflow:hidden!important;
}
body.etep-exam-page:not(.exam-interface-pte) .etep-columns,
body.exam-interface-etep .etep-columns,
body.exam-interface-eyds .etep-columns,
body.exam-interface-toefl-ibt .etep-columns{
    min-height:0!important;
    overflow:hidden!important;
}
body.etep-exam-page:not(.exam-interface-pte) .etep-stimulus-pane,
body.etep-exam-page:not(.exam-interface-pte) .etep-question-pane,
body.exam-interface-etep .etep-stimulus-pane,
body.exam-interface-etep .etep-question-pane,
body.exam-interface-eyds .etep-stimulus-pane,
body.exam-interface-eyds .etep-question-pane,
body.exam-interface-toefl-ibt .etep-stimulus-pane,
body.exam-interface-toefl-ibt .etep-question-pane,
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane,
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane,
body.exam-interface-toefl-ibt .etep-columns .etep-stimulus-pane,
body.exam-interface-toefl-ibt .etep-columns .etep-question-pane{
    min-height:0!important;
    max-height:100%!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
}
body.etep-exam-page:not(.exam-interface-pte) .etep-instruction,
body.exam-interface-etep .etep-instruction,
body.exam-interface-eyds .etep-instruction,
body.exam-interface-toefl-ibt .etep-instruction{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
}
body.exam-interface-eyds .etep-roadmap,
body.etep-exam-page:not(.exam-interface-eyds) .etep-roadmap,
body.etep-exam-page .etep-notepad{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
}

/* e-YDS review drawer: keep the panel fully scrollable on mobile and desktop. */
body.exam-interface-eyds .etep-roadmap{
    max-height:100vh!important;
    max-height:100dvh!important;
    box-sizing:border-box!important;
}
body.exam-interface-eyds .eyds-review-controls,
body.exam-interface-eyds .eyds-roadmap-grid{
    flex:0 0 auto!important;
}
body.exam-interface-eyds .eyds-roadmap-grid{
    overflow:visible!important;
    padding-bottom:24px!important;
}
@media(max-width:900px){
    body.exam-interface-eyds .etep-roadmap{
        top:0!important;
        bottom:auto!important;
        left:0!important;
        right:auto!important;
        width:100vw!important;
        max-width:100vw!important;
        min-width:0!important;
        height:100vh!important;
        height:100dvh!important;
        max-height:100dvh!important;
        padding:16px 16px calc(20px + env(safe-area-inset-bottom,0px))!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
    }
    body.exam-interface-eyds .etep-roadmap .etep-panel-head{
        position:sticky!important;
        top:0!important;
        z-index:4!important;
        background:#fff!important;
        padding-top:0!important;
    }
    body.exam-interface-eyds .eyds-roadmap-grid{
        grid-template-columns:repeat(auto-fill,minmax(44px,1fr))!important;
        overflow:visible!important;
        padding-bottom:36px!important;
    }
}

/* Mobile: e-TEP/e-YDS/TOEFL keep the page fixed and scroll only the panes. */
@media(max-width:900px){
    body.etep-exam-page:not(.exam-interface-pte),
    body.exam-interface-etep,
    body.exam-interface-eyds,
    body.exam-interface-toefl-ibt{
        overflow:hidden!important;
        height:100vh!important;
        height:100dvh!important;
    }
    body.etep-exam-page:not(.exam-interface-pte) .etep-exam-form,
    body.exam-interface-etep .etep-exam-form,
    body.exam-interface-eyds .etep-exam-form,
    body.exam-interface-toefl-ibt .etep-exam-form{
        height:100vh!important;
        height:100dvh!important;
        min-height:0!important;
    }
    body.etep-exam-page:not(.exam-interface-pte) .etep-stage,
    body.exam-interface-etep .etep-stage,
    body.exam-interface-eyds .etep-stage,
    body.exam-interface-toefl-ibt .etep-stage{
        flex:1 1 auto!important;
        min-height:0!important;
        height:auto!important;
        overflow:hidden!important;
    }
    body.etep-exam-page:not(.exam-interface-pte) .etep-item,
    body.exam-interface-etep .etep-item,
    body.exam-interface-eyds .etep-item,
    body.exam-interface-toefl-ibt .etep-item,
    body.etep-exam-page:not(.exam-interface-pte) .etep-item-inner,
    body.exam-interface-etep .etep-item-inner,
    body.exam-interface-eyds .etep-item-inner,
    body.exam-interface-toefl-ibt .etep-item-inner{
        height:100%!important;
        min-height:0!important;
        overflow:hidden!important;
    }
    body.etep-exam-page:not(.exam-interface-pte) .etep-columns,
    body.exam-interface-etep .etep-columns,
    body.exam-interface-eyds .etep-columns,
    body.exam-interface-toefl-ibt .etep-columns{
        flex:1 1 auto!important;
        min-height:0!important;
        overflow:hidden!important;
    }
    body.etep-exam-page:not(.exam-interface-pte) .etep-stimulus-pane,
    body.etep-exam-page:not(.exam-interface-pte) .etep-question-pane,
    body.exam-interface-etep .etep-stimulus-pane,
    body.exam-interface-etep .etep-question-pane,
    body.exam-interface-eyds .etep-stimulus-pane,
    body.exam-interface-eyds .etep-question-pane,
    body.exam-interface-toefl-ibt .etep-stimulus-pane,
    body.exam-interface-toefl-ibt .etep-question-pane{
        min-height:0!important;
        max-height:100%!important;
        overflow:auto!important;
        -webkit-overflow-scrolling:touch!important;
        overscroll-behavior:contain!important;
        touch-action:pan-y!important;
    }
}

/* PTE Academic: card remains the scroll frame; the page itself should not be the scroll frame. */
body.exam-interface-pte .pte-shell{
    overflow:hidden!important;
}
body.exam-interface-pte .pte-card{
    overflow:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
}
@media(max-width:900px){
    body.exam-interface-pte{
        overflow:hidden!important;
        height:100vh!important;
        height:100dvh!important;
    }
    body.exam-interface-pte .pte-shell{
        position:fixed!important;
        left:0!important;
        right:0!important;
        top:44px!important;
        bottom:0!important;
        height:auto!important;
        margin-top:0!important;
        overflow:hidden!important;
    }
    body.exam-interface-pte .pte-item{
        position:absolute!important;
        inset:0!important;
        height:100%!important;
        min-height:0!important;
        padding:0 16px 82px!important;
        overflow:hidden!important;
    }
    body.exam-interface-pte .pte-item h1{
        font-size:34px!important;
        padding-top:18px!important;
        margin-bottom:12px!important;
        flex:0 0 auto!important;
    }
    body.exam-interface-pte .pte-card{
        height:calc(100dvh - 154px)!important;
        min-height:0!important;
        max-height:calc(100dvh - 154px)!important;
        overflow:auto!important;
        padding:34px 18px!important;
    }
}


/* e-YDS mobile dark mode completion 20260622.
   Desktop dark mode already works; these rules only fix mobile overrides that were
   forcing white/light surfaces after the dark rules. No layout/rendering logic changed. */
@media(max-width:900px){
    body.exam-interface-eyds.etep-dark,
    body.exam-interface-eyds.etep-dark .etep-exam-form,
    body.exam-interface-eyds.etep-dark .etep-stage,
    body.exam-interface-eyds.etep-dark .eyds-intro-overlay{
        background:#2f3030!important;
        color:#dfe5e9!important;
    }
    body.exam-interface-eyds.etep-dark .etep-topbar{
        background:#1e1e1e!important;
        color:#dfe5e9!important;
        box-shadow:0 2px 8px rgba(0,0,0,.55)!important;
    }
    body.exam-interface-eyds.etep-dark .etep-topbar:before{
        background:#000!important;
    }
    body.exam-interface-eyds.etep-dark .etep-item-inner,
    body.exam-interface-eyds.etep-dark .eyds-intro-card{
        background:#1d1d1d!important;
        color:#dfe5e9!important;
        border-color:#343a40!important;
        box-shadow:0 1px 7px rgba(0,0,0,.55)!important;
    }
    body.exam-interface-eyds.etep-dark .etep-instruction{
        background:#17313c!important;
        color:#d8eef8!important;
        border-color:#1897dd!important;
    }
    body.exam-interface-eyds.etep-dark .etep-stimulus-pane,
    body.exam-interface-eyds.etep-dark .etep-question-pane,
    body.exam-interface-eyds.etep-dark .etep-item-card{
        background:#1d1d1d!important;
        color:#dfe5e9!important;
        border-color:#3c4650!important;
    }
    body.exam-interface-eyds.etep-dark .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane{
        border-right-color:#3c4650!important;
    }
    body.exam-interface-eyds.etep-dark .etep-passage,
    body.exam-interface-eyds.etep-dark .etep-passage-heading,
    body.exam-interface-eyds.etep-dark .etep-passage-para,
    body.exam-interface-eyds.etep-dark .etep-item-card h2,
    body.exam-interface-eyds.etep-dark .etep-option,
    body.exam-interface-eyds.etep-dark .etep-option-text,
    body.exam-interface-eyds.etep-dark .eyds-question-no,
    body.exam-interface-eyds.etep-dark .etep-rich-text{
        color:#dfe5e9!important;
    }
    body.exam-interface-eyds.etep-dark .etep-option-label{
        border-color:#dfe5e9!important;
        color:#dfe5e9!important;
        background:transparent!important;
    }
    body.exam-interface-eyds.etep-dark .etep-option input:checked + .etep-option-label,
    body.exam-interface-eyds.etep-dark .etep-option:has(input:checked) .etep-option-label{
        background:#f58220!important;
        color:#fff!important;
        border-color:#f58220!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-bookmark,
    body.exam-interface-eyds.etep-dark .etep-nav-arrow{
        background:#111!important;
        color:#f1e5da!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-bookmark:after{
        background:#111!important;
    }
    body.exam-interface-eyds.etep-dark .etep-bottom-actions{
        background:rgba(17,24,39,.98)!important;
        border-color:#334155!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-time-stack .etep-timer-wrap{
        background:#111827!important;
        color:#dfe5e9!important;
        border-color:#334155!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-time-stack .etep-timer-wrap span,
    body.exam-interface-eyds.etep-dark .eyds-time-stack .etep-timer-wrap strong,
    body.exam-interface-eyds.etep-dark .eyds-clock-wrap,
    body.exam-interface-eyds.etep-dark .eyds-clock-wrap strong{
        color:#dfe5e9!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-intro-skip{
        background:#2c2612!important;
        color:#f4d067!important;
        border-color:#8f7410!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-intro-success{
        background:#102819!important;
        color:#9ee6ad!important;
        border-color:#35a852!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-intro-list,
    body.exam-interface-eyds.etep-dark .eyds-intro-table,
    body.exam-interface-eyds.etep-dark .eyds-intro-table th,
    body.exam-interface-eyds.etep-dark .eyds-intro-table td{
        color:#dfe5e9!important;
        border-color:#3c4650!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-intro-table th{
        background:#111827!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-intro-table td{
        background:#1d1d1d!important;
    }
    body.exam-interface-eyds.etep-dark .etep-modal,
    body.exam-interface-eyds.etep-dark .etep-roadmap,
    body.exam-interface-eyds.etep-dark .etep-panel-head,
    body.exam-interface-eyds.etep-dark .eyds-review-controls,
    body.exam-interface-eyds.etep-dark .eyds-roadmap-grid,
    body.exam-interface-eyds.etep-dark .eyds-settings-panel{
        background:#1d1d1d!important;
        color:#dfe5e9!important;
    }
    body.exam-interface-eyds.etep-dark .etep-panel-head strong,
    body.exam-interface-eyds.etep-dark .etep-modal h2,
    body.exam-interface-eyds.etep-dark .eyds-review-controls label,
    body.exam-interface-eyds.etep-dark .eyds-settings-panel h2,
    body.exam-interface-eyds.etep-dark .eyds-settings-label{
        color:#dfe5e9!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-review-controls select,
    body.exam-interface-eyds.etep-dark .eyds-review-tabs button,
    body.exam-interface-eyds.etep-dark .roadmap-item,
    body.exam-interface-eyds.etep-dark .eyds-lang-option,
    body.exam-interface-eyds.etep-dark .eyds-font-control button,
    body.exam-interface-eyds.etep-dark .eyds-font-control strong{
        background:#111827!important;
        color:#dfe5e9!important;
        border-color:#334155!important;
    }
    body.exam-interface-eyds.etep-dark .eyds-review-tabs button.active{
        background:#1f6f95!important;
        color:#fff!important;
    }
    body.exam-interface-eyds.etep-dark .roadmap-item.active{
        background:#402020!important;
        border-color:#d95353!important;
        color:#ffaaaa!important;
    }
}


/* e-YDS mobile dark mode: passage/reading header panels final pass 20260622.
   Narrow CSS-only fix. It does not change question rendering, answer logic, layout geometry, or scroll behavior. */
@media(max-width:900px){
    body.exam-interface-eyds.etep-dark,
    body.exam-interface-eyds.etep-dark .etep-exam-form,
    body.exam-interface-eyds.etep-dark .etep-stage,
    body.exam-interface-eyds.etep-dark .etep-item,
    body.exam-interface-eyds.etep-dark .etep-item-inner,
    body.exam-interface-eyds.etep-dark .etep-columns,
    body.exam-interface-eyds.etep-dark .etep-question-stack,
    body.exam-interface-eyds.etep-dark .etep-item-card,
    body.exam-interface-eyds.etep-dark .etep-item-card > div,
    body.exam-interface-eyds.etep-dark .etep-stimulus-pane,
    body.exam-interface-eyds.etep-dark .etep-question-pane{
        background:#171717!important;
        color:#eef2f5!important;
    }
    body.exam-interface-eyds.etep-dark .etep-stimulus-pane,
    body.exam-interface-eyds.etep-dark .etep-question-pane,
    body.exam-interface-eyds.etep-dark .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane,
    body.exam-interface-eyds.etep-dark .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{
        background:#171717!important;
        border-color:#3e4852!important;
    }
    body.exam-interface-eyds.etep-dark .etep-passage,
    body.exam-interface-eyds.etep-dark .etep-passage *,
    body.exam-interface-eyds.etep-dark .etep-rich-text,
    body.exam-interface-eyds.etep-dark .etep-rich-text *,
    body.exam-interface-eyds.etep-dark .etep-item-card h2,
    body.exam-interface-eyds.etep-dark .etep-item-card h2 *,
    body.exam-interface-eyds.etep-dark .etep-option,
    body.exam-interface-eyds.etep-dark .etep-option *,
    body.exam-interface-eyds.etep-dark .etep-option-text,
    body.exam-interface-eyds.etep-dark .etep-option-text *{
        color:#eef2f5!important;
        background-color:transparent!important;
    }
    body.exam-interface-eyds.etep-dark .etep-instruction,
    body.exam-interface-eyds.etep-dark .etep-instruction *{
        color:#d8eef8!important;
        background-color:#17313c!important;
    }
}

/* e-YDS mobile pane scroll restore 20260622.
   Restores the pre-existing separate inner scroll panes after dark-mode color fixes.
   Scope is e-YDS mobile only; no question rendering, answer logic, or desktop layout changed. */
@media(max-width:900px){
    body.exam-interface-eyds .etep-item:not([hidden]) .etep-item-inner{
        height:100%!important;
        min-height:0!important;
        overflow:hidden!important;
        display:flex!important;
        flex-direction:column!important;
    }
    body.exam-interface-eyds .etep-item:not([hidden]) .etep-columns,
    body.exam-interface-eyds .etep-item:not([hidden]) .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)){
        flex:1 1 auto!important;
        min-height:0!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        grid-template-rows:minmax(0,42%) minmax(0,58%)!important;
        gap:7px!important;
        overflow:hidden!important;
    }
    body.exam-interface-eyds .etep-item:not([hidden]) .etep-columns:not(:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage))){
        grid-template-rows:1fr!important;
    }
    body.exam-interface-eyds .etep-item:not([hidden]) .etep-columns:not(:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage))) .etep-stimulus-pane{
        display:none!important;
    }
    body.exam-interface-eyds .etep-item:not([hidden]) .etep-stimulus-pane,
    body.exam-interface-eyds .etep-item:not([hidden]) .etep-question-pane,
    body.exam-interface-eyds .etep-item:not([hidden]) .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane,
    body.exam-interface-eyds .etep-item:not([hidden]) .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{
        min-height:0!important;
        max-height:100%!important;
        overflow:auto!important;
        -webkit-overflow-scrolling:touch!important;
        overscroll-behavior:contain!important;
        touch-action:pan-y!important;
    }
    body.exam-interface-eyds.etep-dark .etep-item:not([hidden]) .etep-stimulus-pane,
    body.exam-interface-eyds.etep-dark .etep-item:not([hidden]) .etep-question-pane,
    body.exam-interface-eyds.etep-dark .etep-item:not([hidden]) .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane,
    body.exam-interface-eyds.etep-dark .etep-item:not([hidden]) .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{
        background:#171717!important;
        color:#eef2f5!important;
        border-color:#3e4852!important;
    }
}

/* Speaking recording UI - shared across exam interfaces */
.speaking-recorder{border:1px solid #cbd5e1;background:#f8fafc;border-radius:10px;margin:0 12px 12px;padding:14px;color:#334155;box-sizing:border-box}
.speaking-recorder strong{display:block;margin-bottom:6px;color:#0f172a}
.speaking-recorder p{margin:0 0 10px;color:#475569}
.speaking-rec-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.speaking-rec-btn{border:1px solid #0f766e;background:#fff;color:#075e57;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
.speaking-rec-btn:disabled{opacity:.45;cursor:not-allowed;background:#f1f5f9;color:#64748b;border-color:#cbd5e1}
.speaking-recorder audio{display:block;width:100%;margin-top:10px}
body.exam-interface-pte .speaking-recorder-pte .speaking-rec-btn{padding:5px 9px;border-radius:4px;font-size:12px;line-height:1.1}
body.exam-interface-pte .speaking-recorder-pte audio{width:180px;margin:0 0 0 auto;max-height:28px}
body.exam-interface-pte .speaking-recorder-pte .pte-rec-dot{background:#b91c1c;border-radius:999px;width:10px;height:10px;display:inline-block;opacity:.45}
body.exam-interface-pte .speaking-recorder-pte:has([data-rec-stop]:not(:disabled)) .pte-rec-dot{opacity:1;animation:pteRecPulse 1s infinite alternate}
@keyframes pteRecPulse{from{transform:scale(.9)}to{transform:scale(1.25)}}
.speaking-result-player{border:1px solid #dbe3ea;background:#f8fafc;border-radius:10px;padding:12px;margin:10px 0;box-sizing:border-box}
.speaking-result-player strong{display:block;margin-bottom:8px;color:#0f172a}
.speaking-result-player audio{display:block;width:100%}
.speaking-no-recording{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:10px;padding:12px;margin:10px 0;color:#64748b}
@media(max-width:700px){.speaking-recorder{margin:0 8px 10px;padding:12px}.speaking-rec-actions{gap:6px}.speaking-rec-btn{padding:7px 10px}.speaking-recorder audio{max-width:100%}body.exam-interface-pte .speaking-recorder-pte audio{width:100%;margin-top:8px}}


/* TOEFL iBT Complete the Words + Make an Appropriate Sentence restore */
body.exam-interface-toefl-ibt .etep-columns.toefl-complete-words-columns{
  display:block!important;
  overflow:auto!important;
}
body.exam-interface-toefl-ibt .etep-columns.toefl-complete-words-columns .etep-stimulus-pane{
  display:none!important;
}
body.exam-interface-toefl-ibt .etep-columns.toefl-complete-words-columns .etep-question-pane{
  width:100%!important;
  max-width:100%!important;
  overflow:auto!important;
  background:#fff!important;
}
body.exam-interface-toefl-ibt .toefl-complete-words-task{
  max-width:900px;
  margin:0 auto;
  padding:10px 4px 28px;
  font-family:Arial, Helvetica, sans-serif;
  color:#111;
}
body.exam-interface-toefl-ibt .toefl-cw-passage{
  font-size:18px;
  line-height:1.55;
  color:#111;
  white-space:normal;
}
body.exam-interface-toefl-ibt .toefl-cw-word{
  display:inline-flex;
  align-items:baseline;
  gap:0;
  white-space:nowrap;
  vertical-align:baseline;
  cursor:text;
  border-radius:3px;
}
body.exam-interface-toefl-ibt .toefl-cw-word.is-active{
  outline:2px solid rgba(0,100,102,.28);
  outline-offset:2px;
}
body.exam-interface-toefl-ibt .toefl-cw-input{
  width:1.05em;
  min-width:14px;
  height:1.25em;
  margin:0 1px;
  padding:0;
  border:0;
  border-bottom:2px solid #bfc3c7;
  border-radius:0;
  background:#e6e6e6;
  color:#111;
  font:inherit;
  font-weight:600;
  line-height:1;
  text-align:center;
  text-transform:none;
  outline:none;
  box-shadow:none;
  appearance:none;
}
body.exam-interface-toefl-ibt .toefl-cw-input:focus{
  background:#fff;
  border-bottom-color:#006466;
  box-shadow:0 2px 0 rgba(0,100,102,.2);
}
body.exam-interface-toefl-ibt .toefl-cw-review-word{
  cursor:default;
  padding:1px 2px;
}
body.exam-interface-toefl-ibt .toefl-cw-review-slot{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:1.05em;
  border-bottom:2px solid #bfc3c7;
  background:#e6e6e6;
  font-weight:700;
}
body.exam-interface-toefl-ibt .toefl-cw-review-word.is-correct .toefl-cw-review-slot{
  background:#dcfce7;
  border-bottom-color:#16a34a;
  color:#14532d;
}
body.exam-interface-toefl-ibt .toefl-cw-review-word.is-wrong .toefl-cw-review-slot{
  background:#fee2e2;
  border-bottom-color:#dc2626;
  color:#7f1d1d;
}
body.exam-interface-toefl-ibt .toefl-cw-score-note{
  margin:14px 0 0;
  font-size:13px;
  font-weight:800;
  color:#334155;
}
@media(max-width:700px){
  body.exam-interface-toefl-ibt .toefl-complete-words-task{padding:4px 0 18px;}
  body.exam-interface-toefl-ibt .toefl-cw-passage{font-size:15px;line-height:1.55;}
  body.exam-interface-toefl-ibt .toefl-cw-input{min-width:12px;margin:0 1px;}
}

/* TOEFL iBT Writing > Make an appropriate sentence. Scoped to TOEFL only. */
body.exam-interface-toefl-ibt .etep-columns.toefl-make-sentence-columns{
  display:block!important;
  overflow:auto!important;
}
body.exam-interface-toefl-ibt .etep-columns.toefl-make-sentence-columns .etep-stimulus-pane{
  display:none!important;
}
body.exam-interface-toefl-ibt .etep-columns.toefl-make-sentence-columns .etep-question-pane{
  width:100%!important;
  max-width:100%!important;
  overflow:auto!important;
  background:#fff!important;
}
body.exam-interface-toefl-ibt .toefl-ms-task{
  max-width:930px;
  margin:0 auto;
  padding:10px 12px 28px;
  font-family:Arial, Helvetica, sans-serif;
  color:#111;
}
body.exam-interface-toefl-ibt .toefl-ms-title{
  margin:0 0 120px;
  text-align:center;
  font-size:25px;
  line-height:1.2;
  font-weight:800;
  color:#111;
}
body.exam-interface-toefl-ibt .toefl-ms-dialogue{
  max-width:720px;
  margin:0 auto;
}
body.exam-interface-toefl-ibt .toefl-ms-speaker{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 30px;
}
body.exam-interface-toefl-ibt .toefl-ms-speaker img{
  flex:0 0 88px;
  width:88px;
  height:88px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #00796b;
  background:#f8fafc;
}
body.exam-interface-toefl-ibt .toefl-ms-prompt{
  font-size:17px;
  line-height:1.4;
  font-weight:700;
  color:#111;
}
body.exam-interface-toefl-ibt .toefl-ms-answer-line{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
  font-size:17px;
  line-height:2.15;
  color:#111;
}
body.exam-interface-toefl-ibt .toefl-ms-first{
  display:inline-flex;
  min-width:30px;
}
body.exam-interface-toefl-ibt .toefl-ms-slots{
  display:inline-flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:8px;
}
body.exam-interface-toefl-ibt .toefl-ms-gap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:70px;
  width:auto;
  min-height:30px;
  padding:1px 8px 3px;
  border:0;
  border-bottom:2px solid #222;
  border-radius:5px 5px 0 0;
  background:transparent;
  color:#111;
  font:inherit;
  line-height:1.3;
  cursor:pointer;
  vertical-align:baseline;
  transition:background .15s, box-shadow .15s, min-width .15s;
}
body.exam-interface-toefl-ibt .toefl-ms-gap.is-filled{
  min-width:max(70px, max-content);
  padding-left:10px;
  padding-right:10px;
  background:#f8fafc;
}
body.exam-interface-toefl-ibt .toefl-ms-gap.is-over,
body.exam-interface-toefl-ibt .toefl-ms-gap:focus{
  outline:none;
  background:#e0f2fe;
  box-shadow:0 0 0 2px rgba(0,100,102,.22);
}
body.exam-interface-toefl-ibt .toefl-ms-gap-line{display:none;}
body.exam-interface-toefl-ibt .toefl-ms-chip,
body.exam-interface-toefl-ibt .toefl-ms-word{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:4px 10px;
  border:1px solid transparent;
  border-radius:8px;
  background:#fff;
  color:#111;
  font:inherit;
  line-height:1.2;
  white-space:nowrap;
  cursor:grab;
  touch-action:manipulation;
}
body.exam-interface-toefl-ibt .toefl-ms-chip{
  padding:1px 4px;
  min-height:24px;
  background:transparent;
  border-color:transparent;
  font-weight:600;
}
body.exam-interface-toefl-ibt .toefl-ms-bank{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px 20px;
  max-width:650px;
  margin:48px auto 0;
}
body.exam-interface-toefl-ibt .toefl-ms-bank .toefl-ms-word{
  border-color:#e5e7eb;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.06);
}
body.exam-interface-toefl-ibt .toefl-ms-word.is-selected,
body.exam-interface-toefl-ibt .toefl-ms-chip.is-selected{
  background:#dbeafe;
  border-color:#006466;
  box-shadow:0 0 0 2px rgba(0,100,102,.25);
}
body.exam-interface-toefl-ibt .toefl-ms-word.is-used{
  opacity:.25;
  visibility:hidden;
  pointer-events:none;
}
body.exam-interface-toefl-ibt .toefl-ms-word.is-dragging,
body.exam-interface-toefl-ibt .toefl-ms-chip.is-dragging{
  opacity:.55;
}
body.exam-interface-toefl-ibt .toefl-ms-review-gap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:70px;
  min-height:30px;
  padding:1px 10px 3px;
  border-bottom:2px solid #222;
  border-radius:5px 5px 0 0;
  background:#f8fafc;
  font-weight:700;
}
body.exam-interface-toefl-ibt .toefl-ms-review-gap.is-correct{background:#dcfce7;color:#14532d;border-bottom-color:#16a34a;}
body.exam-interface-toefl-ibt .toefl-ms-review-gap.is-wrong{background:#fee2e2;color:#7f1d1d;border-bottom-color:#dc2626;}
body.exam-interface-toefl-ibt .toefl-ms-review-gap.is-empty{background:#f1f5f9;color:#64748b;border-bottom-color:#94a3b8;}
body.exam-interface-toefl-ibt .toefl-ms-review-note{
  max-width:720px;
  margin:12px auto 0;
  padding:8px 10px;
  border-radius:8px;
  background:#f8fafc;
  color:#334155;
  font-size:14px;
  line-height:1.45;
}
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-task,
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-title,
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-prompt,
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-answer-line,
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-gap,
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-word,
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-chip{
  color:#eef2f5!important;
}
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-bank .toefl-ms-word,
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-gap.is-filled,
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-review-note{
  background:#111827!important;
  border-color:#334155!important;
}
body.exam-interface-toefl-ibt.etep-dark .toefl-ms-gap{border-bottom-color:#cbd5e1!important;}
@media(max-width:700px){
  body.exam-interface-toefl-ibt .toefl-ms-task{padding:4px 0 18px;}
  body.exam-interface-toefl-ibt .toefl-ms-title{font-size:20px;margin-bottom:56px;}
  body.exam-interface-toefl-ibt .toefl-ms-dialogue{max-width:100%;}
  body.exam-interface-toefl-ibt .toefl-ms-speaker{gap:12px;margin-bottom:22px;align-items:flex-start;}
  body.exam-interface-toefl-ibt .toefl-ms-speaker img{width:64px;height:64px;flex-basis:64px;}
  body.exam-interface-toefl-ibt .toefl-ms-prompt,
  body.exam-interface-toefl-ibt .toefl-ms-answer-line{font-size:15px;}
  body.exam-interface-toefl-ibt .toefl-ms-slots{gap:7px;}
  body.exam-interface-toefl-ibt .toefl-ms-gap,
  body.exam-interface-toefl-ibt .toefl-ms-review-gap{min-width:58px;min-height:28px;padding-left:7px;padding-right:7px;}
  body.exam-interface-toefl-ibt .toefl-ms-bank{gap:10px 12px;margin-top:28px;}
  body.exam-interface-toefl-ibt .toefl-ms-word{min-height:30px;padding:4px 8px;}
}


/* === Interface justify mobile fix 20260624 === */

/* Interface rule: justify pane texts on desktop and mobile without breaking words. */
body[data-interface-justify-panes="1"] .etep-stimulus-pane,
body[data-interface-justify-panes="1"] .etep-question-pane,
body[data-interface-justify-panes="1"] .etep-passage,
body[data-interface-justify-panes="1"] .etep-passage p,
body[data-interface-justify-panes="1"] .etep-passage div,
body[data-interface-justify-panes="1"] .etep-passage li,
body[data-interface-justify-panes="1"] .etep-rich-text,
body[data-interface-justify-panes="1"] .etep-rich-text p,
body[data-interface-justify-panes="1"] .etep-prompt,
body[data-interface-justify-panes="1"] .pte-prompt,
body[data-interface-justify-panes="1"] .pte-text,
body[data-interface-justify-panes="1"] .pte-question-box,
body[data-interface-justify-panes="1"] .eyds-passage,
body[data-interface-justify-panes="1"] .eyds-question-card,
body[data-interface-justify-panes="1"] .result-stimulus-pane,
body[data-interface-justify-panes="1"] .result-question-pane,
body[data-interface-justify-panes="1"] .result-question-pane p,
body[data-interface-justify-panes="1"] .result-question-pane div,
body[data-interface-justify-panes="1"] .result-question-pane li{
  text-align:justify!important;
  text-justify:inter-word!important;
  hyphens:none!important;
  -webkit-hyphens:none!important;
  -ms-hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body[data-interface-justify-panes="1"] .result-inline-gap,
body[data-interface-justify-panes="1"] .etep-drag-item,
body[data-interface-justify-panes="1"] .etep-option,
body[data-interface-justify-panes="1"] button,
body[data-interface-justify-panes="1"] input,
body[data-interface-justify-panes="1"] textarea,
body[data-interface-justify-panes="1"] select{
  text-align:initial!important;
}
@media(max-width:900px){
  body[data-interface-justify-panes="1"] .etep-stimulus-pane,
  body[data-interface-justify-panes="1"] .etep-question-pane,
  body[data-interface-justify-panes="1"] .etep-passage,
  body[data-interface-justify-panes="1"] .etep-passage p,
  body[data-interface-justify-panes="1"] .etep-passage div,
  body[data-interface-justify-panes="1"] .etep-passage li,
  body[data-interface-justify-panes="1"] .etep-rich-text,
  body[data-interface-justify-panes="1"] .etep-rich-text p,
  body[data-interface-justify-panes="1"] .etep-prompt,
  body[data-interface-justify-panes="1"] .pte-prompt,
  body[data-interface-justify-panes="1"] .pte-text,
  body[data-interface-justify-panes="1"] .pte-question-box,
  body[data-interface-justify-panes="1"] .eyds-passage,
  body[data-interface-justify-panes="1"] .eyds-question-card,
  body[data-interface-justify-panes="1"] .result-stimulus-pane,
  body[data-interface-justify-panes="1"] .result-question-pane,
  body[data-interface-justify-panes="1"] .result-question-pane p,
  body[data-interface-justify-panes="1"] .result-question-pane div,
  body[data-interface-justify-panes="1"] .result-question-pane li{
    text-align:justify!important;
    text-justify:inter-word!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
    -ms-hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}


/* Result score equivalency card */
.result-score-equivalency-wrap{max-width:1180px;margin:12px auto 0;padding:0 18px;position:relative;z-index:5}.pte-score-equivalency-wrap{margin-top:76px}.score-equivalency-card{margin:0;padding:14px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff;box-shadow:0 4px 20px rgba(15,23,42,.08);color:#0f172a}.score-equivalency-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.score-equivalency-head h2{margin:0;font-size:18px}.score-equivalency-head span{background:#e0f2fe;color:#075985;border-radius:999px;padding:7px 10px;font-weight:700}.score-equivalency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.score-equivalency-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:9px}.score-equivalency-item span{display:block;color:#64748b;font-size:12px;margin-bottom:4px}.score-equivalency-item strong{display:block;color:#0f172a}.score-equivalency-item.is-source{border-color:#f59e0b;background:#fff7ed}.score-equivalency-card p{margin:10px 0 0;color:#64748b;font-size:12px}@media(max-width:700px){.result-score-equivalency-wrap{padding:0 10px;margin-top:8px}.pte-score-equivalency-wrap{margin-top:68px}.score-equivalency-card{padding:12px}.score-equivalency-head span{width:100%}.score-equivalency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v61 e-YDS/clones bookmark icon centering guard (desktop + mobile). */
body.exam-interface-eyds .eyds-bookmark::before{
  left:50%!important;
  transform:translateX(-50%)!important;
}
body.exam-interface-eyds .eyds-bookmark::after{
  left:50%!important;
  transform:translateX(-50%) rotate(45deg)!important;
}
@media (max-width:780px){
  body.exam-interface-eyds .eyds-bookmark::before{
    left:50%!important;
    top:7px!important;
    width:10px!important;
    height:16px!important;
    border-width:2px!important;
    transform:translateX(-50%)!important;
  }
  body.exam-interface-eyds .eyds-bookmark::after{
    left:50%!important;
    top:20px!important;
    width:6px!important;
    height:6px!important;
    border-left-width:2px!important;
    border-top-width:2px!important;
    transform:translateX(-50%) rotate(45deg)!important;
  }
}


/* === PTE live exam mobile typography + media parity guard 20260703 ===
   Keep the live PTE exam screen aligned with the result/review screen on narrow viewports.
   This restores the previously accepted mobile density: smaller text, contained images,
   and scrollable media blocks inside the card instead of overflowing the viewport. */
@media(max-width:900px){
  body.exam-interface-pte:not(.etep-result-review) .pte-item{padding-left:8px!important;padding-right:8px!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-item h1{font-size:28px!important;line-height:1.12!important;margin:0 0 12px!important;padding-top:14px!important;letter-spacing:0!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-card{height:calc(100dvh - 92px)!important;padding:28px 12px 42px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-instruction{font-size:14px!important;line-height:1.38!important;letter-spacing:.35px!important;font-weight:600!important;margin:0 0 12px!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-passage,
  body.exam-interface-pte:not(.etep-result-review) .pte-speaking-text,
  body.exam-interface-pte:not(.etep-result-review) .pte-question-text,
  body.exam-interface-pte:not(.etep-result-review) .pte-option,
  body.exam-interface-pte:not(.etep-result-review) .pte-transcript,
  body.exam-interface-pte:not(.etep-result-review) .pte-wordselect{font-size:14px!important;line-height:1.42!important;letter-spacing:0!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-card .pte-main-image,
  body.exam-interface-pte:not(.etep-result-review) .pte-card .pte-side-image{display:block!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;max-height:34dvh!important;margin:8px 0 14px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;text-align:center!important;box-sizing:border-box!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-card .pte-main-image img,
  body.exam-interface-pte:not(.etep-result-review) .pte-card .pte-side-image img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:none!important;margin:0 auto!important;object-fit:contain!important;box-sizing:border-box!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-audio-player,
  body.exam-interface-pte:not(.etep-result-review) .pte-recorder{width:100%!important;max-width:100%!important;margin:14px 0 20px!important;}
}
@media(max-width:480px){
  body.exam-interface-pte:not(.etep-result-review) .pte-item{padding-left:8px!important;padding-right:8px!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-item h1{font-size:24px!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-card{padding:24px 10px 40px!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-instruction{font-size:13px!important;line-height:1.36!important;letter-spacing:.25px!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-passage,
  body.exam-interface-pte:not(.etep-result-review) .pte-speaking-text,
  body.exam-interface-pte:not(.etep-result-review) .pte-question-text,
  body.exam-interface-pte:not(.etep-result-review) .pte-option,
  body.exam-interface-pte:not(.etep-result-review) .pte-transcript,
  body.exam-interface-pte:not(.etep-result-review) .pte-wordselect{font-size:13px!important;line-height:1.38!important;}
  body.exam-interface-pte:not(.etep-result-review) .pte-card .pte-main-image,
  body.exam-interface-pte:not(.etep-result-review) .pte-card .pte-side-image{max-height:32dvh!important;}
}

/* === Global question-type availability + e-YDS split-pane guard 20260706 ===
   Question types are now platform-wide; the exam shell/layout remains exam-specific.
   For e-YDS/YDS-style reading/cloze questions, keep the reading/stimulus pane and
   question pane as two independent scroll areas, including mobile, instead of letting
   content overflow the exam card. */
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)){
  min-height:0!important;
  overflow:hidden!important;
}
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane,
body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{
  min-height:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
}
@media(max-width:780px){
  body.exam-interface-eyds .etep-stage{padding:8px!important;overflow:hidden!important;}
  body.exam-interface-eyds .etep-item-inner{width:100%!important;min-width:0!important;max-width:none!important;height:calc(100dvh - 132px)!important;max-height:none!important;overflow:hidden!important;}
  body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)){
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,44%) minmax(0,56%)!important;
    gap:0!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane{
    border-right:0!important;
    border-bottom:1px solid #d4d4d4!important;
  }
  body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-stimulus-pane,
  body.exam-interface-eyds .etep-columns:has(.etep-stimulus-pane .etep-passage:not(.etep-empty-passage)) .etep-question-pane{
    display:block!important;
    min-height:0!important;
    overflow:auto!important;
    padding:12px 14px!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/* Correct the Words: readable, no spellcheck-like underline, tap-friendly result review. */
.toefl-cw-correction-task,
.toefl-cw-correction-task *{
  -webkit-text-size-adjust:100%;
}
.toefl-cw-correction-wrong,
.toefl-cw-admin-bracket{
  font-weight:800;
  text-decoration:none!important;
  text-decoration-line:none!important;
  background:#fff3cd;
  color:#3f2a00;
  border-radius:4px;
  padding:1px 4px;
}
.toefl-cw-correction-input{
  spellcheck:false;
  -webkit-user-select:text;
  user-select:text;
}
.toefl-cw-correction-review-text{
  font-size:16px;
  line-height:1.6;
  color:#111827;
}
.toefl-cw-correction-review-word{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:26px;
  margin:1px 2px;
  padding:2px 7px;
  border:1px solid #cbd5e1;
  border-radius:7px;
  background:#f8fafc;
  color:#111827!important;
  font:inherit;
  font-weight:800;
  line-height:1.25;
  cursor:pointer;
  opacity:1!important;
  filter:none!important;
  appearance:none;
}
.toefl-cw-correction-review-word.is-correct{
  background:#dcfce7!important;
  border-color:#22c55e!important;
  color:#14532d!important;
}
.toefl-cw-correction-review-word.is-wrong{
  background:#fee2e2!important;
  border-color:#ef4444!important;
  color:#7f1d1d!important;
}
.toefl-cw-correction-review-word .toefl-cw-review-mark{
  font-weight:900;
  opacity:1!important;
}
.toefl-cw-correction-review-word:focus{
  outline:2px solid rgba(37,99,235,.35);
  outline-offset:2px;
}
.toefl-cw-correction-review-word:focus::after,
.toefl-cw-correction-review-word:active::after{
  content:attr(data-cw-review-popover);
  position:absolute;
  left:0;
  bottom:calc(100% + 8px);
  z-index:20;
  width:max-content;
  max-width:min(340px, 84vw);
  padding:8px 10px;
  border:1px solid #94a3b8;
  border-radius:8px;
  background:#0f172a;
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  white-space:normal;
  box-shadow:0 8px 18px rgba(15,23,42,.20);
}
@media(max-width:700px){
  .toefl-cw-correction-review-text{font-size:15px;line-height:1.65;}
  .toefl-cw-correction-review-word{min-height:30px;padding:4px 8px;margin:2px 3px;}
  .toefl-cw-correction-review-word:focus::after,
  .toefl-cw-correction-review-word:active::after{left:50%;transform:translateX(-50%);}
}

/* e-TEP Ordering Items: standalone passage gaps become full-width drop areas. */
.etep-inline-gap.etep-block-gap{
  display:flex!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:10px 0!important;
  box-sizing:border-box!important;
}
.etep-inline-gap.etep-block-gap .etep-gap-target{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:44px!important;
  box-sizing:border-box!important;
}
.etep-inline-gap.etep-block-gap .etep-drag-item{
  width:100%!important;
  text-align:left!important;
  white-space:normal!important;
}
@media(max-width:780px){
  .etep-inline-gap.etep-block-gap{margin:8px 0!important;}
  .etep-inline-gap.etep-block-gap .etep-gap-target{min-height:48px!important;}
}

/* Practice mode: shared across every exam interface. */
.practice-session-mode .practice-feedback-shell{margin-top:18px;padding-top:14px;border-top:1px solid #dbe5f0}
.practice-feedback-row>td{padding:12px!important;background:#f8fafc}
.practice-check-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.practice-check-button{border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:800;padding:10px 16px;cursor:pointer;min-height:42px}
.practice-check-button:hover:not(:disabled){background:#1d4ed8}.practice-check-button:disabled{background:#94a3b8;cursor:not-allowed}
.practice-attempt-counter,.practice-save-state{font-size:.82rem;color:#64748b}.practice-save-state{margin-left:auto}
.practice-feedback-box{margin-top:12px;border:1px solid #cbd5e1;border-left-width:5px;border-radius:12px;background:#fff;padding:14px;color:#0f172a}
.practice-feedback-box.is-correct{border-left-color:#16a34a;background:#f0fdf4}.practice-feedback-box.is-partial{border-left-color:#d97706;background:#fffbeb}.practice-feedback-box.is-incorrect{border-left-color:#dc2626;background:#fef2f2}.practice-feedback-box.is-pending_ai{border-left-color:#2563eb;background:#eff6ff}
.practice-feedback-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.practice-feedback-head span{font-weight:900}
.practice-expected{margin-top:10px;white-space:pre-line;line-height:1.55}
.practice-resource-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.practice-resource-button{border:1px solid #94a3b8;background:#fff;border-radius:999px;padding:7px 11px;font-weight:700;cursor:pointer}.practice-resource-button.active{background:#0f172a;color:#fff;border-color:#0f172a}
.practice-resource-content{margin-top:10px;border-radius:9px;background:#fff;padding:11px;white-space:pre-line;line-height:1.55;border:1px solid #dbe5f0}
.practice-answer-correct{outline:2px solid #16a34a!important;outline-offset:2px;background:#dcfce7!important}.practice-answer-wrong{outline:2px solid #dc2626!important;outline-offset:2px;background:#fee2e2!important}
.practice-question-locked .etep-drag-item,.practice-question-locked .toefl-ms-word{pointer-events:none;opacity:.75}
.practice-session-mode #timer,.practice-session-mode .etep-exam-timer-wrap,.practice-session-mode .pte-top-timer{display:none!important}
@media(max-width:600px){.practice-check-row{align-items:stretch}.practice-check-button{width:100%}.practice-save-state{margin-left:0;width:100%}.practice-feedback-box{padding:12px}.practice-resource-button{flex:1 1 auto}}

/* Practice instant review parity: keep the exam layout unchanged and render
   structured answers inside the existing feedback box exactly like results. */
.practice-feedback-box .practice-result-review{margin-top:10px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.practice-feedback-box .practice-result-review .result-drag-review{display:grid;gap:8px;max-width:100%}
.practice-feedback-box .practice-result-review .result-gap-line{display:block;border:2px solid #cbd5e1;border-radius:10px;padding:10px;background:#f8fafc}
.practice-feedback-box .practice-result-review .result-gap-line.correct{background:#f0fdf4;border-color:#22c55e;color:#062b16}
.practice-feedback-box .practice-result-review .result-gap-line.wrong{background:#fff1f2;border-color:#ef4444;color:#3f0a0a}
.practice-feedback-box .practice-result-review .result-gap-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.practice-feedback-box .practice-result-review .result-choice-badge{display:none!important}
.practice-feedback-box .practice-result-review .result-pair{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:7px;padding:7px 9px;border-radius:8px;background:#fff;border:1px solid #cbd5e1}
.practice-feedback-box .practice-result-review .result-pair span{font-size:12px;color:#64748b}
.practice-feedback-box .practice-result-review .result-pair strong{min-width:0;overflow-wrap:anywhere;text-align:right}
.practice-feedback-box .practice-result-review .result-pair-ok{background:#dcfce7;border-color:#22c55e;color:#062b16}
.practice-feedback-box .practice-result-review .result-pair-no{background:#fee2e2;border-color:#ef4444;color:#3f0a0a}
.practice-feedback-box .practice-result-review .etep-match-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.practice-feedback-box .practice-result-review .result-match-table{min-width:520px}
.practice-feedback-box .practice-result-review .result-match-table td.result-correct-cell{background:#dcfce7!important;border:2px solid #22c55e!important;color:#062b16!important}
.practice-feedback-box .practice-result-review .result-match-table td.result-wrong-cell{background:#fee2e2!important;border:2px solid #ef4444!important;color:#3f0a0a!important}
.practice-feedback-box .practice-result-review .result-match-table td.result-correct-cell input{outline:3px solid #22c55e!important}
.practice-feedback-box .practice-result-review .result-match-table td.result-wrong-cell input:checked{outline:3px solid #ef4444!important}
.practice-feedback-box .practice-result-review .result-cell-mini{display:inline-flex;align-items:center;justify-content:center;margin-left:5px;width:18px;height:18px;border-radius:50%;font-size:12px;font-weight:900}
.practice-feedback-box .practice-result-review .result-cell-mini.ok{background:#dcfce7;color:#166534;border:1px solid #22c55e}
.practice-feedback-box .practice-result-review .result-cell-mini.no{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}
.practice-feedback-box .practice-make_sentence .toefl-ms-bank,
.practice-feedback-box .practice-make-sentence .toefl-ms-bank{display:none!important}
@media(max-width:600px){
  .practice-feedback-box .practice-result-review{overflow-x:auto}
  .practice-feedback-box .practice-result-review .result-pair{display:block}
  .practice-feedback-box .practice-result-review .result-pair strong{display:block;margin-top:4px;text-align:left}
  .practice-feedback-box .practice-result-review .result-match-table{min-width:460px}
}