.course-header { margin-top: 1rem; }
.course-header h1 { max-width: 780px; }
.course-actions a, .material-actions a, .material-next a { font-weight: 700; }
.course-actions a:last-child, .material-actions a:last-child { text-align: right; }
.preview { max-width: 880px; margin: 0 auto; padding-bottom: .25rem; }
.preview p { max-width: 780px; line-height: 1.7; }
.lesson-list { padding: 1.2rem 0; }
.lesson-list h2 { margin-bottom: 1rem; }
.lesson-card { text-decoration: none; }
.lesson-card:focus-visible { outline: 3px solid #d77136; outline-offset: 3px; }
.material-actions { max-width: 780px; margin: 1.5rem auto; }
.material-actions a { color: #244f41; }
.material-next { max-width: 780px; margin: 1.5rem auto 0; text-align: right; }
.related-link { display: block; }
.course-finish { margin-bottom: 2rem; }
.course-finish p { max-width: 720px; line-height: 1.65; }
.course-finish .primary { margin-top: .5rem; }
@media (max-width: 720px) {
  .course-actions, .material-actions { flex-wrap: wrap; }
  .course-actions a, .material-actions a { max-width: 100%; }
  .lesson-card strong { font-size: 1.3rem; }
}