.course-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px 30px;padding:20px 22px;border:1px solid #d7e6f4;border-radius:14px;background:linear-gradient(115deg,#ecf5fc,#f9fbf6)}
.course-intro-copy{display:flex;flex-direction:column;gap:5px;color:#1c3b67}
.course-intro-copy strong{font:28px/1.15 var(--serif);letter-spacing:-.025em}
.course-intro-copy small{font-size:14px;color:#5a6f86}
.course-intro .primary{flex:none;padding:12px 17px;border-radius:10px;font-size:14px;gap:9px}
.main-area:has(.course-intro):after{display:none}
.course-sequence{margin:19px 0 15px 30px;color:#708199;font-size:13px;font-weight:650;letter-spacing:.03em}
.course-grid .course-card{height:100%;text-decoration:none}
.course-grid .mission-image{position:relative;background-color:#d9e5e5}
.course-number{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:6px;background:#152f52cc;color:#fff;font-size:11px;font-weight:750;letter-spacing:.06em}
.course-grid .mission-copy{flex:1;min-height:135px}
.course-grid .mission-copy strong{font:23px/1.18 var(--serif);word-break:keep-all}
.course-grid .mission-copy small:after{display:none}
.course-grid .mission-card:first-child{border:1px solid #e0e3e6}
@media(max-width:900px){.course-intro{margin-left:0}.course-sequence{margin-left:0}}
@media(max-width:620px){.course-intro{align-items:stretch;flex-direction:column;gap:14px;padding:17px}.course-intro-copy strong{font-size:24px}.course-intro .primary{width:100%}.course-grid .mission-image{height:200px}}