.route-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.route-intro .lead{max-width:760px}.route-intro>button{flex-shrink:0}.route-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:#edf4e9;border-color:#d0dfc8}.route-progress>div{display:flex;flex-direction:column;gap:4px}.route-progress strong{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.15;color:#244c34}.route-progress p{grid-column:1/-1;margin:0;font-size:.92rem;color:#536354}.route-continue{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}.route-continue h2{margin:10px 0}.route-recommendations{margin-top:20px}.route-plan-note{white-space:pre-wrap}.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.route-card h2{margin:8px 0 12px}.route-card>p:not(.eyebrow){color:#576459}.route-count{font-size:.88rem}.route-card progress{display:block;width:100%;height:7px;border:0;border-radius:4px;background:#edf1e9;accent-color:#406f4e;margin:12px 0 20px}.route-card progress::-webkit-progress-bar{background:#edf1e9;border-radius:4px}.route-card progress::-webkit-progress-value{background:#406f4e;border-radius:4px}.route-items{padding:0;margin:0;list-style:none}.route-items li{padding:11px 0;border-top:1px solid #e7ece3}.route-items button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;background:transparent;border-radius:5px;padding:3px 0;line-height:1.4;box-shadow:none;width:100%;font-weight:650;color:#244c34}.route-items small{display:block;color:#6b7568;font-size:.8rem;margin-top:3px}.route-items p{font-size:.92rem;margin:6px 0;white-space:pre-wrap}.route-foundations{margin-top:18px;border:1px solid #d9e1d2;background:#f7f9f3;border-radius:12px;padding:14px}.route-foundations summary{cursor:pointer;color:#425d36;font-weight:650;line-height:1.5}.route-foundations>p{font-size:.9rem;color:#616d5b}.route-video{margin-top:12px}.route-extra{margin-top:24px}.route-extra .route-items{columns:2;column-gap:30px}.route-extra .route-items li{break-inside:avoid}.route-return{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e8f1e0;border:1px solid #cadac0;border-radius:14px;padding:18px;margin-bottom:15px}.route-return span{display:block;margin-top:4px;font-size:.9rem}.route-support{margin:0 0 20px}.route-support-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.route-support-actions>p{font-size:.9rem;margin:0;color:#54684d;max-width:40ch}.access-card{background:#f0f6eb;border:1px solid #ccd9c2;border-radius:12px;padding:18px}.access-card label{display:block;margin:14px 0}.access-card input{font-family:ui-monospace,monospace;font-size:1.05rem}.access-card .form-hint{color:#535f4e}.student-password-row{display:flex;gap:8px;align-items:flex-end}.student-password-row label{flex:1}.student-password-row button{flex-shrink:0}.student-mode-note{margin:0;font-size:.9rem;color:#66715e}
@media(max-width:760px){.route-intro,.route-continue{flex-direction:column;gap:16px}.route-grid{grid-template-columns:1fr}.route-progress{gap:15px}.route-progress span{font-size:.8rem;line-height:1.4}.route-extra .route-items{columns:1}.route-return{align-items:stretch;flex-direction:column}.route-return .button{text-align:center}.student-password-row{flex-direction:column;align-items:stretch}.route-support-actions .actions{width:100%}.route-support-actions .primary{width:100%}.route-support-actions>p{max-width:none}}
@media(prefers-reduced-motion:reduce){.route-card *{scroll-behavior:auto}}

.route-lessons{margin-top:22px}.lesson-links{display:flex;flex-wrap:wrap;gap:10px}.lesson-links a{text-align:left}.lesson-steps{padding-left:25px;line-height:1.55}.lesson-steps li{padding:5px 0 5px 7px}.lesson-start h2{margin-top:28px}.lesson-instructions{background:#f3f7ef;border:1px solid #d4dfca;border-radius:12px;padding:16px 20px;margin-bottom:16px}.lesson-instructions h2{font-size:1.1rem;margin:0}.lesson-instructions p{font-size:.9rem;margin-bottom:0}.lesson-start .form-hint{max-width:75ch}@media(max-width:760px){.lesson-links a{width:100%}.lesson-start .actions>*{width:100%}.lesson-start .primary{width:100%;white-space:normal;text-align:left}}
