.lesson-layout,.course-layout,.courses-archive{--courses-surface-bg:#fff;--courses-surface-border:rgba(15,23,42,0.1);--courses-surface-shadow:0 18px 40px rgba(15,23,42,0.06);--courses-surface-radius:14px;--courses-muted:rgba(15,23,42,0.6);--courses-muted-soft:rgba(15,23,42,0.08)}.lesson-layout,.course-layout{padding-block:0.25rem}.lesson-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:0.25rem;list-style:none;margin:0 0 1.8125rem;padding:0;font-size:13px}.lesson-breadcrumb li{display:flex;align-items:center;gap:0.25rem;margin:0}.lesson-breadcrumb li+li::before{content:"/";color:rgba(0,0,0,0.25)}.lesson-breadcrumb a{color:inherit;text-decoration:none;opacity:0.6}.lesson-breadcrumb a:hover{color:#C0392B;opacity:1}.lesson-breadcrumb [aria-current]{opacity:0.6}.lesson-main,.course-main{min-width:0}.lesson-columns{display:grid;grid-template-columns:1fr 280px;gap:3.625rem;align-items:start}.course-columns{display:grid;grid-template-columns:1fr 300px;gap:3.625rem;align-items:start;margin-block-start:1.8125rem}.lesson-header,.lesson-video,.lesson-content,.lesson-comments,.lesson-sidebar-panel,.course-header,.course-image,.course-section,.course-overview-card,.course-chapter-nav,.courses-card{background:var(--courses-surface-bg);border:1px solid var(--courses-surface-border);border-radius:var(--courses-surface-radius);box-shadow:var(--courses-surface-shadow)}.lesson-header{margin-block-end:1.8125rem;padding:1.8125rem}.lesson-title{margin-block-end:0.625rem}.lesson-header-meta{align-items:flex-end;display:flex;flex-wrap:wrap;gap:0.9375rem;justify-content:space-between}.lesson-meta.byline,.course-meta.byline,.courses-card-meta,.lesson-shortcuts-list{align-items:center;display:flex;flex-wrap:wrap;gap:0.5rem}.lesson-meta .byline-item,.course-meta .byline-item,.courses-card-meta>span{background:rgba(255,255,255,0.92);border:1px solid rgba(15,23,42,0.08);border-radius:999px;color:var(--courses-muted);display:inline-flex;align-items:center;gap:0.25rem;padding:0.375rem 0.625rem}.lesson-shortcuts{display:flex;flex-direction:column;gap:0.375rem}.lesson-shortcuts-label{display:block}.lesson-shortcuts-list{list-style:none;margin:0;padding:0}.lesson-shortcuts-list li{align-items:center;background:rgba(15,23,42,0.03);border:1px solid rgba(15,23,42,0.07);border-radius:999px;display:inline-flex;gap:0.375rem;padding:0.3125rem 0.5rem}.lesson-shortcuts kbd{background:rgba(15,23,42,0.92);border-radius:8px;color:#fff;display:inline-flex;font-family:inherit;font-size:11px;font-weight:700;justify-content:center;line-height:1;min-width:34px;padding:0.375rem 0.5rem}.lesson-video{margin-block-end:1.8125rem;overflow:hidden}.lesson-video iframe{aspect-ratio:16 / 9;border:0;display:block;height:auto;width:100%}.lesson-content{padding:1.8125rem}.lesson-content>*:last-child{margin-bottom:0}.lesson-progress{margin-block-end:0.9375rem}.lesson-progress-label{display:flex;align-items:baseline;justify-content:space-between;gap:0.25rem;margin-block-end:0.375rem;color:var(--courses-muted)}.lesson-progress-pct{font-weight:600;color:#C0392B}.lesson-progress-bar{background:rgba(15,23,42,0.08);border-radius:99px;height:8px;overflow:hidden}.lesson-progress-fill{background:#C0392B;border-radius:99px;height:100%;transition:width 0.3s}.lesson-prev-next{display:flex;gap:1.8125rem;justify-content:space-between;margin-block-start:1.8125rem}.lesson-nav-link{background:var(--courses-surface-bg);border:1px solid var(--courses-surface-border);border-radius:var(--courses-surface-radius);box-shadow:var(--courses-surface-shadow);color:inherit;display:flex;flex:1;flex-direction:column;gap:0.25rem;padding:0.9375rem;text-decoration:none;transition:transform 0.18s ease-out,border-color 0.18s ease-out,box-shadow 0.18s ease-out}.lesson-nav-link:hover{border-color:#C0392B;box-shadow:0 18px 36px rgba(15,23,42,0.1);transform:translateY(-2px)}.lesson-nav-next{text-align:right;align-items:flex-end}.lesson-nav-chapter{display:block}.lesson-comments{margin-block-start:3.625rem;padding:1.8125rem}.lesson-sidebar-inner{position:sticky;top:calc(var(--header-height,60px)+1.8125rem)}.lesson-sidebar-panel{padding:0.9375rem}.courses-sidebar-filter{background:rgba(15,23,42,0.03);border:1px solid rgba(15,23,42,0.12);border-radius:10px;box-sizing:border-box;font-size:13px;margin-block-end:0.9375rem;padding:0.375rem 0.9375rem;width:100%}.courses-sidebar-filter:focus{border-color:#C0392B;box-shadow:0 0 0 3px rgba(15,23,42,0.08);outline:none}.courses-sidebar-nav{margin-block-end:1.8125rem}.courses-nav-course-link{color:inherit;display:block;font-size:14px;font-weight:700;margin-block-end:0.9375rem;text-decoration:none}.courses-nav-course-link:hover{color:#C0392B}.courses-nav-group+.courses-nav-group{margin-block-start:0.625rem;padding-block-start:0.625rem;border-top:1px solid var(--courses-muted-soft)}.courses-nav-heading{align-items:center;background:rgba(15,23,42,0.03);border:1px solid rgba(15,23,42,0.06);border-radius:10px;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:0.25rem;justify-content:space-between;letter-spacing:0.5px;margin-block-end:0.375rem;padding:0.5rem 0.625rem;text-align:left;text-transform:uppercase;width:100%}.courses-nav-heading:hover{color:#C0392B}.courses-nav-chevron{font-size:10px;transition:transform 0.15s}.courses-nav-heading[aria-expanded="false"] .courses-nav-chevron{transform:rotate(-90deg)}.courses-nav-group:first-child .courses-nav-heading{padding-top:0}.courses-nav-list{list-style:none;margin:0;padding:0}.courses-nav-list[hidden]{display:none}.courses-nav-item{margin:0}.courses-nav-item a{align-items:center;border:1px solid transparent;border-radius:10px;color:inherit;display:flex;font-size:14px;gap:0.375rem;justify-content:space-between;line-height:1.4;padding:0.5rem 0.625rem;text-decoration:none;transition:border-color 0.15s,background-color 0.15s,color 0.15s,transform 0.15s ease-out}.courses-nav-item a:hover{background:rgba(15,23,42,0.03);border-color:rgba(15,23,42,0.1);color:#C0392B;transform:translateY(-1px)}.courses-nav-item.is-active a{background:rgba(15,23,42,0.04);border-color:rgba(15,23,42,0.08);color:#C0392B;font-weight:600}.courses-nav-item-duration{color:var(--courses-muted);flex-shrink:0;font-size:12px}.course-header{margin-block-end:0.9375rem;padding:1.8125rem}.course-header .headline{margin-block-end:0.9375rem}.course-header .courses-description>*:last-child{margin-bottom:0}.course-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.9375rem;margin-block-end:0.9375rem}.courses-difficulty{text-transform:uppercase;font-size:11px;letter-spacing:0.5px}.course-image{margin-block-end:1.8125rem;overflow:hidden}.course-image img{width:100%;height:auto}.course-section{margin-block-end:1.8125rem;padding:1.8125rem}.course-section-title{margin-block-end:0.9375rem}.courses-outcomes-list{list-style:none;margin:0;padding:0}.courses-outcomes-list li{padding:0.375rem 0;padding-inline-start:1.8125rem;position:relative}.courses-outcomes-list li::before{content:"\2713";color:#C0392B;font-weight:700;position:absolute;inset-inline-start:0}.courses-outcomes-list li+li{border-top:1px solid var(--courses-muted-soft)}.courses-instructor-card{display:flex;align-items:flex-start;gap:0.9375rem}.courses-instructor-avatar{border-radius:50%;flex-shrink:0}.courses-instructor-bio{margin-block-start:0.25rem}.courses-chapter{padding-block-end:0.9375rem}.courses-chapter.has-border-bottom{margin-block-end:0.9375rem;padding-block-end:1.8125rem;border-bottom:1px solid var(--courses-muted-soft)}.courses-chapter-title{display:flex;align-items:baseline;gap:0.9375rem;font-size:16px;font-weight:700;margin-block-end:0.375rem}.courses-chapter-title a{color:inherit;text-decoration:none}.courses-chapter-title a:hover{color:#C0392B}.courses-chapter-desc{margin-block-end:0.9375rem}.courses-lesson-list{list-style:none;margin:0 0 0.9375rem;padding:0;counter-reset:lesson}.courses-lesson-list-item{counter-increment:lesson;margin:0}.courses-lesson-list-item a{align-items:center;background:rgba(15,23,42,0.02);border:1px solid transparent;border-radius:12px;color:inherit;display:flex;font-size:14px;gap:0.9375rem;line-height:1.4;padding:0.5rem 0.9375rem;text-decoration:none;transition:border-color 0.15s,background-color 0.15s,color 0.15s,transform 0.15s ease-out}.courses-lesson-list-item a:hover{background:rgba(15,23,42,0.04);border-color:rgba(15,23,42,0.1);color:#C0392B;transform:translateY(-1px)}.courses-lesson-list-item a::before{content:counter(lesson) ".";color:var(--courses-muted);flex-shrink:0;font-size:13px;min-width:20px}.courses-lesson-title{flex:1}.courses-lesson-duration{flex-shrink:0}.courses-badge-free{background-color:rgba(34,197,94,0.1);color:#16a34a;flex-shrink:0;font-size:11px}.courses-badge-soon{background-color:rgba(234,179,8,0.1);color:#a16207;font-size:11px}.course-sidebar{position:relative}.course-sidebar>*:first-child{position:sticky;top:calc(var(--header-height,60px)+1.8125rem)}.course-overview-card{padding:1.8125rem}.course-overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:0.9375rem;margin:0 0 1.8125rem}.course-stat{display:flex;flex-direction:column;gap:0.125rem}.course-stat dt{order:1}.course-stat dd{margin:0;order:2}.course-start-btn{background:#C0392B;border:none;border-radius:12px;color:#fff;display:block;font-size:14px;font-weight:600;padding:0.625rem 1.8125rem;text-align:center;text-decoration:none;transition:opacity 0.2s;width:100%;box-sizing:border-box}.course-start-btn:hover{opacity:0.9;color:#fff}.course-chapter-nav{margin-block-start:1.8125rem;padding:0.9375rem}.course-chapter-nav-title{margin-block-end:0.375rem}.course-chapter-nav-list{list-style:none;margin:0;padding:0}.course-chapter-nav-list li{margin:0}.course-chapter-nav-list a{color:inherit;display:flex;justify-content:space-between;gap:0.375rem;padding:0.5rem 0.375rem;text-decoration:none;border-bottom:1px solid var(--courses-muted-soft);border-radius:10px;transition:background-color 0.15s,color 0.15s}.course-chapter-nav-list li:last-child a{border-bottom:none}.course-chapter-nav-list a:hover{background:rgba(15,23,42,0.03);color:#C0392B}.courses-card{overflow:hidden;transition:transform 0.18s ease-out,box-shadow 0.18s ease-out,border-color 0.18s ease-out;height:100%;display:flex;flex-direction:column}.courses-card:hover{border-color:rgba(15,23,42,0.14);box-shadow:0 22px 42px rgba(15,23,42,0.1);transform:translateY(-2px)}.courses-card-image img{aspect-ratio:16 / 9;display:block;object-fit:cover;width:100%}.courses-card-body{display:flex;flex-direction:column;flex:1;padding:1.8125rem}.courses-card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:0.375rem;margin-block-end:0.375rem}.courses-card-badges .badge{display:inline-flex;max-width:100%;width:auto}.courses-card-title{margin-block-start:0;margin-block-end:0.375rem}.courses-card-title a{color:inherit;text-decoration:none}.courses-card-title a:hover{color:#C0392B}.courses-card-excerpt{flex:1;margin-block-end:0.9375rem}.courses-card-meta{margin-block-start:auto}.courses-card-button{align-self:flex-start;background:#C0392B;border-radius:12px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;margin-block-start:0.9375rem;padding:0.5rem 0.9375rem;text-decoration:none;transition:opacity 0.18s ease-out,transform 0.18s ease-out}.courses-card-button:hover{color:#fff;opacity:0.92;transform:translateY(-1px)}@media all and (max-width:1366px){.lesson-columns,.course-columns{grid-template-columns:1fr}.lesson-sidebar{order:2;padding-block-start:1.8125rem}.lesson-sidebar-inner{position:static}.courses-sidebar-toggle{display:block}.courses-sidebar-nav{display:none}.courses-sidebar-nav.is-open{display:block}.courses-sidebar-filter{display:none}.courses-sidebar-filter.is-open{display:block}.lesson-prev-next{flex-direction:column}.lesson-nav-next{text-align:left;align-items:flex-start}.course-sidebar>*:first-child{position:static}.lesson-header,.lesson-content,.lesson-comments,.lesson-sidebar-panel,.course-header,.course-section,.course-overview-card,.course-chapter-nav,.courses-card{box-shadow:0 14px 28px rgba(15,23,42,0.06)}}[data-theme="dark"] .lesson-layout,[data-theme="dark"] .course-layout,[data-theme="dark"] .courses-archive{--courses-surface-bg:var(--color-content-bg);--courses-surface-border:color-mix(in srgb,var(--color-border),transparent 30%);--courses-surface-shadow:0 18px 40px rgba(0,0,0,0.35);--courses-muted:var(--color-text-sec);--courses-muted-soft:color-mix(in srgb,var(--color-border),transparent 50%)}[data-theme="dark"] .lesson-breadcrumb li+li::before{color:color-mix(in srgb,var(--color-text),transparent 70%)}[data-theme="dark"] .lesson-meta .byline-item,[data-theme="dark"] .course-meta .byline-item,[data-theme="dark"] .courses-card-meta>span{background:color-mix(in srgb,var(--color-content-bg),white 5%);border-color:color-mix(in srgb,var(--color-border),transparent 40%)}[data-theme="dark"] .lesson-shortcuts-list li{background:color-mix(in srgb,var(--color-content-bg),white 5%);border-color:color-mix(in srgb,var(--color-border),transparent 40%)}[data-theme="dark"] .lesson-shortcuts kbd{background:color-mix(in srgb,var(--color-content-bg),white 15%);color:var(--color-text)}[data-theme="dark"] .lesson-progress-bar{background:color-mix(in srgb,var(--color-content-bg),white 8%)}[data-theme="dark"] .lesson-nav-link:hover{box-shadow:0 18px 36px rgba(0,0,0,0.4)}[data-theme="dark"] .courses-sidebar-filter{background:color-mix(in srgb,var(--color-content-bg),white 4%);border-color:color-mix(in srgb,var(--color-border),transparent 30%);color:var(--color-text)}[data-theme="dark"] .courses-sidebar-filter:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary),transparent 70%)}[data-theme="dark"] .courses-nav-heading{background:color-mix(in srgb,var(--color-content-bg),white 4%);border-color:color-mix(in srgb,var(--color-border),transparent 50%)}[data-theme="dark"] .courses-nav-item a:hover{background:color-mix(in srgb,var(--color-content-bg),white 5%);border-color:color-mix(in srgb,var(--color-border),transparent 40%)}[data-theme="dark"] .courses-nav-item.is-active a{background:color-mix(in srgb,var(--color-content-bg),white 6%);border-color:color-mix(in srgb,var(--color-border),transparent 30%)}[data-theme="dark"] .courses-lesson-list-item a{background:color-mix(in srgb,var(--color-content-bg),white 2%)}[data-theme="dark"] .courses-lesson-list-item a:hover{background:color-mix(in srgb,var(--color-content-bg),white 5%);border-color:color-mix(in srgb,var(--color-border),transparent 40%)}[data-theme="dark"] .courses-badge-free{background-color:rgba(34,197,94,0.15);color:#4ade80}[data-theme="dark"] .courses-badge-soon{background-color:rgba(234,179,8,0.15);color:#facc15}[data-theme="dark"] .course-chapter-nav-list a{border-bottom-color:color-mix(in srgb,var(--color-border),transparent 50%)}[data-theme="dark"] .course-chapter-nav-list a:hover{background:color-mix(in srgb,var(--color-content-bg),white 4%)}[data-theme="dark"] .courses-card:hover{border-color:color-mix(in srgb,var(--color-border),white 15%);box-shadow:0 22px 42px rgba(0,0,0,0.45)}[data-theme="dark"] .courses-sidebar-toggle{color:var(--color-text)}.courses-sidebar-toggle{background:var(--courses-surface-bg);border:1px solid var(--courses-surface-border);border-radius:12px;box-shadow:var(--courses-surface-shadow);cursor:pointer;display:none;font-size:14px;margin-block-end:0.9375rem;padding:0.5rem 0.9375rem;width:100%}