.course-detail-page{--course-bg:#f3f5f2;--course-surface:#ffffff;--course-surface-muted:#f7f8f6;--course-text:#1e2522;--course-muted:#5f6d67;--course-border:#dfe5e0;--course-accent:#4f6c60;--course-accent-strong:#4f6c60;--course-accent-soft:#e8efea;--course-shadow:0 14px 36px rgba(16,24,40,0.06);min-height:100vh;padding:34px 0 72px;background:var(--course-bg);color:var(--course-text)}html.dark-mode .course-detail-page,body.dark-mode .course-detail-page{--course-bg:#141513;--course-surface:#1d1f1c;--course-surface-muted:#181a17;--course-text:#f3f1eb;--course-muted:#b9b6ad;--course-border:#33352f;--course-accent:#8fb7a7;--course-accent-strong:#b8d2c6;--course-accent-soft:#2a2d28;--course-shadow:0 18px 42px rgba(0,0,0,0.32)}.course-detail-shell{width:min(100% - 48px,1760px);margin:0 auto}.course-detail-breadcrumb{margin-bottom:24px}.course-detail-breadcrumb .breadcrumb{margin:0;padding:0;background:transparent;font-size:0.9rem}.course-detail-breadcrumb a{color:var(--course-accent);text-decoration:none}.course-detail-breadcrumb a:hover{text-decoration:underline}.course-detail-breadcrumb .active{color:var(--course-muted);max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-detail-breadcrumb .breadcrumb-item + .breadcrumb-item::before{content:"›";color:var(--course-muted)}.course-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:22px;align-items:stretch;margin-bottom:22px}.course-hero-copy,.course-summary-card,.course-content-panel,.course-curriculum-panel,.course-side-card,.related-course-card{border:1px solid var(--course-border);border-radius:10px;background:var(--course-surface);box-shadow:var(--course-shadow)}.course-hero-copy{padding:34px}.course-detail-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--course-accent);font-size:0.82rem;font-weight:850;letter-spacing:0.04em;text-transform:uppercase}.course-hero-copy h1{max-width:980px;margin:0;color:var(--course-text);font-size:clamp(2.2rem,4vw,4.25rem);line-height:1.06;font-weight:850;letter-spacing:0}.course-hero-copy p{max-width:860px;margin:18px 0 0;color:var(--course-muted);font-size:1.03rem;line-height:1.82}.course-detail-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.course-detail-meta span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--course-border);border-radius:999px;background:var(--course-surface-muted);color:var(--course-muted);font-size:0.88rem;font-weight:800}.course-detail-meta i{color:var(--course-accent)}.course-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.course-primary-action,.course-secondary-action,.course-side-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:999px;font-weight:850;text-decoration:none;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease,transform 0.2s ease}.course-primary-action,.course-side-button{border:1px solid var(--course-accent);background:var(--course-accent);color:#ffffff}.course-primary-action:hover,.course-side-button:hover{background:var(--course-accent-strong);border-color:var(--course-accent-strong);color:#ffffff;text-decoration:none;transform:translateY(-1px)}.course-secondary-action{border:1px solid var(--course-border);background:var(--course-surface-muted);color:var(--course-accent-strong)}.course-secondary-action:hover{border-color:var(--course-accent);color:var(--course-accent-strong);text-decoration:none}.course-summary-card{overflow:hidden}.course-summary-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--course-surface-muted)}.course-summary-media img{width:100%;height:100%;object-fit:cover}.course-summary-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(79,108,96,0.14),rgba(79,108,96,0.03)),var(--course-surface-muted);color:var(--course-accent);font-size:3.2rem}.course-play-button{position:absolute;inset:0;width:68px;height:68px;margin:auto;border:0;border-radius:50%;background:rgba(255,255,255,0.9);color:#31473d;font-size:2rem;box-shadow:0 14px 38px rgba(16,24,40,0.18);cursor:pointer}html.dark-mode .course-play-button,body.dark-mode .course-play-button{background:rgba(29,31,28,0.9);color:var(--course-accent-strong)}.course-summary-body{padding:22px}.course-price-block{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}.course-price-block strong{color:var(--course-text);font-size:2rem;line-height:1}.course-price-block del{color:var(--course-muted)}.course-summary-list{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--course-border)}.course-summary-list span{display:flex;gap:10px;color:var(--course-muted);line-height:1.5}.course-summary-list i{color:var(--course-accent)}.course-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.course-main-stack,.course-side-stack{display:grid;gap:16px}.course-content-panel,.course-curriculum-panel,.course-side-card{padding:24px}.course-content-panel h2,.course-curriculum-panel h2,.course-side-card h2,.related-course-header h2{margin:0;color:var(--course-text);font-size:1.25rem;font-weight:850}.course-rich-text{margin-top:16px;color:var(--course-muted);line-height:1.85}.course-rich-text p:last-child{margin-bottom:0}.course-rich-text h1,.course-rich-text h2,.course-rich-text h3,.course-rich-text h4{color:var(--course-text);margin-top:1.4em;margin-bottom:0.6em;font-weight:850}.course-rich-text a{color:var(--course-accent-strong);text-decoration:underline;text-underline-offset:4px}.curriculum-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.curriculum-header span{color:var(--course-muted);font-weight:800}.curriculum-list{display:grid;gap:10px}.curriculum-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--course-border);border-radius:10px;background:var(--course-surface-muted);color:inherit;text-decoration:none;transition:border-color 0.2s ease,transform 0.2s ease}.curriculum-item:hover{border-color:var(--course-accent);color:inherit;text-decoration:none;transform:translateY(-1px)}.curriculum-number{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--course-accent-soft);color:var(--course-accent-strong);font-weight:850}.curriculum-copy{min-width:0}.curriculum-copy strong,.course-instructor strong{display:block;color:var(--course-text);font-weight:850}.curriculum-copy small{display:block;margin-top:4px;color:var(--course-muted);line-height:1.6}.curriculum-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:var(--course-muted);font-size:0.84rem;font-weight:800}.curriculum-meta>span{display:inline-flex;align-items:center;gap:5px}.curriculum-meta .completed{color:var(--course-accent-strong)}.curriculum-empty{padding:36px 20px;border:1px dashed var(--course-border);border-radius:10px;color:var(--course-muted);text-align:center}.curriculum-empty i{display:block;margin-bottom:8px;color:var(--course-accent);font-size:2rem}.course-side-stack{position:sticky;top:96px}.course-instructor{display:flex;align-items:center;gap:12px;margin-top:16px}.course-avatar{width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:50%;background:var(--course-accent-soft);color:var(--course-accent-strong)}.course-avatar img{width:100%;height:100%;object-fit:cover}.course-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:850}.course-instructor a,.course-instructor span{display:block;margin-top:4px;color:var(--course-muted);font-size:0.9rem;text-decoration:none}.course-instructor a:hover{color:var(--course-accent-strong);text-decoration:underline}.side-stat{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--course-border);color:var(--course-muted)}.side-stat strong{color:var(--course-text)}.course-side-button{width:100%;margin-top:18px}.related-course-section{margin-top:22px}.related-course-header{margin-bottom:14px}.related-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-course-card{overflow:hidden}.related-course-card>a{display:block;aspect-ratio:16 / 9;background:var(--course-surface-muted);color:var(--course-accent);overflow:hidden}.related-course-card img{width:100%;height:100%;object-fit:cover}.related-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.4rem}.related-course-card div{padding:18px}.related-course-card h3{margin:0;color:var(--course-text);font-size:1rem;font-weight:850;line-height:1.4}.related-course-card h3 a{color:inherit;text-decoration:none}.related-course-card h3 a:hover{color:var(--course-accent-strong);text-decoration:underline}.related-course-card p{margin:8px 0 0;color:var(--course-muted);line-height:1.6}.course-video-modal{position:relative;overflow:hidden;border:1px solid var(--course-border);border-radius:10px;background:#000000}.course-video-modal .btn-close{position:absolute;top:12px;right:12px;z-index:2;background-color:#ffffff;border-radius:50%}.course-video-frame{aspect-ratio:16 / 9}.course-video-frame iframe{width:100%;height:100%;border:0}@media (max-width:1180px){.course-detail-hero,.course-detail-layout{grid-template-columns:1fr}.course-side-stack{position:static}}@media (max-width:780px){.course-detail-page{padding-top:22px}.course-detail-shell{width:min(100% - 28px,1760px)}.course-hero-copy,.course-summary-body,.course-content-panel,.course-curriculum-panel,.course-side-card{padding:20px}.curriculum-header,.course-card-footer{align-items:flex-start;flex-direction:column}.curriculum-item{grid-template-columns:auto minmax(0,1fr)}.curriculum-meta{grid-column:2;justify-content:flex-start}.related-course-grid{grid-template-columns:1fr}}.content-core-links{--content-core-bg:#f8faf9;--content-core-surface:#ffffff;--content-core-border:#cbd5d1;--content-core-text:#17231f;--content-core-muted:#5d6b66;--content-core-accent:#2f6e54;background:var(--content-core-bg);border:1px solid var(--content-core-border);color:var(--content-core-text);margin:48px 0 0}html.dark-mode .content-core-links,body.dark-mode .content-core-links{--content-core-bg:#1b2320;--content-core-surface:#202a26;--content-core-border:#46544f;--content-core-text:#f0f7f4;--content-core-muted:#bac8c2;--content-core-accent:#9bcbb6}.content-core-links__header{border-bottom:1px solid var(--content-core-border);padding:28px 30px 26px}.content-core-links__eyebrow{color:var(--content-core-accent);font-size:0.75rem;font-weight:700;letter-spacing:0.1em;line-height:1.4;margin:0 0 10px;text-transform:uppercase}.content-core-links h2{color:var(--content-core-text);font-size:clamp(1.45rem,2.5vw,2rem);font-weight:700;line-height:1.2;margin:0}.content-core-links__intro{color:var(--content-core-muted);line-height:1.65;margin:12px 0 0;max-width:760px}.content-core-links__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.content-core-links__group{background:var(--content-core-surface);min-width:0;padding:24px 26px 26px}.content-core-links__group + .content-core-links__group{border-left:1px solid var(--content-core-border)}.content-core-links__group h3{color:var(--content-core-text);font-size:0.98rem;font-weight:700;line-height:1.35;margin:0 0 15px}.content-core-links__group p{color:var(--content-core-muted);line-height:1.55;margin:0 0 12px}.content-core-links__list{list-style:none;margin:0;padding:0}.content-core-links__list li + li{border-top:1px solid var(--content-core-border)}.content-core-links a{color:var(--content-core-accent);display:inline-block;font-weight:600;line-height:1.45;overflow-wrap:anywhere;padding:8px 0;text-decoration:none;text-underline-offset:0.2em}.content-core-links a:hover{text-decoration:underline}.content-core-links a:focus-visible{border-radius:2px;outline:3px solid var(--content-core-accent);outline-offset:3px}@media (max-width:767.98px){.content-core-links{margin-top:40px}.content-core-links__header{padding:24px 22px 22px}.content-core-links__grid{grid-template-columns:1fr}.content-core-links__group{padding:22px}.content-core-links__group + .content-core-links__group{border-left:0;border-top:1px solid var(--content-core-border)}}