/* TOEFL independent simulator 4.0 — mobile-first */
.e4-hero{background:linear-gradient(125deg,#0d2445 0%,#123f60 67%,#136d69 100%);padding:28px;border-radius:23px;color:#fff;position:relative;overflow:hidden}
.e4-hero .eyebrow{color:#a6dacf}.e4-hero h1{font-size:clamp(24px,4vw,35px);color:#fff;margin:9px 0}.e4-hero p{max-width:650px;color:#dcecf2;font-size:14px}.e4-hero-pills{display:flex;flex-wrap:wrap;gap:8px}.e4-hero-pills span{font-size:11px;padding:6px 11px;background:#ffffff18;border:1px solid #ffffff45;border-radius:99px}
.e4-warning{background:#fffaf0;border-left:4px solid #d7a443;border-radius:12px;padding:14px 17px;margin:16px 0;color:#65491e}.e4-warning strong{font-size:14px}.e4-warning p{font-size:12px;line-height:1.8;margin:6px 0 0;color:#806c46}
.e4-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.e4-mode{display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:9px;padding:19px;background:#fff;border:1.5px solid #d9e6e8;border-radius:17px;min-width:0;color:#153247;box-shadow:0 4px 15px #0d244509}.e4-mode.active{border-color:#128879;box-shadow:0 0 0 2px #12887923;background:#f6fffc}.e4-mode strong{font-size:18px}.e4-mode span:not(.pill){font-weight:700;color:#0a7770}.e4-mode small{font-size:12px;color:#71848a;line-height:1.5}
.e4-focus{margin-top:14px}.e4-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.e4-tabs button{padding:8px 12px;border:1px solid #cbdcdd;border-radius:10px;background:#fff;font-weight:700}.e4-tabs .active{background:#0b756d;color:#fff;border-color:#0b756d}.e4-preview{margin-top:14px}.e4-skills{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.e4-skill{display:flex;flex-direction:column;background:#f3f8f8;border-radius:13px;padding:12px;gap:5px}.e4-skill-en{color:#1b7771;font-size:12px;letter-spacing:.5px;font-weight:750}.e4-skill strong{font-size:18px}.e4-skill span:last-child{font-size:12px;color:#647b87}
.e4-resume{border-color:#dca943;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:15px}.e4-history{border:1px solid #dae6e7;border-radius:16px;overflow:hidden;background:#fff}.e4-history-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;width:100%;border:0;border-bottom:1px solid #e3ebed;background:#fff;color:#17354b;text-align:left}.e4-history-row span:first-child{display:flex;flex-direction:column;gap:5px}.e4-history-row small{color:#789095}.e4-history-row:hover{background:#f2faf7}.e4-entry,.e4-home-banner{border-radius:18px;background:linear-gradient(90deg,#e7f7f1,#f5fcf9);border:1px solid #bde3d7;padding:19px;margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:16px}.e4-entry h2,.e4-home-banner h3{margin:6px 0}.e4-entry p,.e4-home-banner p{font-size:13px;color:#54737a;margin:0;max-width:680px}.e4-progress-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.e4-progress-card h3{margin:6px 0}
.e4-topbar{display:flex;align-items:center;justify-content:space-between;margin:4px 0 20px}.e4-back{background:none;border:none;color:#327a79;font-weight:700;padding:8px 0}.e4-run-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.e4-run-head h1{margin:7px 0}.e4-run-head h1 span{font-size:16px;font-weight:650}.e4-timer{background:#e8f6f1;color:#095c54;border:1px solid #b6dccf;padding:11px 14px;border-radius:12px;font-size:23px;font-weight:900;letter-spacing:1px;font-variant-numeric:tabular-nums;min-width:108px;text-align:center}.e4-timer.urgent{background:#fff0e9;color:#a74327;border-color:#e8c9bc}.e4-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 0}.e4-sec{padding:8px 7px;background:#ebf0f3;border-radius:9px;color:#78909a;font-size:12px;font-weight:760;text-align:center}.e4-sec span{display:block;font-size:10px;font-weight:500}.e4-sec.current{background:#d9f4ec;color:#096557}.e4-sec.passed{background:#dae8ed;color:#55727c}.e4-progress{height:6px;border-radius:99px;background:#e1e9e9;margin:11px 0 15px;overflow:hidden}.e4-progress>div{background:#10877b;height:100%;border-radius:99px;transition:width .2s}
.e4-question{margin:0 0 16px;min-height:320px}.e4-qmeta{flex-wrap:wrap;margin-bottom:15px}.e4-subtitle{font-size:17px}.e4-passage{background:#f5f9fb;border-left:4px solid #83c5bc;border-radius:11px;padding:17px;margin:11px 0 19px;line-height:1.8;color:#214657;white-space:pre-wrap}.e4-essay-prompt{background:#f5f8fa}.e4-prompt{font-size:16px;font-weight:750;margin:12px 0 15px}.e4-label{display:block;font-weight:700;font-size:13px;margin:12px 0 7px}.e4-text,.e4-select,.e4-essay{width:100%;border:1.5px solid #c2d8d6;border-radius:12px;padding:12px 14px;background:white;color:#18394b;font:inherit;outline-offset:3px}.e4-essay{min-height:180px;resize:vertical;line-height:1.8}.e4-opt{display:flex;align-items:flex-start;text-align:left;gap:12px;width:100%;padding:13px;margin:9px 0;background:#fff;color:#1b3849;border:1px solid #cfdfde;border-radius:12px}.e4-opt span{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;background:#edf4f4;border-radius:8px;color:#627c83;font-weight:800}.e4-opt.selected{background:#e7f8f1;border-color:#0d8b7c;box-shadow:0 0 0 1px #0d8b7c}.e4-opt.selected span{background:#0d8b7c;color:#fff}
.e4-audio{display:flex;gap:13px;background:#f1f8f8;border-radius:14px;padding:14px}.e4-audio p{font-size:12px;color:#627e87;margin:6px 0}.e4-audio-icon{display:grid;place-items:center;flex-shrink:0;border-radius:50%;width:39px;height:39px;background:#daf2ec;font-size:22px;color:#15766f}.e4-link{display:block;border:0;padding:6px 0;background:none;color:#287473;text-decoration:underline;text-align:left;font-size:12px;margin-top:13px}.e4-hint{background:#fcfaf1;padding:10px;border-radius:10px;margin-top:13px;font-size:13px}.e4-built{border:1px dashed #8fc5b9;background:#f3fbf7;border-radius:12px;padding:13px;min-height:68px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:#76868c;margin:13px 0}.e4-used,.e4-chip{border:1px solid #bedad3;border-radius:9px;background:white;padding:8px 10px;font-size:13px;color:#245661}.e4-used{background:#dff2ea}.e4-chip:disabled{opacity:.4}.e4-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.e4-record{background:#f3f8f8;padding:14px;border-radius:13px;margin:14px 0}.e4-record strong{font-size:14px}.e4-record p{font-size:12px;color:#59727d;margin:5px 0}.e4-record audio{max-width:100%;width:100%;margin-top:9px}.e4-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0}.e4-navigation .btn{max-width:65%}.e4-disclaimer{font-size:12px;color:#758792;line-height:1.8;margin:16px 0}
.e4-result-header{padding:21px 0}.e4-result-header h1{margin:8px 0}.e4-result-header p{color:#647a87}.e4-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.e4-result-card{display:flex;flex-direction:column;gap:8px}.e4-result-card strong{font-size:25px}.e4-result-card small{color:#607884}.e4-meter{height:8px;background:#e5efed;border-radius:99px;overflow:hidden}.e4-meter>span{display:block;background:#0c8b78;height:100%;border-radius:99px}.e4-score-banner{margin-top:15px;border-color:#bcded4}.e4-bigscore{font-size:39px;font-weight:900;margin:5px 0}.e4-bigscore span{color:#82949a;font-size:21px}.e4-score-banner p{font-size:12px;color:#6c7f86}.e4-weak-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f0;padding:10px 0;font-size:13px}.e4-review{border:1px solid #d9e6e4;background:#fff;border-radius:13px;margin:11px 0;overflow:hidden}.e4-review>summary{padding:15px;font-weight:800;cursor:pointer}.e4-review-item{padding:14px 17px;border-top:1px solid #e8efee;font-size:13px}.e4-review-item p{margin:8px 0}.e4-review-item .row{flex-wrap:wrap}.e4-review-item .muted{margin-top:7px}
@media(max-width:700px){.e4-hero{padding:23px 18px}.e4-modes{grid-template-columns:1fr;gap:9px}.e4-mode{padding:15px}.e4-skills{grid-template-columns:repeat(2,minmax(0,1fr))}.e4-entry,.e4-home-banner{display:block}.e4-entry .btn,.e4-home-banner .btn{margin-top:12px}.e4-run-head h1{font-size:21px}.e4-run-head h1 span{font-size:13px}.e4-timer{font-size:19px;padding:8px;min-width:88px}.e4-sec{font-size:10px;padding:8px 1px}.e4-sec span{font-size:9px}.e4-question{padding:17px}.e4-result-grid{grid-template-columns:1fr}.e4-navigation .btn{font-size:12px;padding:10px 9px}}
@media(max-width:375px){.e4-run-head .eyebrow{font-size:9px;letter-spacing:1px}.e4-sections{gap:4px}.e4-sec{font-size:9px}.e4-timer{min-width:76px}.e4-hero-pills span{font-size:10px}}
@media print{.bottom-nav,.site-header,.e4-navigation,.e4-back,.e4-progress-card,.e4-entry,.buttons,.e4-home-banner,.e4-review>summary{display:none!important}body{background:white!important}.app-shell{padding:0!important}main{padding:0!important}.e4-review{break-inside:avoid}details.e4-review{display:block}details.e4-review>*{display:block!important}}

.e4-context{font-size:12px;color:#4c6875;background:#f6faf9;border-radius:9px;padding:9px 11px;margin:9px 0;line-height:1.7}.e4-context>summary{font-weight:750;cursor:pointer}.e4-context[open]>summary{margin-bottom:6px}