.course-start{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:30px;font-size:15px;color:var(--forest)}
.course-start a:first-child{font-weight:700}
.course-start a:hover,.course-resource-link a:hover{text-decoration:underline;text-underline-offset:4px}
.course-path{padding:28px 0;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border)}
.course-path h2{font-family:var(--serif);font-size:19px;margin-bottom:18px}
.course-path ol{display:flex;flex-wrap:wrap;gap:10px 0;list-style:none;color:var(--forest);font-size:17px}
.course-path li+li::before{content:"→";color:var(--muted);margin:0 16px}
.course-path p{font-size:14px;color:var(--muted);margin-top:16px}
.course-directory{list-style:none;border-top:1px solid var(--border-strong)}
.course-chapter .section-head{display:block}
.course-chapter .section-note{max-width:760px;margin-top:12px}
.course-directory li{border-bottom:1px solid var(--border)}
.course-directory a,.course-unpublished{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 0}
.course-number{font-family:var(--serif);color:var(--forest);font-size:17px}
.course-name{font-family:var(--serif);font-size:21px;line-height:1.6}
.course-state{color:var(--muted);font-size:13px;white-space:nowrap}
.course-directory a:hover .course-name,.course-directory a:hover .course-state{color:var(--forest)}
.course-unpublished .course-number{color:var(--muted)}
.course-materials{padding:30px 0;margin-top:10px;border-top:1px solid var(--border-strong)}
.course-materials h2{font-family:var(--serif);font-size:23px;margin:8px 0 14px}
.course-materials p{color:var(--fg-soft);font-size:15px;max-width:760px;margin:10px 0}
.course-materials .course-materials-meta{color:var(--muted);font-size:14px}
.course-materials-button{border:0;border-bottom:1px solid var(--border-strong);background:transparent;color:var(--forest);font:inherit;font-size:14px;padding:6px 0;cursor:pointer}
.course-follow{display:flex;align-items:center;gap:24px;padding:28px 0 50px;border-top:1px solid var(--border);margin-top:30px}
.course-follow p,.course-follow span{color:var(--muted);font-size:14px;line-height:1.8}
.course-follow img{flex-shrink:0}
.course-topic .article-save{margin-top:24px}
.course-article .article-content a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.course-model{border-radius:0;background:var(--bg-alt);padding:22px 20px}
.course-model-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px 0;color:var(--forest);font-size:16px}
.course-model-list li+li::before{content:"→";color:var(--muted);margin:0 12px}
.course-model-elements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}
.course-model-elements li{padding:8px 0;border-bottom:1px solid var(--border)}
.course-model-elements li+li::before{content:none}
.course-model .model-caption{margin:16px 0 0}
.lesson-continuation{margin-top:42px}
.lesson-continuation h2{font-family:var(--serif);font-size:21px}
.lesson-continuation .article-nav{margin-top:16px}
.lesson-nav-status{font-size:13px;color:var(--muted)}
.course-resource-link{margin-top:24px;color:var(--muted);font-size:13px}
#course-directory,#course-materials{scroll-margin-top:110px}
@media(max-width:700px){
 .course-path li+li::before{margin:0 10px}
 .course-directory a,.course-unpublished{grid-template-columns:32px minmax(0,1fr);gap:8px 14px;padding:20px 0}
 .course-name{font-size:18px}
 .course-state{grid-column:2}
 .course-follow{align-items:flex-start;gap:16px}
 .course-follow img{width:80px;height:80px}
 .course-follow strong{font-size:15px}
 .course-model-list{display:block}
 .course-model-list li+li{margin-top:8px}
 .course-model-list li+li::before{content:"↓";display:block;margin:0 0 8px}
 .course-model-elements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .course-model-elements li+li{margin-top:0}
 .course-model-elements li+li::before{display:none}
}