.course-page{background:var(--cs-page)}.course-frame{max-width:var(--content-max);margin:0 auto;padding-inline:64px}.course-hero{padding-top:54px}.course-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center;padding-bottom:40px}.course-hero-grid--image{grid-template-columns:minmax(0,1fr) 240px}.course-term{font:400 14px/1.5 var(--font-mono);margin-bottom:14px}.course-hero h1{font-size:56px;font-weight:600;line-height:1.1;letter-spacing:-.025em;overflow-wrap:anywhere}.course-registration{display:inline-block;margin-top:24px;font-size:17px}.course-page a{color:var(--cs-blue);text-decoration:underline;text-underline-offset:4px}.course-page a:hover{color:var(--cs-blue-electric)}.course-illustration{width:240px;height:180px;object-fit:cover;object-position:center 37%;filter:grayscale(100%)}.course-facts{display:grid;align-content:center;align-self:start;aspect-ratio:1;margin:0;padding:24px;border:1px solid var(--cs-gray-line);gap:24px}.course-facts dt{font:400 12px/1.5 var(--font-mono);margin-bottom:8px}.course-facts dd{margin:0;font-size:16px;line-height:1.5}.course-facts dd span{display:block;margin-top:4px;font-size:14px}.course-jump{position:sticky;top:var(--navbar-h);z-index:20;background:var(--cs-page);border-block:1px solid var(--cs-gray-line)}.course-jump>div{display:flex;gap:32px;overflow-x:auto;scrollbar-width:thin}.course-jump a{flex:none;padding-block:15px;font-size:14px;text-decoration:none}.course-jump a:hover{text-decoration:underline}.course-section{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;padding-block:44px;scroll-margin-top:calc(var(--navbar-h) + 80px);border-bottom:1px solid var(--cs-gray-line)}.course-section:last-child{border-bottom:0;padding-bottom:64px}.course-overview{grid-template-columns:minmax(0,1fr)}.course-overview--facts{grid-template-columns:minmax(0,1fr) 260px}.course-overview-content{min-width:0}.course-overview-content h2{margin-bottom:20px}.course-section h2{font-size:24px;font-weight:600;line-height:1.3}.course-prose,.course-section-body{min-width:0;font-size:18px;line-height:1.6}.course-prose>*+*{margin-top:16px}.course-prose h3{font-size:21px;line-height:1.4;margin-top:24px}.course-prose img{height:auto}.course-prose pre{overflow-x:auto}.course-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:16px}.course-prose th,.course-prose td{text-align:left;vertical-align:top;padding:12px 18px 12px 0;border-bottom:1px solid var(--cs-gray-line)}.course-prose th{font-weight:600}.course-prose ul,.course-prose ol{padding-left:22px}.course-prose li+li{margin-top:6px}.course-note{margin-bottom:24px;font-size:16px;line-height:1.6}.course-schedule{list-style:none;padding:0;margin:0}.course-session{display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:24px;padding-block:18px;border-top:1px solid var(--cs-gray-line)}.course-session-date{display:flex;gap:12px;font:400 13px/1.6 var(--font-mono);padding-top:3px;white-space:nowrap}.course-session-date>span:not(.course-session-date-label){color:var(--cs-gray-mute)}.course-session-topic{min-width:0}.course-session h3{font-size:18px;font-weight:600;line-height:1.5}.course-session-topic p{font-size:16px;line-height:1.5;margin-top:4px}.course-session-topic .course-session-note{font-size:14px;font-weight:400;margin-top:8px}@media(max-width:1100px){.course-frame{padding-inline:32px}.course-hero h1{font-size:48px}.course-section{grid-template-columns:160px minmax(0,1fr);gap:32px}.course-overview{grid-template-columns:minmax(0,1fr)}.course-overview--facts{grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:760px){.course-frame{padding-inline:20px}.course-hero{padding-top:32px}.course-hero-grid--image{grid-template-columns:minmax(0,1fr);gap:24px}.course-hero-grid{padding-bottom:30px}.course-hero h1{font-size:36px}.course-term{font-size:12px}.course-registration{font-size:15px;margin-top:18px}.course-illustration{width:100%;height:140px}.course-facts{width:100%;max-width:260px;gap:24px}.course-facts dd{font-size:15px}.course-facts dd span{font-size:13px}.course-jump>div{gap:24px}.course-jump a{font-size:13px;padding-block:14px}.course-section{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:32px}.course-section h2{font-size:23px}.course-prose,.course-section-body{font-size:17px}.course-session{grid-template-columns:76px minmax(0,1fr);gap:8px 16px}.course-session-date{gap:8px;font-size:11px}}
