main.course-plan { max-width: none; }
.course-plan > .content.lesson-page { width: 100%; max-width: none; margin-inline: 0; }
.course-plan #course-lessons { margin-top: 24px; }
.course-plan #course-lessons > p { max-width: 78ch; }
.course-plan .course-lesson {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
 gap: 6px 20px;
 padding: 14px 18px;
 margin: 8px 0;
}
.course-plan .course-lesson :is(h3,p) { margin: 0; }
.course-plan .course-lesson:focus-visible { outline: 3px solid #0f766e; }
.course-plan > .lesson-page > h1 {
 margin: 0;
 padding: 28px 32px 6px;
 border-radius: 20px 20px 0 0;
 background: #19463e;
 color: white;
}
.course-plan > .lesson-page > h1 + .lead {
 margin: 0 0 24px;
 padding: 4px 32px 26px;
 border-radius: 0 0 20px 20px;
 background: #19463e;
 color: #e1f2ed;
}
.course-plan #course-lessons > .block { background: #f3faf7; border-color: #c4d8d1; }
.course-plan .course-lesson { background: white; border-radius: 12px; }
.course-plan .course-lesson:hover { background: #eaf5ef; border-color: #8db6aa; }
.course-plan .course-lesson p {
 padding: 4px 10px;
 border-radius: 999px;
 background: #e4f0ea;
 color: #23584e;
 font-size: 13px;
}