.course-header{position:fixed;top:0;left:0;width:100%;padding:0 40px;z-index:1001;display:flex;justify-content:center;transform:translateY(-150%);opacity:0;transition:transform .4s ease,opacity .4s ease}.course-header.visible{transform:translateY(0);opacity:1}.course-header-container{display:flex;gap:16px;justify-content:space-between;align-items:center;max-width:1200px;width:100%;min-height:80px;padding:0 8px 0 20px;background-color:#fff;border-bottom:1px solid #f1f2f4;box-shadow:-1px 0 0 #f1f2f4,1px 0 0 #f1f2f4,0 12px 24px -8px rgba(0,0,0,.12)}.course-header-title{font-family:var(--font-averta),var(--font-averta-ext),"Averta CY",sans-serif;font-weight:600;font-size:20px;line-height:140%;letter-spacing:-.18px}@media(max-width:1199px){.course-header-title{font-size:17px;letter-spacing:-.17px}}@media(max-width:860px){.course-header-title{font-size:16px;letter-spacing:0}}.course-header-title{color:#29313d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}@media(max-width:1199px){.course-header{padding:0 24px}}@media(max-width:860px){.course-header{padding:0}.course-header-container{min-height:72px;padding:0 16px}}.course-nav{position:fixed;top:80px;left:0;width:100%;padding:0 40px;z-index:1001;display:flex;justify-content:center;transform:translateY(-300%);opacity:0;transition:transform .4s ease,opacity .4s ease}.course-nav.visible{transform:translateY(0);opacity:1}.course-nav-container{display:flex;align-items:center;gap:8px;max-width:1200px;width:100%;height:65px;padding:0 20px;background-color:#fff;border-bottom:1px solid #f1f2f4;box-shadow:-1px 0 0 #f1f2f4,1px 0 0 #f1f2f4,0 12px 24px -8px rgba(0,0,0,.12)}@media(max-width:1199px){.course-nav{padding:0 24px}}@media(max-width:860px){.course-nav{padding:0;top:72px}.course-nav-container{padding:0 16px;overflow-x:auto;scrollbar-width:none}.course-nav-container::-webkit-scrollbar{display:none}}.course-nav-tab{font-family:var(--font-jetbrains),"JetBrains Mono",monospace;font-weight:600;font-size:13px;line-height:130%;text-transform:uppercase}@media(max-width:860px){.course-nav-tab{font-size:12px}}.course-nav-tab{position:relative;align-self:stretch;padding:12px;color:#596373;background:none;border:none;cursor:pointer;white-space:nowrap;transition:color .2s ease}.course-nav-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#f94848;transform:scaleX(0);transition:transform .2s ease}@media(hover:hover)and (pointer:fine){.course-nav-tab:hover{color:#29313d}}.course-nav-tab.active{color:#f94848}.course-nav-tab.active:after{transform:scaleX(1)}