/* Public course detail page only. Header/footer remain the shared site components. */
body.hm-public-course-detail{margin:0;background:#f5f7fb;color:#172033}.hm-course-detail-shell{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
.hm-course-detail-shell{width:min(1160px,calc(100% - 36px));margin:24px auto 58px}
.hm-course-breadcrumb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 15px;color:#738095;font-size:12px;font-weight:700}
.hm-course-breadcrumb a{color:#344c6c;text-decoration:none}.hm-course-breadcrumb a:hover{color:#987019}
.hm-course-detail-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:24px;align-items:center;padding:clamp(22px,4vw,42px);border-radius:22px;background:linear-gradient(130deg,#101d34,#203f68);color:#fff;border-bottom:4px solid #e2b84f;box-shadow:0 16px 42px rgba(16,29,52,.12)}
.hm-course-kicker{display:inline-block;color:#f1ce72;font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}
.hm-course-hero-copy h1{font-size:clamp(28px,4vw,46px);line-height:1.12;letter-spacing:-.8px;margin:10px 0 14px;overflow-wrap:anywhere}
.hm-course-hero-copy>p{color:#e3ebf6;font-size:15px;line-height:1.8;margin:0}
.hm-course-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.hm-course-meta span{padding:6px 10px;border:1px solid #ffffff38;background:#ffffff12;border-radius:99px;color:#fff;font-size:11px;font-weight:750}
.hm-course-provider{color:#dce6f3;font-size:12px}.hm-course-provider b{color:#fff}
.hm-course-cover{display:block;width:100%;max-height:290px;aspect-ratio:16/10;object-fit:cover;border-radius:15px;box-shadow:0 16px 35px #0004}
.hm-course-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:20px;align-items:start;margin-top:20px}
.hm-course-main{min-width:0}.hm-course-panel{background:#fff;border:1px solid #e3e9f1;border-radius:16px;padding:clamp(18px,3vw,26px);margin-bottom:18px;box-shadow:0 9px 28px rgba(16,29,52,.045);min-width:0}
.hm-course-panel h2{margin:0 0 14px;color:#101d34;font-size:20px}.hm-course-panel h3{margin:22px 0 8px;color:#203d63;font-size:15px}.hm-course-prose{color:#536176;line-height:1.9;overflow-wrap:anywhere}
.hm-course-section{border:1px solid #e8edf4;border-radius:11px;margin:10px 0;overflow:hidden}.hm-course-section summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;background:#f8fafc;cursor:pointer;color:#1a2e4a}.hm-course-section summary span{font-size:11px;color:#748196;white-space:nowrap}.hm-course-lesson{display:flex;justify-content:space-between;gap:12px;padding:10px 15px;border-top:1px solid #edf0f4;font-size:13px}.hm-course-lesson small{color:#78869a;white-space:nowrap}.hm-course-muted{color:#6c7a8f;font-size:13px;line-height:1.7}
.hm-course-side{position:sticky;top:22px}.hm-course-price-label{color:#7e8a9c;font-size:10px;font-weight:900;letter-spacing:1.3px}.hm-course-price{font-size:30px;font-weight:900;color:#101d34;margin:5px 0 10px}.hm-course-buy-btn{display:flex;justify-content:center;align-items:center;padding:13px 16px;background:#e2b84f;color:#101d34;border-radius:10px;font-weight:900;text-decoration:none;margin:16px 0}.hm-course-buy-btn:hover{background:#f0cf72;text-decoration:none}
@media(max-width:820px){.hm-course-detail-grid{grid-template-columns:1fr}.hm-course-side{position:static}.hm-course-detail-hero{grid-template-columns:1fr}.hm-course-cover{max-height:240px}}
@media(max-width:520px){.hm-course-detail-shell{width:calc(100% - 22px);margin:14px auto 36px}.hm-course-detail-hero{padding:19px;border-radius:16px}.hm-course-hero-copy h1{font-size:30px}.hm-course-panel{padding:16px}.hm-course-lesson{display:block}.hm-course-lesson small{display:block;margin-top:3px}.hm-course-meta{gap:6px}}