.lesson-route{background:#fff3f6;padding:32px 0 36px;margin:20px 0 0;border-radius:36px}
.lesson-route-inner{max-width:1280px}
.lesson-route + .trial.container{margin-top:24px}
.lesson-route-heading{position:static;background:transparent;border:0;box-shadow:none;padding:0;margin-bottom:22px;backdrop-filter:none}
.lesson-route-heading .eyebrow{font-size:.72rem;margin-bottom:10px;color:#118fb5}
.lesson-route-heading h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.1;margin:0;color:#0d3b66}
.lesson-route-heading h2 em{color:#118fb5}
.lesson-route-body{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.65fr);gap:44px;align-items:center}
.lesson-route-art{min-width:0}
.lesson-route-art img{display:block;width:100%;height:auto;max-width:410px;margin:auto}
.lesson-route-steps{display:grid;gap:30px;list-style:none;padding:0;margin:0}
.lesson-route-step{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);gap:18px;min-width:0;padding:0;margin:0}
.lesson-route-number{display:grid;place-items:center;width:50px;height:50px;background:#bceaf7;color:#0d3b66;border-radius:19px 22px 18px 23px;font:700 1.8rem/1 'Balsamiq Sans','Trebuchet MS',sans-serif;transform:rotate(-5deg)}
.lesson-route-step:nth-child(2) .lesson-route-number{background:#ffcfdd;transform:rotate(5deg)}
.lesson-route-step:nth-child(3) .lesson-route-number{background:#ffe7a2;transform:rotate(-4deg)}
.lesson-route-copy h3{font:700 1.3rem/1.2 'Balsamiq Sans','Trebuchet MS',sans-serif;color:#0d3b66;margin:0 0 8px}
.lesson-route-copy p{font-size:.96rem;line-height:1.5;color:#536f83;margin:0}
.lesson-route-arrow{position:absolute;bottom:-27px;left:13px;width:26px;height:33px;color:#118fb5;overflow:visible}
@media(max-width:760px){
 .lesson-route + .trial.container{margin-top:18px}
 .lesson-route{padding:26px 0 30px;border-radius:26px}
 .lesson-route-heading{margin-bottom:12px}
 .lesson-route-body{grid-template-columns:1fr;gap:18px}
 .lesson-route-art img{max-width:230px}
 .lesson-route-step{grid-template-columns:43px minmax(0,1fr);gap:13px}
 .lesson-route-number{width:43px;height:43px;font-size:1.6rem}
 .lesson-route-copy h3{font-size:1.2rem}
 .lesson-route-copy p{font-size:.94rem}
 .lesson-route-arrow{left:9px}
}
