*{box-sizing:border-box;margin:0;padding:0}body{font-family:Source Sans Pro,Arial,Helvetica,sans-serif;font-size:19px;line-height:1.5;color:#2c2c2c;background:#f3f7f9}a{color:#005a80;text-decoration:none;transition:.2s ease-out}a:hover,a:focus{color:#c2aa4a;text-decoration:none}button{font-family:inherit;font-size:14px;cursor:pointer}input{font-family:inherit;width:100%;padding:10px 12px;margin-bottom:14px;border:1px solid #c5d7df;border-radius:4px;font-size:16px}label{display:block;margin-bottom:6px;font-weight:700;font-size:14px;color:#005a80;text-transform:uppercase}h2{font-size:32px;font-weight:700;color:#005a80;margin:0}h2 .subtitle{font-size:22px;display:block;font-weight:400}h3{font-size:22px;font-weight:700;color:#005a80;text-transform:uppercase;margin-top:0;margin-bottom:15px}p{font-size:19px;color:#2c2c2c;margin:0}.topbar{background:#005a80;height:70px;position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;align-items:center}.topbar-logo{background:#005072;width:260px;min-width:260px;height:70px;display:flex;align-items:center;justify-content:center;z-index:11}.topbar-logo a{color:#fff;font-size:20px;font-weight:700;text-decoration:none;letter-spacing:.5px}.topbar-logo a:hover{color:#c2aa4a}.topbar-content{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 40px;height:70px}.topbar-title{font-size:19px;color:#fff;font-weight:400}.topbar-user{font-size:18px;font-weight:700;color:#fff;text-align:right;line-height:1.2}.topbar-user span{font-size:12px;display:block;font-weight:400;text-transform:uppercase;color:#ffffffb3}#sign-out-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:13px;padding:6px 14px;border-radius:4px;margin-left:15px;transition:.2s ease-out}#sign-out-btn:hover{background:#ffffff1a;border-color:#ffffff80}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-right a{color:#fff;font-weight:700}.lesson-sidebar{background:#e0ebef;width:260px;min-width:260px;overflow-y:auto;position:fixed;top:0;left:0;height:100%;z-index:9;padding-top:70px}.lesson-sidebar::-webkit-scrollbar-track-piece{width:10px;background:#c5d7df;border:none;margin-top:70px}.lesson-sidebar::-webkit-scrollbar-thumb{background:#c2aa4a;cursor:pointer}.lesson-sidebar-item{display:flex;align-items:center;color:#005a80;line-height:1.2;padding:0 20px 0 50px;min-height:65px;font-size:15px;border-bottom:1px solid #c5d7df;position:relative;transition:.2s ease-out;text-decoration:none}.lesson-sidebar-item:hover{background:#fff;color:#005a80;text-decoration:none}.lesson-sidebar-item.active{background:#fff}.lesson-sidebar-item:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);height:28px;width:28px;background:#005a80;border-radius:50%;display:block}.lesson-sidebar-item:after{content:"";position:absolute;left:21px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #fff}.lesson-sidebar-item.support-item:after{left:16px;width:16px;height:16px;border:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 12.9 13 13.5 13 15h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z'/%3E%3C/svg%3E") no-repeat center center;background-size:contain}.sidebar-text{flex:1;min-width:0}.sidebar-title{font-weight:700;font-size:15px;line-height:1.3}.sidebar-desc{font-size:14px;color:#005a80;line-height:1.4;margin-top:2px;font-weight:400}.lesson-layout{display:flex;min-height:100vh;padding-top:70px}.lesson-main{flex:1;margin-left:260px;padding:35px 60px 150px;background:#fff;min-width:0}.lesson-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.lesson-header-text h1{font-size:28px;font-weight:700;color:#005a80;margin:0}.lesson-header-text h2.content-heading{font-size:22px;font-weight:400;margin-top:4px}.lesson-header-text .breadcrumb-nav{font-size:22px;font-weight:400;color:#005a80;display:block;margin-bottom:4px}.next-lesson-btn{display:inline-flex;align-items:center;gap:8px;min-width:160px;height:54px;border:2px solid #c5d7df;color:#005a80;font-weight:900;font-size:14px;text-transform:uppercase;text-decoration:none;text-align:center;justify-content:center;padding:0 25px;position:relative;transition:.2s ease-out;white-space:nowrap}.next-lesson-btn:hover{background:#f3f7f9;color:#005a80;text-decoration:none}.next-lesson-btn:after{content:"";display:inline-block;width:10px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14' fill='%23005a80'%3E%3Cpath d='M1.5 0L0 1.5 5.5 7 0 12.5 1.5 14l7-7z'/%3E%3C/svg%3E") no-repeat center center;background-size:contain}.prev-lesson-btn{display:inline-flex;align-items:center;gap:8px;min-width:160px;height:54px;border:2px solid #c5d7df;color:#005a80;font-weight:900;font-size:14px;text-transform:uppercase;text-decoration:none;text-align:center;justify-content:center;padding:0 25px;transition:.2s ease-out;white-space:nowrap}.prev-lesson-btn:hover{background:#f3f7f9;color:#005a80;text-decoration:none}.prev-lesson-btn:before{content:"";display:inline-block;width:10px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 14' fill='%23005a80'%3E%3Cpath d='M8.5 14L10 12.5 4.5 7 10 1.5 8.5 0l-7 7z'/%3E%3C/svg%3E") no-repeat center center;background-size:contain}.video-frame{position:relative;max-width:68%;margin:17px 0 25px}.video-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.section-heading{font-size:22px;font-weight:700;text-transform:uppercase;color:#005a80;margin:20px 0 10px}.lesson-text{line-height:1.7;color:#2c2c2c;font-size:19px;margin-bottom:8px;padding-right:50px}.resource-list{list-style:none;padding:0}.resource-list li{position:relative;padding-left:30px;margin-bottom:12px}.resource-list li:before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23005a80'%3E%3Cpath d='M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13zM6 20V4h5v7h7v9H6z'/%3E%3C/svg%3E") no-repeat center center;background-size:contain}.resource-list a{color:#005a80;text-decoration:underline;font-size:19px}.resource-list a:hover{color:#c2aa4a}.lesson-nav-row{display:flex;justify-content:flex-end;gap:0;margin:8px 0}.page-with-topbar{padding-top:70px}.container{max-width:960px;margin:0 auto;padding:35px 30px 48px}.card{background:#fff;border:1px solid #c5d7df;border-radius:4px;padding:25px 30px;margin-bottom:20px}.narrow-card{max-width:520px}.row{display:flex;gap:10px;flex-wrap:wrap}.space-between{justify-content:space-between}.course-list{display:grid;gap:14px}.course-item{border:1px solid #c5d7df;border-radius:4px;padding:20px 25px;transition:.2s ease-out}.course-item:hover{border-color:#005a80}.course-item h3{font-size:22px;margin-bottom:8px;text-transform:none}.course-item .muted{font-size:15px;margin-bottom:12px}.course-item .inline-link{font-weight:900;font-size:14px;text-transform:uppercase;color:#005a80}.lesson-list-simple{padding-left:20px;list-style:decimal}.lesson-list-simple li{margin-bottom:10px;font-size:16px}.lesson-list-simple a{color:#005a80;text-decoration:underline}.inline-link{font-weight:700}.muted{color:#6b7280}.warning{color:#92400e;font-size:16px}.error{color:#b91c1c;font-size:16px}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 70px);padding:24px;background:#f3f7f9}.login-card{background:#fff;border:1px solid #c5d7df;border-radius:4px;padding:40px 35px;width:100%;max-width:400px}.login-card h2{margin-bottom:25px;font-size:28px;text-align:center}.login-card button[type=submit]{width:100%;padding:12px;font-size:16px;font-weight:700;background:#005a80;border:none;border-radius:4px;color:#fff;text-transform:uppercase;transition:.2s ease-out}.login-card button[type=submit]:hover{background:#005072}.login-help{width:100%;margin-top:24px;font-size:14px;color:#6b7280;text-align:center}.login-help a{color:#005a80}.login-error{margin-top:16px;color:#b91c1c;font-size:15px}.login-success{margin-top:16px;color:#166534;font-size:15px}.markdown-content{line-height:1.7;color:#2c2c2c;font-size:19px;max-width:1080px;margin-top:20px}.markdown-content h2{font-size:24px;margin-top:30px;margin-bottom:12px}.markdown-content h3{font-size:20px;margin-top:25px;margin-bottom:10px;text-transform:none}.markdown-content h4{font-size:18px;font-weight:700;color:#005a80;margin-top:20px;margin-bottom:8px}.markdown-content p{margin-bottom:14px}.markdown-content ul,.markdown-content ol{padding-left:24px;margin-bottom:14px}.markdown-content li{margin-bottom:6px}.markdown-content a{color:#005a80;text-decoration:underline}.markdown-content a:hover{color:#c2aa4a}.markdown-content strong{font-weight:700}.markdown-content code{background:#f3f7f9;padding:2px 6px;border-radius:3px;font-size:15px}.markdown-content pre{background:#f3f7f9;padding:16px;border-radius:4px;overflow-x:auto;margin-bottom:14px}.markdown-content pre code{padding:0;background:none}.markdown-content blockquote{border-left:3px solid #005a80;padding-left:16px;margin:14px 0;color:#4a5568}.markdown-content hr{border:none;border-top:1px solid #c5d7df;margin:24px 0}@media all and (max-width:1500px){.video-frame{margin:14px 400px 21px 0}}@media all and (max-width:1339px){.video-frame{margin:14px 300px 21px 0}}@media all and (max-width:1024px){.lesson-main{padding:25px 30px 100px}.video-frame{margin:14px 0 21px}.lesson-text{padding-right:0}.lesson-header{flex-direction:column;gap:15px}}@media all and (max-width:768px){.topbar{height:56px}.topbar-logo{width:180px;min-width:180px;height:56px}.topbar-logo a{font-size:16px}.topbar-content{padding:0 15px}.topbar-title{display:none}.page-with-topbar{padding-top:56px}.login-wrapper{min-height:calc(100vh - 56px)}.lesson-layout{flex-direction:column;padding-top:56px}.lesson-sidebar{position:relative;top:0;width:100%;min-width:0;height:auto;max-height:none;padding-top:0;display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;border-bottom:1px solid #c5d7df}.lesson-sidebar-item{min-height:50px;padding:10px 15px 10px 40px;min-width:180px;font-size:13px;border-bottom:none;border-right:1px solid #c5d7df;white-space:normal}.lesson-sidebar-item:before{left:8px;height:24px;width:24px}.lesson-sidebar-item:after{left:16px;border-width:4px 0 4px 6px}.lesson-sidebar-item.support-item:after{left:12px;width:14px;height:14px;border:none}.lesson-main{margin-left:0;padding:20px 16px 80px}.video-frame{width:100%;margin:10px 0 14px}.next-lesson-btn,.prev-lesson-btn{min-width:140px;height:44px;font-size:12px;padding:0 15px}.lesson-nav-row{justify-content:center}.container{padding:20px 16px 48px}h2{font-size:22px}h3{font-size:19px}}@media all and (max-width:480px){.topbar-logo{width:140px;min-width:140px}.topbar-user span{display:none}.topbar-user{font-size:13px}#sign-out-btn{font-size:11px;padding:4px 10px}.login-card{padding:25px 20px}}