.course-detail{max-width:1160px;margin:0 auto;padding:28px 24px 64px;color:#20334d}.detail-breadcrumb{font-size:13px;margin-bottom:24px;color:#627189;display:flex;gap:12px}.detail-breadcrumb a{color:#295fba}.detail-hero{background:#173575;color:#fff;padding:36px;border-radius:22px;display:grid;grid-template-columns:1.45fr 1fr;gap:32px;align-items:center;box-shadow:0 15px 45px #16345c12}.detail-hero img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:15px}.detail-hero .detail-kicker{font-size:11px;letter-spacing:.11em;color:#c6d9fa;font-weight:700;text-transform:uppercase;margin-bottom:14px}.detail-hero h1{font-size:clamp(25px,3.1vw,36px);font-weight:800;line-height:1.25;letter-spacing:-.025em;margin:0 0 22px;color:white}.detail-tags{display:flex;flex-wrap:wrap;gap:9px}.detail-tags span{border:1px solid #ffffff35;padding:6px 11px;border-radius:7px;font-size:12px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:25px;margin-top:26px;align-items:start}.detail-main{min-width:0;display:grid;gap:24px}.detail-panel{background:white;border:1px solid #dfe6f0;border-radius:17px;padding:29px}.detail-panel h2{font-size:23px;font-weight:750;line-height:1.3;color:#173575;letter-spacing:-.025em;margin:0 0 16px}.detail-panel p{font-size:14px;line-height:1.8;color:#53657b}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.detail-facts dt{font-size:10px;letter-spacing:.07em;color:#738199;text-transform:uppercase;font-weight:700;margin-bottom:5px}.detail-facts dd{font-size:13px;line-height:1.7;font-weight:550}.detail-topics{counter-reset:topic;list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:0}.detail-topics li{counter-increment:topic;display:grid;grid-template-columns:32px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid #edf1f7;font-size:14px;line-height:1.7}.detail-topics li:last-child{border-bottom:0;padding-bottom:0}.detail-topics li:before{content:counter(topic,decimal-leading-zero);width:30px;height:30px;background:#edf3ff;border-radius:8px;display:grid;place-items:center;font-size:11px;font-weight:750;color:#3266ba}.detail-panel .topic-intro{margin-top:-5px;margin-bottom:10px;color:#77879a;font-size:12px}.detail-project{background:#eef4ff;border-color:#d8e5fa}.detail-sidebar{position:sticky;top:112px}.detail-hours{display:flex;align-items:baseline;gap:10px;color:#173575;margin-bottom:16px}.detail-hours strong{font-size:54px;line-height:1;font-weight:800;letter-spacing:-.05em}.detail-hours span{font-size:14px;font-weight:650;line-height:1.4;max-width:110px}.detail-cta{display:block;background:#2862d5;color:white!important;text-align:center;text-decoration:none;border-radius:10px;padding:14px 18px;font-size:14px;font-weight:750;margin:20px 0 12px}.detail-cta:hover{background:#173575}.detail-secondary{display:block;text-align:center;font-size:12px;color:#3864a7;padding:8px}.detail-sidebar .detail-facts{grid-template-columns:1fr;gap:18px;padding-top:22px;border-top:1px solid #e5ecf6}.detail-sidebar .detail-panel{padding:24px}.detail-resolution{font-size:12px!important}.detail-resolution a{color:#2862d5;text-decoration:underline}.detail-back{display:inline-block;margin-top:28px;font-size:13px;color:#285caf}.detail-date-note{font-size:11px!important;margin-top:16px;color:#718099!important}.detail-error{padding:70px 24px;text-align:center}.detail-error h1{font-size:28px;color:#173575;font-weight:700}@media(max-width:800px){.course-detail{padding:20px 16px 40px}.detail-hero{grid-template-columns:1fr;padding:24px;gap:24px;border-radius:17px}.detail-hero h1{font-size:26px}.detail-hero img{max-height:230px;aspect-ratio:16/9}.detail-layout{grid-template-columns:1fr;margin-top:18px;gap:18px}.detail-sidebar{position:static;grid-row:1}.detail-sidebar .detail-facts{grid-template-columns:1fr 1fr;gap:15px}.detail-panel{padding:22px}.detail-panel h2{font-size:21px}.detail-facts{gap:19px;grid-template-columns:1fr}.detail-topics li{font-size:13px;gap:11px;padding:15px 0;grid-template-columns:30px 1fr}.detail-hero .detail-kicker{font-size:10px}.detail-tags span{font-size:11px}.detail-sidebar .detail-hours strong{font-size:44px}.detail-sidebar .detail-hours span{max-width:none}.detail-resolution{font-size:11px!important}}