body.course-practice { background: #f7f8fc; color: #192b43; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.course-practice main.content { max-width: 960px; margin: 24px auto 70px; padding: 28px 36px; background: white; border: 1px solid #dce2ec; border-radius: 12px; }
.course-practice h1 { color: #152e4b; font-size: 30px; font-weight: 700; }
.course-practice .subtitle { color: #617087; font-size: 18px; }
.course-practice .practice-nav { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding-bottom: 22px; font-size: 14px; }
.course-practice .practice-nav a { color: #1755bc; }
.course-practice .section-practice { line-height: 1.7; }
.course-practice .practice-question { padding: 26px 0; border-color: #dce2ec; }
.course-practice .practice-question h3 { font-size: 21px; }
.course-practice .practice-toolbar { background: #eef3ff; border-color: #b8cbed; }
.course-practice .practice-submit, .course-practice .practice-reveal { background: #1755bc; border-color: #1755bc; }
.course-practice .practice-status { font-size: 13px; }
.course-practice .exercise { font-size: 15px; }
.course-practice canvas, .course-practice .cell-output img { max-width: 100%; height: auto; }
.course-practice .practice-answer pre { white-space: pre-wrap; }
@media (max-width: 600px) {
  .course-practice main.content { margin: 12px 0 40px; padding: 20px 16px; }
  .course-practice h1 { font-size: 26px; }
}