/* Lesson 01 owns typography, colour, spacing and shared component styling.
   This file only adapts the motorway drawing and the lesson-specific exercises. */
.sidebar a{text-decoration:none}.step-link .step-title{min-width:0}.road-frame{position:relative;overflow:hidden;background:#f9f8f4}.road-frame svg{display:block;width:100%;height:440px}.demo-visual .road-frame svg{height:550px}.movie-attention{display:block;margin-top:8px;font-weight:600}.scene-controls{display:flex;align-items:center;flex-wrap:wrap}.scene-controls button{min-width:44px;min-height:44px}.scene-controls .count{font-size:13px;color:var(--muted);white-space:nowrap}.scene-controls.movie-controls button[data-movie=prev],.scene-controls.movie-controls button[data-movie=next]{padding:4px 9px}.demo-focus:empty,.movie-attention:empty{display:none}.demo-progress #phase-progress{display:block;height:100%;width:0;background:var(--blue)}.mini-card{padding:30px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.mini-card h3{font-size:20px}.mini-choice{display:block;width:100%;padding:14px;margin-top:10px;min-height:48px;background:white;border:1px solid var(--line);border-radius:10px;text-align:left;color:var(--navy2);font-size:15px;line-height:1.45}.mini-choice.selected{border-color:var(--blue);background:#f3f7fc}.mini-choice.correct{background:#eef5ed;border:2px solid var(--green);padding:13px}.mini-feedback{margin:16px 0 0;font-size:14px;padding:16px 18px;background:#f0f4f8;border-radius:6px}.lesson2-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.lesson2-summary article{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.lesson2-summary h3{font-size:19px}.lesson2-summary p{font-size:14px;margin:0}.lesson2-note{width:100%;min-height:110px}.lesson2-message{font-size:14px;padding:16px 18px;border-left:3px solid var(--orange);background:#fff8f0;margin:20px 0}.reflection{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 24px}.reflection button{border:1px solid var(--line);border-radius:10px;background:white;color:var(--navy2);padding:13px 14px;min-height:48px;font-size:15px}.reflection button[aria-pressed=true]{border-color:var(--blue);background:#f3f7fc}.complete-flag{color:var(--green);font-weight:700}.feedback{scroll-margin-top:20px}
@media(max-width:1000px){.road-frame svg{height:430px}.demo-visual .road-frame svg{height:460px}}
@media(max-width:760px){.road-frame svg{height:clamp(220px,38svh,300px)}.demo-visual .road-frame svg{height:clamp(240px,40svh,320px)}.lesson2-summary{grid-template-columns:1fr}.mini-card{padding:23px}.mini-choice,.mini-feedback{font-size:15px}.scene-controls .text-btn{font-size:13px}}