.csg-reference-detail{width:100%;max-width:1440px;margin:auto;padding:28px clamp(16px,3vw,48px) 64px}.reference-course-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:48px;border:1px solid #ffffff14;background:radial-gradient(ellipse at 70% 0,#ef444410,transparent 60%),#0c0c0c;border-radius:20px;padding:46px;margin-top:18px}.reference-course-identity h1{font-size:clamp(32px,4.3vw,58px);font-weight:850;line-height:1.12;letter-spacing:-.045em;margin:20px 0 24px}.reference-course-tags{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.reference-course-tags span{font-size:11px;border:1px solid #ffffff20;padding:6px 10px;border-radius:6px;color:#ccc}.reference-enrollment{align-self:start;background:#090909;border:1px solid #ffffff16;border-radius:16px;padding:28px;text-align:center;display:flex;flex-direction:column;gap:15px}.reference-enrollment>strong{font-size:32px;line-height:1.2;color:white}.reference-enrollment .csg-primary-action,.reference-enrollment .csg-secondary-action{justify-content:center;width:100%}.reference-note{font-size:12px;color:#999;line-height:1.7}.reference-course-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:32px;margin-top:42px}.reference-course-main,.reference-course-side{min-width:0;display:flex;flex-direction:column;gap:28px}.reference-course-side>img{width:100%;height:auto;border-radius:16px}.reference-panel{border:1px solid #ffffff16;background:#0d0d0d;border-radius:16px;padding:28px}.reference-panel h2{font-size:26px;font-weight:750;margin-bottom:26px}.reference-panel h3{font-size:18px;font-weight:700;margin-bottom:20px}.reference-panel li,.reference-panel p{font-size:14px;color:#bbb;line-height:1.85}.reference-panel li{display:flex;gap:12px;margin-bottom:14px}.reference-panel li svg{color:#ef4444;flex-shrink:0;margin-top:6px}.reference-panel iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.reference-fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.reference-panel blockquote{margin-top:20px;border-top:1px solid #ffffff18;padding-top:20px;color:#aaa}.reference-includes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reference-panel .csg-module{border-radius:9px;box-shadow:none;margin-bottom:10px}.reference-panel .csg-module-title{font-size:14px}.reference-panel .csg-module button{padding:18px}.reference-panel .csg-module-description{padding:0 22px 20px}.csg-catalog-hero{text-align:center}.csg-catalog-hero .csg-catalog-intro,.csg-catalog-hero>p{margin-inline:auto}.csg-catalog-meta{justify-content:center}@media(max-width:767px){.csg-reference-detail{padding:20px 16px 48px}.reference-course-hero{grid-template-columns:1fr;padding:26px 20px;gap:28px}.reference-course-identity{text-align:center}.reference-course-identity h1{font-size:34px}.csg-detail-facts,.reference-course-tags{justify-content:center}.reference-course-body{grid-template-columns:1fr}.reference-course-side{display:contents}.reference-fit-grid,.reference-includes{grid-template-columns:1fr}.reference-panel{padding:22px}.reference-panel h2{font-size:24px}.csg-catalog-hero h1{font-size:clamp(21px,6.1vw,38px);letter-spacing:-.045em;text-align:center}.csg-catalog-hero h1>span{white-space:nowrap;display:block}.csg-catalog-hero{text-align:center}}.reference-course-hero{grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);gap:32px;padding:32px}.reference-course-cover{display:block;width:100%;height:auto;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:12px}.reference-enrollment{padding:20px}.reference-enrollment .csg-primary-action:disabled{opacity:.6;cursor:not-allowed}.reference-course-body{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}@media(max-width:767px){.reference-course-body,.reference-course-hero{grid-template-columns:1fr}.reference-course-hero{padding:24px 18px}.reference-course-cover{aspect-ratio:16/10}}.reference-enrollment .reference-course-cover{order:2;margin-top:8px}.reference-course-identity,.reference-enrollment{min-width:0}.reference-course-identity h1{overflow-wrap:anywhere}@media(max-width:767px){.reference-course-hero{gap:20px}.reference-course-identity h1{margin:12px 0 16px}.reference-course-tags{margin:16px 0}.reference-enrollment{width:100%}}