/* STEP is scoped to its own pages; shared exam styles are unchanged. */
.step-page{--step-green:#105947;--step-ink:#163f35;--step-muted:#53675f;--step-border:#dce7e1;background:#f6f8f5;color:var(--step-ink);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;margin:0}
.step-page *{box-sizing:border-box}.step-page [hidden]{display:none!important}.step-main{max-width:1120px;margin:0 auto;padding:36px 22px 70px}.step-main h1{font-size:clamp(28px,4vw,44px);line-height:1.4;margin:14px 0}.step-main h2{font-size:24px}.step-main p{line-height:1.9}.step-kicker{font-size:13px;letter-spacing:.02em;color:var(--step-green);font-weight:700}.step-hero{border-bottom:1px solid var(--step-border);padding:15px 0 30px}.step-hero p{max-width:750px;color:var(--step-muted);font-size:18px}.step-badge{display:inline-block;background:#e2efe6;border-radius:30px;padding:5px 13px;font-size:13px}.step-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.step-card,.step-panel{background:white;border:1px solid var(--step-border);border-radius:18px;padding:24px}.step-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.step-card h2,.step-card p{margin:0}.step-card p{color:var(--step-muted);flex:1}.step-btn,.step-page button.step-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--step-green);color:white;border:1px solid var(--step-green);border-radius:10px;padding:12px 20px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;min-height:46px;gap:8px}.step-btn.secondary{background:white;color:var(--step-green)}.step-page button:disabled{opacity:.5;cursor:not-allowed}.step-page :focus-visible{outline:3px solid #bd7c1b;outline-offset:3px}.step-note{background:#fff8e8;border:1px solid #e7d7ac;border-radius:12px;padding:14px 18px;line-height:1.9;margin:18px 0}.step-error{background:#fff0ee;border:1px solid #d89991;color:#7d241f;padding:18px;border-radius:12px;line-height:1.8}.step-muted{color:var(--step-muted);font-size:14px}.step-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:18px}.step-select{font:inherit;padding:10px;border:1px solid var(--step-border);border-radius:8px;width:100%;background:white}.step-stats{display:flex;gap:25px;flex-wrap:wrap;padding:18px 0}.step-stats strong{font-size:26px;display:block}.step-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:white;border:1px solid var(--step-border);border-radius:12px;padding:14px 20px;margin-bottom:18px}.step-timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;direction:ltr}.step-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:18px}.step-question{font:20px/1.8 Arial,sans-serif;overflow-wrap:anywhere;margin:18px 0}.step-passage{background:#f2f7f3;border-inline-start:4px solid #8bba9e;padding:20px;border-radius:10px;font:18px/1.85 Georgia,serif;white-space:pre-line;max-height:340px;overflow:auto}.step-options{display:grid;gap:12px;direction:ltr}.step-option{display:flex;align-items:center;gap:12px;border:1px solid #cddbd3;border-radius:10px;padding:14px;font:17px/1.5 Arial,sans-serif;cursor:pointer;min-height:54px}.step-option.selected{border-color:var(--step-green);background:#edf6ef}.step-option input{accent-color:var(--step-green);flex-shrink:0}.step-feedback{background:#eef6ed;border:1px solid #b7cdb3;border-radius:12px;padding:18px;margin-top:20px;line-height:1.9}.step-feedback.wrong{background:#fff8ec;border-color:#dbc8a3}.step-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-height:420px;overflow:auto;padding:4px}.step-palette button{border:1px solid #bacfc1;background:white;border-radius:6px;min-height:36px;font:inherit;color:var(--step-ink);cursor:pointer}.step-palette button.done{background:#dceee1}.step-palette button.current{background:var(--step-green);color:white}.step-progress{width:100%;height:8px;accent-color:var(--step-green);margin:10px 0}.step-audio{background:#eff5f0;padding:18px;border-radius:12px;margin-bottom:16px}.step-audio audio{width:100%;margin:10px 0}.step-check{display:flex;gap:10px;align-items:flex-start;line-height:1.8;margin:20px 0}.step-check input{margin-top:8px;accent-color:var(--step-green)}.step-score{font-size:60px;font-weight:700;color:var(--step-green)}.step-table{width:100%;border-collapse:collapse;margin:20px 0}.step-table th,.step-table td{text-align:right;border-bottom:1px solid var(--step-border);padding:12px 8px;line-height:1.7}.step-table th{background:#f0f5ef}.step-review details{border:1px solid var(--step-border);border-radius:12px;padding:16px;margin:12px 0;background:white}.step-review summary{cursor:pointer;font-weight:600;line-height:1.8}.step-review .step-passage{max-height:none}.step-footer{text-align:center;border-top:1px solid var(--step-border);padding:25px;color:var(--step-muted);font-size:14px;line-height:1.8}.step-footer a{color:inherit}.step-storage-warning{position:sticky;top:0;z-index:5}.step-thin{max-width:760px}.step-nav-label{font-weight:700}.step-history{overflow:auto}.step-question-panel{min-width:0}.step-main a{overflow-wrap:anywhere}
@media(max-width:760px){.step-main{padding:22px 14px 50px}.step-cards{grid-template-columns:1fr}.step-layout{grid-template-columns:1fr}.step-card,.step-panel{padding:18px}.step-palette{grid-template-columns:repeat(10,1fr);max-height:170px}.step-layout aside{order:2}.step-palette button{font-size:12px;min-width:0}.step-hero p{font-size:16px}.step-question{font-size:18px}.step-passage{font-size:17px;max-height:300px}.step-table{font-size:14px}.step-actions .step-btn{flex-grow:1}}
@media(prefers-reduced-motion:reduce){.step-page *{scroll-behavior:auto!important}}
.step-page .step-footer{background:#fff;color:#53675f}.step-page .tuwaiq-brand{background:#fff;border-radius:10px;padding:4px 10px}