.lesson-note { background: var(--color-surface); }
.lesson-note__text { max-width: 70ch; margin-top: 8px; color: var(--color-text-muted); }
.inline-message { color: var(--color-text-muted); font-size: 0.8125rem; }
.inline-message:not(:empty) { margin-top: 12px; }
.inline-message--success { color: var(--color-success); }
.inline-message--error { color: var(--color-error); }
.completion-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; }
.completion-status { color: var(--color-text-muted); font-size: 0.8125rem; }
.completion-actions__links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; }
.save-status { overflow-wrap: anywhere; }
.empty-state { max-width: 640px; }
.empty-state h1 { font-size: 1.75rem; line-height: 1.3; }
.empty-state p { margin-top: 12px; color: var(--color-text-muted); }
.empty-state .button { margin-top: 24px; }
.explanation-property { color: var(--color-text-muted); font-size: 0.75rem; }
.lesson-note .panel__header { min-height: 0; justify-content: flex-start; gap: 8px 16px; }
.lesson-note .panel__header h2 { font-size: 0.875rem; overflow-wrap: anywhere; }
.lesson-note__text { font-size: 0.8125rem; line-height: 1.8; }
.inline-message:empty, .control-actions:empty { display: none; }