.session-row{display:grid;position:relative;grid-template-columns:32px 100px minmax(0,1fr) 76px;align-items:start;gap:20px}
.session-row>img{width:100px;height:75px;object-fit:contain}
.session-row .session-number{font-variant-numeric:tabular-nums;color:var(--muted)}
.session-row .session-duration{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted);font-size:14px}
.session-row>svg{display:none}
.session-row.session-current{border-color:var(--violet)}
.syllabus-state{display:block;margin-top:12px;font-size:14px;color:var(--violet)}
.result mark{background:color-mix(in srgb,var(--violet) 22%,transparent);color:var(--ink);padding:0}
.notebook-course{margin:40px 0}.notebook-course>h2{margin-bottom:24px}
.notebook-session>h3{font-size:20px;margin:28px 0 16px;color:var(--muted)}
.notebook-session .saved-item{margin:16px 0}
.saved-item blockquote{margin:16px 0 24px;font-family:var(--display);font-size:22px;line-height:1.55}
.saved-item h4{font-size:15px;font-weight:400;margin:0}
.saved-item label{display:block;margin-bottom:8px;color:var(--muted)}
.session-connections{margin:32px auto;max-width:960px;width:calc(100% - 40px)}.session-connections>a{display:block;padding:20px 0;text-decoration:none;border-top:1px solid var(--line)}
.session-connections h3{font-size:21px;margin:0 0 12px}.session-connections p{font-size:16px;line-height:1.6;color:var(--muted)}
.session-connections blockquote{margin:0;font-family:var(--display);font-size:22px;line-height:1.5}
@media(max-width:680px){.session-row{grid-template-columns:20px minmax(0,1fr) 48px;gap:12px}.session-row>img{display:none}.session-row>div{display:block;grid-column:2;grid-row:1}.session-row .session-number{grid-column:1;grid-row:1}.session-row .session-duration{grid-column:3;grid-row:1;font-size:13px;white-space:normal}.saved-item blockquote{font-size:20px}}