.map-main{padding:16px 24px 28px}.map-intro h1{font-size:24px;line-height:1.5;letter-spacing:0;margin:0 0 10px}.map-intro p{font-size:13px;color:var(--sub)}.map-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:23px 0 30px}.map-nav a{font-size:12px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:9px 11px}.map-nav a:hover{border-color:var(--blue)}.map-course{margin:0 0 27px;scroll-margin-top:18px}.map-course h2{font-size:16px;background:#f0f0f2;border-radius:8px;padding:13px 14px;margin-bottom:10px}.map-course.js h2{background:#fff8d8}.map-course.ts h2{background:#e8f1fc}.map-course.react h2{background:#e6f8fc}.map-course h2 a{display:flex;align-items:center;justify-content:space-between;gap:10px}.map-course h2 a span{color:var(--blue)}.map-course ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.map-course li a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #cedbed;border-radius:8px;padding:12px;font-size:13px;line-height:1.7}.map-course li a:hover{border-color:var(--blue);background:#f8fbff}.map-no{font:12px ui-monospace,monospace;color:#4d6081;flex:0 0 23px;text-align:center}.map-arrow{margin-left:auto;flex-shrink:0;color:var(--blue);font-size:18px}@media(max-width:380px){.map-main{padding-inline:18px}.map-nav a{font-size:11px;padding:9px}.map-course li a{gap:8px}header{gap:8px}header .brand{font-size:16px}header .nav{font-size:10px}}