.course-detail{padding-top:150px;padding-bottom:64px}
.course-detail .eyebrow{font-size:.8rem;letter-spacing:.12em}
.course-detail h1{font-size:clamp(2rem,4.4vw,3.5rem);line-height:1.12;max-width:20ch;margin:16px 0 24px;overflow-wrap:anywhere}
.course-detail h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;margin:12px 0 22px}
.course-detail p,.detail-copy,.detail-topics{font-size:1rem;line-height:1.8}
.detail-back{display:inline-block;color:var(--gold);font-size:.9rem;margin-bottom:28px}
.detail-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding-bottom:56px;border-bottom:1px solid var(--line)}
.detail-tagline{color:var(--text-dim);margin-bottom:28px}
.detail-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--line)}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start;padding-top:48px}
.detail-main section{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line)}
.detail-copy{white-space:normal;overflow-wrap:anywhere;color:var(--text-dim)}
.detail-topics{list-style:none;padding:0;counter-reset:topic;display:grid;gap:12px}
.detail-topics li{counter-increment:topic;display:flex;gap:16px;padding:18px 20px;background:var(--bg-card);border:1px solid var(--line);border-radius:10px}
.detail-topics li::before{content:counter(topic,decimal-leading-zero);color:var(--gold);font-weight:600;flex:none}
.detail-next{position:sticky;top:140px;background:var(--bg-card);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:28px;scroll-margin-top:150px}
.detail-next .btn{width:100%;white-space:normal;text-align:center;margin-bottom:12px;font-size:.875rem}
.detail-next .detail-note{font-size:.875rem;line-height:1.6;margin:12px 0 24px;color:var(--text-faint)}
.detail-next .detail-back{margin:0}
@media(max-width:900px){.detail-intro,.detail-layout{grid-template-columns:1fr;gap:32px}.detail-next{position:static}.detail-image{max-height:420px}.course-detail{padding-top:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}