/* Original dark course design; only the course summary sidebar is added. */
.course-summary-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.course-summary-content{min-width:0}
.course-with-summary>.shop-poster{margin-bottom:36px}
.course-with-summary>.shop-poster .course-poster{width:100%;display:block;border-radius:12px}
.course-with-summary>.shop-poster p{font-size:16px;color:#e2e2e8;margin:16px 0}
.course-with-summary .class-summary{position:sticky;top:96px;padding:28px;border:1px solid #fff;border-radius:16px;background:#131316;color:#f4f4f5}
.course-with-summary .class-category{font-size:14px;line-height:1.7;font-weight:700;color:#f3d580}
.course-with-summary .class-summary h2{font-size:25px;line-height:1.45;letter-spacing:-.04em;margin:16px 0 12px;word-break:keep-all;color:#f4f4f5}
.course-with-summary .class-summary-tagline{font-size:16px;line-height:1.7;color:#d4d4dc;margin:0 0 24px}
.course-with-summary .class-summary dl{margin:0;padding:20px 0;border-block:1px solid #55555f}
.course-with-summary .class-summary dl>div{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px;font-size:15px;line-height:1.6}
.course-with-summary .class-summary dl>div:last-child{margin:0}
.course-with-summary .class-summary dt{color:#d4d4dc;flex-shrink:0}
.course-with-summary .class-summary dd{margin:0;text-align:right;font-weight:600;color:#f4f4f5}
.course-with-summary .class-fee{font-size:34px;font-weight:800;letter-spacing:-.04em;margin:22px 0 16px;color:#f3d580}
.course-with-summary .class-fee span{font-size:20px;margin-left:5px}
.course-with-summary .class-primary{display:block;padding:15px 12px;text-align:center;background:var(--accent);color:white;border-radius:8px;font-size:16px;font-weight:700;line-height:1.6}
.course-with-summary .class-primary:hover{background:var(--accent-hover)}
.course-with-summary .class-secondary{display:block;text-align:center;font-size:15px;font-weight:600;color:#f3d580;margin-top:20px;text-decoration:underline;text-underline-offset:5px}
.course-with-summary .class-summary-notice{font-size:15px;line-height:1.8;color:#d4d4dc;margin:16px 0 0}
.course-with-summary .class-summary a:focus-visible{outline:3px solid #f3d580;outline-offset:4px}
.course-with-summary #course-paid .consulting-hero{display:block}
.course-with-summary #course-paid .course-meta{grid-template-columns:1fr}
.course-with-summary #course-paid .shop-schedule{grid-template-columns:1fr}
.course-with-summary #course-paid .shop-flow ol{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.course-summary-layout{gap:28px;grid-template-columns:minmax(0,1fr) 310px}.course-with-summary .class-summary{padding:22px}}
@media(max-width:980px){.course-summary-layout{grid-template-columns:1fr}.course-with-summary .class-summary{position:static;grid-row:1}.course-with-summary .class-summary dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-with-summary .class-summary dl>div{margin:0}}
@media(min-width:1100px){.chat-docked .course-summary-layout{grid-template-columns:1fr}.chat-docked .course-with-summary .class-summary{position:static;grid-row:1}}
@media(max-width:600px){.course-with-summary .class-summary{padding:22px}.course-with-summary .class-summary h2{font-size:24px}.course-with-summary .class-summary dl{grid-template-columns:1fr}.course-with-summary #course-paid .two-col{grid-template-columns:1fr}.course-with-summary #course-paid .shop-flow ol{grid-template-columns:1fr}}

/* Section navigation stays directly below the actual shared header. */
.course-with-summary .course-sticky-nav{position:sticky;top:var(--course-header-height,72px);z-index:20;display:flex;gap:24px;padding:16px 0;margin-bottom:28px;background:#0a0a0b;border-bottom:1px solid #55555f;overflow-x:auto;white-space:nowrap}
.course-with-summary .course-sticky-nav a{display:inline-flex;align-items:center;min-height:40px;padding:6px 0;border-bottom:2px solid transparent;color:#d4d4dc;font-size:16px;font-weight:700;line-height:1.6;text-decoration:none}
.course-with-summary .course-sticky-nav a:hover,.course-with-summary .course-sticky-nav a[aria-current=location]{color:#f3d580;border-bottom-color:#f3d580}
.course-with-summary .course-sticky-nav a:focus-visible{outline:2px solid #f3d580;outline-offset:3px}
.course-with-summary .course-summary-content [id]{scroll-margin-top:calc(var(--course-header-height,72px) + var(--course-nav-height,74px) + 24px)}
.course-with-summary .class-summary{top:calc(var(--course-header-height,72px) + 24px)}
@media(max-width:600px){.course-with-summary .course-sticky-nav{gap:20px;padding:12px 0}.course-with-summary .course-sticky-nav a{font-size:15px}}