.course-hero{max-width:960px;padding:34px 0 54px}.course-hero h1{font-size:clamp(36px,4.6vw,64px);line-height:1.12;margin-bottom:24px}.course-hero .lead{max-width:58ch;margin-bottom:0}.course-note{font-size:14px;color:var(--muted);line-height:1.8;max-width:72ch;margin:26px 0 0}.course-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:70px;padding-bottom:80px}.course-nav{position:sticky;top:28px;border-top:1px solid var(--line);padding-top:25px}.course-nav h2{font-size:16px;letter-spacing:0;margin-bottom:18px}.course-nav a{display:block;font-size:13px;line-height:1.7;padding:10px 0;text-decoration:none;border-bottom:1px solid var(--line);min-height:44px}.course-nav a:hover{text-decoration:underline}.course-films{list-style:none;margin:0;padding:0}.course-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:22px;border-top:1px solid var(--line);padding:32px 0 40px;scroll-margin-top:28px}.course-number{font-size:18px;font-variant-numeric:tabular-nums;color:var(--muted);padding-top:4px}.course-film{min-width:0}.course-film h2{font-size:clamp(23px,2.3vw,31px);line-height:1.3;letter-spacing:-.02em;margin-bottom:18px}.film-actions{display:flex;flex-wrap:wrap;gap:0 24px;margin-bottom:12px}.film-actions a{display:inline-flex;align-items:center;font-size:13px;min-height:44px}.film-actions a:last-child{color:var(--muted)}.back-top{display:inline-flex;align-items:center;min-height:44px;margin-top:22px;font-size:14px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#films{scroll-margin-top:28px}a{touch-action:manipulation}body{scrollbar-color:#83939e var(--paper)}
@media(max-width:1050px){.course-layout{grid-template-columns:215px minmax(0,1fr);gap:35px}}
@media(max-width:760px){.course-hero{padding:24px 0 38px}.course-hero h1{font-size:36px;overflow-wrap:anywhere}.course-hero .lead{font-size:17px}.course-layout{display:block;padding-bottom:52px}.course-layout aside{display:none}.course-item{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:26px 0 32px}.course-number{font-size:15px}.course-film h2{font-size:24px}.course-note{font-size:13px}.film-actions{gap:0 18px}.funds-top nav a{font-size:12px}.project-links{grid-template-columns:1fr 1fr}}
@media(max-width:370px){.course-hero h1{font-size:32px}.course-film h2{font-size:22px}.project-links{grid-template-columns:1fr}}