.topbar{border-bottom:1px solid var(--line);background:var(--surface)}.topbar-inner{max-width:720px;padding:var(--s3) var(--s5);justify-content:space-between;align-items:center;gap:var(--s4);margin:0 auto;display:flex}.brand{align-items:center;gap:var(--s2);font-family:var(--font-display);font-size:var(--t-lg);color:var(--text);letter-spacing:.02em;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);border-radius:2px;width:10px;height:22px;display:inline-block}.topbar-links{align-items:center;gap:var(--s4);display:flex}.topbar-links a{color:var(--text-2);font-size:var(--t-md);text-decoration:none}.topbar-links a:hover{color:var(--text)}.syllabus{margin:0;padding:0;list-style:none}.syllabus-module{margin-top:var(--s5)}.syllabus-module h3{margin:0 0 var(--s2);font-size:var(--t-md);color:var(--text-2);font-weight:600}.syllabus-lesson{align-items:center;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);display:flex}.syllabus-lesson:last-child{border-bottom:0}.syllabus-lesson .tick{border:1.5px solid var(--line-firm);border-radius:50%;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.syllabus-lesson.done .tick{background:var(--ok-soft);color:var(--ok);border-color:#0000}.syllabus-lesson.done .tick svg{width:11px;height:11px}.syllabus-lesson a{color:var(--text);flex:1;text-decoration:none}.syllabus-lesson a:hover{color:var(--accent-text)}.syllabus-lesson .mins{font-family:var(--font-mono);font-size:var(--t-xs);color:var(--text-3)}.lesson-nav{justify-content:space-between;gap:var(--s3);margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;display:flex}.item{padding:var(--s5) 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:0}.item legend{font-size:var(--t-lg);color:var(--text);margin-bottom:var(--s3)}.option{gap:var(--s3);padding:var(--s2) 0;align-items:flex-start;display:flex}.option input{accent-color:var(--accent);margin-top:5px}.form-error{color:var(--risk);font-size:var(--t-sm)}.card-row{justify-content:space-between;gap:var(--s4);flex-wrap:wrap;align-items:center;display:flex}
