/* Keep the course identity in the header/cover instead of stacking title banners. */
.main-nav{flex-wrap:nowrap;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.main-nav button{flex:0 0 auto;padding:16px clamp(10px,1.35vw,21px);font-size:13px}
.main-nav button[aria-current=page]:after{left:14px;right:14px}
.page{padding-top:18px}
.breadcrumb{margin-bottom:14px}
.course-identity{padding:0 0 10px;margin:0 0 18px;gap:15px;line-height:1.6}
.course-identity>strong{font-size:16px;font-weight:600;color:#365875;letter-spacing:.3px}
.course-identity>span{border:0;padding:0;font-size:11px;color:#788fa4;line-height:1.6}
.hero-subject{font-size:19px;margin-top:12px;line-height:1.65}
.hero-copy{padding-top:26px;padding-bottom:24px}
.hero-copy h1{font-size:35px;line-height:1.4;margin:12px 0}
.hero-copy h1>span{font-size:26px}
.hero-actions{margin-top:20px}
.hero-bottom{margin-top:22px;padding-top:15px}
.rescue-hero{min-height:380px}
.ml-setup-guide{margin:0 0 22px;padding:15px 18px;border:1px solid #d9e5f0;background:#f7faff;border-radius:6px}
.ml-setup-guide h3{font-size:14px;color:#315b80;margin:0 0 9px}
.ml-setup-guide ol{padding-left:20px;margin:0;display:grid;gap:7px;color:#607991;font-size:12px;line-height:1.8}
.ml-setup-guide strong{font-weight:600;color:#365b7a}
@media(max-width:1100px){.main-nav button{padding:15px 12px;font-size:12px}.hero-subject{font-size:17px}.hero-copy h1{font-size:29px}.hero-copy h1>span{font-size:22px}}
@media(max-width:760px){.course-identity{margin-bottom:15px;padding-bottom:9px}.course-identity>strong{font-size:14px}.hero-subject{font-size:17px}.hero-copy{padding:23px}.hero-copy h1{font-size:28px}.hero-copy h1>span{font-size:20px}.main-nav button{padding:13px 14px}.page{padding-top:15px}.rescue-hero{min-height:unset}}
