.course-goals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 26px 0; }
.course-goals article, .course-two-pass article { border: 1px solid var(--line2); border-radius: 16px; background: var(--panel); padding: 22px; }
.course-goals article > span, .course-two-pass article > span { color: var(--green); font: 800 11px var(--mono); letter-spacing: .11em; }
.course-goals h3, .course-two-pass h3 { margin-top: 14px; }
.course-goals p, .course-two-pass p { color: var(--body); font-size: 14px; line-height: 1.6; }
.course-goals b { color: var(--text); font-size: 13px; }
.course-launch { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 12px; padding: 18px 22px; border: 1px solid var(--red); border-radius: 14px; background: linear-gradient(110deg, #e11d2e23, var(--panel)); color: var(--text); text-decoration: none; }
.course-launch span { font: 650 13px var(--mono); color: var(--body); }
.course-launch strong { font: 750 17px var(--display); }
.course-launch:hover { background: #e11d2e2e; }
.course-checklist { border: 1px solid var(--line2); border-radius: 16px; padding: 24px; margin: 26px 0; background: var(--panel); }
.course-checklist ol { padding-left: 22px; margin-bottom: 0; }
.course-checklist li { padding: 7px 0; }
.course-two-pass { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 28px 0; }
.course-screenshot { margin: 28px 0; border: 1px solid var(--line2); border-radius: 16px; overflow: hidden; background: var(--panel); }
.course-screenshot img { display: block; width: 100%; height: auto; }
.course-screenshot figcaption { padding: 11px 16px; color: var(--muted); font-size: 12px; }
.course-drill { padding: 0; margin: 24px 0; list-style: none; border-top: 1px solid var(--line2); }
.course-drill li { display: grid; grid-template-columns: 95px 1fr; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--line2); }
.course-drill b { color: var(--green); font: 750 12px var(--mono); }
.course-drill span { color: var(--body); }
.course-faq { margin: 26px 0 36px; }
.course-faq details { padding: 16px 20px; border: 1px solid var(--line2); border-radius: 12px; background: var(--panel); margin-bottom: 9px; }
.course-faq summary { color: var(--text); font-weight: 700; cursor: pointer; }
.course-faq p { margin-bottom: 0; }
@media (max-width: 900px) { .course-goals { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .course-two-pass { grid-template-columns: 1fr; } .course-launch { align-items: flex-start; flex-direction: column; } .course-drill li { grid-template-columns: 1fr; gap: 3px; } }
@media print { .course-goals { grid-template-columns: 1fr 1fr; } .course-goals article, .course-two-pass article, .course-checklist, .course-screenshot { break-inside: avoid; } }