.learning-routes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 30px; }
.learning-routes > a { display:flex; flex-direction:column; gap:8px; border:1px solid #c5d4c8; border-radius:14px; padding:18px; background:#fff; color:#193c2d; text-decoration:none; }
.learning-routes > a:hover { background:#eef5ee; border-color:#185c45; }
.learning-routes > a > span { font-size:12px; font-weight:700; color:#486653; }
.learning-routes strong { font-size:17px; line-height:1.3; }
.learning-routes small { font-size:13px; line-height:1.5; color:#4a5b50; }
.learning-routes a:focus-visible, .selected-lessons a:focus-visible, .teacher-start a:focus-visible { outline:3px solid #2376a3; outline-offset:4px; }
.selected-lessons, .teacher-start { margin-block:32px; scroll-margin-top:180px; }
.selected-lessons > p { max-width:74ch; }
.selected-lessons__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr)); gap:16px; }
.selected-lesson { display:flex; flex-direction:column; padding:22px; border:1px solid #c6d5e3; border-radius:14px; background:#fff; color:#172d40; }
.selected-lesson__topic { margin:0 0 8px; font-size:12px; font-weight:700; color:#385b68; }
.selected-lesson h3 { margin:0; font-size:20px; line-height:1.35; }
.selected-lesson > p:not(.selected-lesson__topic) { flex:1; line-height:1.6; }
.selected-lesson .level-switcher { margin-top:10px; }
.teacher-start { padding:24px; background:#e7f0f4; border:1px solid #bfced8; border-radius:16px; color:#172d40; }
.teacher-start a { color:#174f77; text-decoration:underline; text-underline-offset:3px; }
.teacher-start li { margin-block:8px; }
.practice-library-title { margin-top:40px; scroll-margin-top:180px; }
@media (max-width:760px) { .learning-routes { grid-template-columns:1fr; gap:10px; } .learning-routes > a { padding:16px; } .teacher-start { padding:20px; } }