.coursesShell{width:min(1180px,calc(100% - 28px))}.coursesTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.coursesTop .backLink{margin:0}.coursesHero{margin-bottom:20px}.coursesHero h1{font-size:clamp(38px,7vw,58px);line-height:.95;margin:5px 0 8px}.coursesHero p{margin:0;color:var(--muted)}.coursesLayout{display:grid;grid-template-columns:270px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.courseBlock,.courseEmpty,.courseSidebar{background:#fff;border:1px solid var(--line);border-radius:20px}.courseSidebar{padding:10px;position:-webkit-sticky;position:sticky;top:12px}.courseSidebarHead{padding:8px 9px 12px;color:var(--muted);font-size:12px}.courseList{display:grid;grid-gap:6px;gap:6px}.courseListItem{width:100%;border:0;background:transparent;border-radius:14px;padding:11px;display:grid;grid-template-columns:30px 1fr 14px;align-items:center;grid-gap:8px;gap:8px;text-align:left;cursor:pointer;color:var(--ink)}.courseListItem:hover{background:#f2f6f3}.courseListItem.active{background:#e7f3eb;color:var(--green)}.courseListItem>span:nth-child(2){min-width:0}.courseListItem small,.courseListItem strong{display:block}.courseListItem strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courseListItem small{font-size:11px;color:var(--muted);margin-top:2px}.courseIcon{font-size:18px}.courseWorkspace{display:grid;grid-gap:14px;gap:14px}.courseEmpty{padding:28px;text-align:center;color:var(--muted)}.courseEmpty>span{font-size:34px}.courseEmpty h2{color:var(--ink);margin:6px 0}.courseBlock{padding:20px}.courseBlockHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.courseBlockHead h2{margin:0;font-size:23px}.courseFormRow{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.courseBlock label{display:grid;grid-gap:6px;gap:6px;font-size:11px;font-weight:900;color:var(--muted);letter-spacing:.04em}.courseBlock input{width:100%;border:1px solid var(--line);border-radius:11px;background:#fbfcfb;padding:11px 12px;color:var(--ink)}.courseBlock input:focus{outline:2px solid #cfe5d6;border-color:var(--green)}.routeTabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.routeTabs button{border:1px solid var(--line);background:#f6f8f6;border-radius:999px;padding:8px 12px;font-weight:850;cursor:pointer}.routeTabs button.active{background:var(--green);color:#fff;border-color:var(--green)}.routeEditor{border-top:1px solid var(--line);padding-top:16px}.routeMeta{display:grid;grid-template-columns:1fr auto;grid-gap:14px;gap:14px;align-items:end}.routeSummary{display:grid;grid-template-columns:auto auto;grid-gap:2px 10px;gap:2px 10px;align-items:center;background:#f2f6f3;border-radius:14px;padding:9px 13px}.routeSummary span{font-size:9px;font-weight:900;color:var(--muted)}.routeSummary b{font-size:17px;color:var(--green)}.routeTableHead,.routeTableRow{display:grid;grid-template-columns:54px 100px 1fr 110px;grid-gap:8px;gap:8px;align-items:center}.routeTableHead{margin-top:18px;padding:0 8px 6px;color:var(--muted);font-size:9px;font-weight:950;letter-spacing:.06em}.routeTable{border:1px solid var(--line);border-radius:14px;overflow:hidden}.routeTableRow{padding:7px 8px;border-bottom:1px solid #edf1ee}.routeTableRow:last-child{border-bottom:0}.routeTableRow>b{display:grid;place-items:center;width:32px;height:32px;background:#edf4ef;color:var(--green);border-radius:9px}.routeTableRow input{padding:8px 9px;border-radius:9px}.courseSave{margin-top:14px;width:100%}.dangerButton{white-space:nowrap}@media(max-width:760px){.coursesShell{width:min(100% - 18px,1180px)}.coursesLayout{grid-template-columns:1fr}.courseSidebar{position:static}.courseList{grid-template-columns:repeat(2,minmax(0,1fr))}.courseFormRow,.routeMeta{grid-template-columns:1fr}.routeSummary{grid-template-columns:1fr 1fr 1fr 1fr}.routeTableHead,.routeTableRow{grid-template-columns:42px 74px 1fr 78px;gap:5px}.routeTableHead{font-size:8px}.routeTableRow{padding:6px}.courseBlock{padding:14px}.courseBlockHead{align-items:flex-start}.courseBlockHead .dangerButton{padding:10px;font-size:11px}}@media(max-width:430px){.courseList{grid-template-columns:1fr}.coursesTop .primaryButton{padding:11px;font-size:12px}.routeTableHead,.routeTableRow{grid-template-columns:36px 62px 1fr 68px}.routeTableRow input{padding:7px 6px;font-size:12px}.courseBlockHead{flex-direction:column}.courseBlockHead .dangerButton{align-self:flex-start}}