/* A clear next step, with the existing reference palette and quiet reading areas. */
.student-journey {list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:24px 0;gap:1px;background:var(--lab-edge);border:1px solid var(--lab-edge);}
.student-journey li {display:flex;align-items:center;gap:12px;min-width:0;padding:16px;background:var(--lab-surface);color:var(--lab-muted);}
.student-journey strong {display:block;font-size:14px;line-height:1.5;}
.journey-number {display:grid;place-items:center;flex:0 0 30px;min-height:30px;border:1px solid var(--lab-edge);font-family:var(--terminal-font);}
.journey-ar {display:block;font-size:15px;line-height:1.8;}
.student-journey .is-done .journey-number {color:var(--lab-neon);border-color:var(--lab-neon);}
.student-journey .is-current {box-shadow:inset 0 -3px var(--lab-cyan);color:var(--lab-ink);}
.student-journey .is-current .journey-number {color:var(--lab-cyan);border-color:var(--lab-cyan);}
.lab-hero .journey-next h2 {font-size:clamp(20px,2.1vw,30px);color:var(--hero-ink);margin:0;}
.lab-hero .journey-next > .journey-ar {color:var(--hero-cyan);font-size:19px;margin:4px 0 12px;}
.lab-hero .journey-next .hero-description {font-size:17px;line-height:1.7;margin:6px 0;}
.spectrum-ui .bilingual-action {display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1.5;white-space:normal;}
.spectrum-ui .bilingual-action > [lang=ar] {font-family:var(--reader-font);font-size:.9em;letter-spacing:normal;}
.upload-step-note {border-inline-start:3px solid var(--lab-cyan);padding-inline-start:16px;margin:20px 0;}
.upload-step-note p {margin:4px 0;}
.student-translation {font-size:.95em;line-height:1.8;}
@media(max-width:650px) {.student-journey {grid-template-columns:repeat(2,minmax(0,1fr));}.student-journey li {padding:12px;gap:8px;}.student-journey strong {font-size:12px;}.student-journey .journey-ar {font-size:13px;}.lab-hero .journey-next .hero-description {font-size:16px;}}
@media(forced-colors:active) {.student-journey .is-current {outline:2px solid Highlight;}.student-journey .is-done .journey-number {border-color:CanvasText;}}