:root{--navy:#0c2237;--navy2:#142f47;--ink:#172e43;--muted:#617083;--line:#dae3e9;--paper:#f5f7fa;--teal:#007e82;--mint:#d9f3ea;--white:#fff;--side:282px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.65}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #00a9b2}button{cursor:pointer}button:disabled{cursor:default}.skip{position:fixed;top:-90px;left:20px;background:white;padding:12px;z-index:99}.skip:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--navy);color:#fff;padding:30px 22px 18px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:25px;font-weight:750;letter-spacing:-.8px;line-height:1.2}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:43px;height:43px;color:var(--navy);background:#6ee1ce;border-radius:12px;font-size:27px;letter-spacing:-3px;padding-right:4px}.brand small{display:block;font-size:9px;letter-spacing:2.4px;font-weight:600;color:#aac4d7;margin-top:7px}.course-label{font-size:10px;letter-spacing:1.8px;color:#91aabc;margin:27px 12px 10px}.primary-nav{display:grid;gap:4px}.primary-nav a{display:flex;justify-content:space-between;padding:10px 12px;color:#c6d7e2;font-size:13px;border-radius:7px}.primary-nav a.active{background:#1b3a52;color:#fff}.side-progress{margin:22px 12px 0}.side-progress div{display:flex;justify-content:space-between;font-size:11px}.side-progress strong{font-weight:600}.side-progress span,.side-progress small{color:#91aabc}.side-progress small{font-size:10px}progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:8px;overflow:hidden;background:#2c465b;margin:9px 0}progress::-webkit-progress-bar{background:#2c465b}progress::-webkit-progress-value{background:#6ee1ce}progress::-moz-progress-bar{background:#6ee1ce}.week-nav{overflow-y:auto;flex:1;min-height:80px;scrollbar-width:thin;scrollbar-color:#395267 transparent}.week-nav a{display:flex;gap:11px;align-items:center;color:#aebfcd;border-radius:7px;padding:9px 10px;font-size:11px;line-height:1.45;margin:3px 0}.week-nav a:hover{background:#14324b;text-decoration:none;color:white}.week-nav a.active{background:#1a3f55;color:white}.week-number{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #3b5266;border-radius:7px;font-size:10px}.week-nav a.done .week-number{background:#6ee1ce;color:#10312d;border-color:#6ee1ce}.side-footer{padding:15px 10px 0;border-top:1px solid #294054;margin-top:15px;color:#95adbf;font-size:10px}.side-footer a{color:#b7d4de}.workspace{margin-left:var(--side);min-height:100vh}.topbar{height:77px;border-bottom:1px solid var(--line);background:#ffffffef;position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 46px;z-index:20;font-size:12px;color:var(--muted);backdrop-filter:blur(12px)}.pace{font-size:11px}.pace span{margin:0 8px;color:#bdc9d1}.menu-button{display:none;background:none;border:0;color:var(--ink);font-size:24px}main{max-width:1500px;padding:38px 46px 65px;margin:auto}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(34px,3.4vw,53px);margin:16px 0 22px;font-weight:750}h2{font-size:27px;margin:0 0 17px}h3{font-size:21px;margin:0 0 14px}p{margin:0 0 18px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:750;color:var(--teal)}.hero{position:relative;min-height:374px;padding:40px;border-radius:16px;color:white;overflow:hidden;background:#06172b}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.66}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081b30 5%,#081b30e6 40%,#081b3000 85%)}.hero-copy{position:relative;z-index:1;max-width:530px}.hero .eyebrow{color:#6ee1ce}.hero h1{max-width:470px}.hero p{font-size:14px;max-width:400px;color:#bdcddd}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:11px 18px;border:1px solid var(--teal);border-radius:7px;background:var(--teal);color:white;font-size:12px;font-weight:650;text-decoration:none;line-height:1.5}.button:hover{background:#006b70;text-decoration:none}.button.mint{background:#75e3cc;color:#0d3b3a;border-color:#75e3cc}.button.secondary{background:#fff;color:var(--teal);border-color:#d1dde4}.button.secondary:hover{background:#eef8f5}.button.small{padding:8px 13px;font-size:11px}.button.done{background:#e0f4ec;color:#17694f;border-color:#c4e7d7}.intro-strip{display:flex;justify-content:space-between;gap:22px;margin:22px 0 36px;padding:19px 23px;border:1px solid var(--line);border-radius:11px;background:white}.intro-strip div{font-size:11px;color:var(--muted)}.intro-strip strong{display:block;font-size:16px;color:var(--ink);margin-bottom:3px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 22px}.section-heading h2{margin:0;font-size:25px}.section-heading p{margin:5px 0 0;font-size:12px;color:var(--muted)}.search{width:290px;max-width:100%;border:1px solid #ced9e2;border-radius:8px;padding:10px 13px;background:#fff;font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.filter{border:1px solid var(--line);background:white;border-radius:6px;padding:7px 12px;font-size:11px;color:var(--muted)}.filter.active{background:var(--navy);color:white;border-color:var(--navy)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.lesson-card{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,border-color .15s}.lesson-card:hover{transform:translateY(-3px);border-color:#9ebfbf}.card-visual{height:112px;position:relative;overflow:hidden;background:var(--navy);display:flex;align-items:flex-end;padding:16px}.card-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3;object-position:right center}.card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a2535cc,transparent)}.card-visual .week-badge{z-index:1;color:#a7efdf;font-size:10px;letter-spacing:1.6px;font-weight:700}.card-icon{position:absolute;right:18px;bottom:10px;z-index:1;font-size:38px;color:#b8e4e7;font-weight:300}.card-content{padding:18px 19px 16px;display:flex;flex-direction:column;flex:1}.card-tag{font-size:9px;color:var(--teal);font-weight:700;letter-spacing:1px;text-transform:uppercase}.card-content h3{font-size:17px;line-height:1.35;margin:9px 0 10px;letter-spacing:-.02em}.card-content p{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:18px}.card-end{margin-top:auto;padding-top:14px;border-top:1px solid #edf1f4;display:flex;justify-content:space-between;align-items:center;font-size:11px}.state{font-size:10px;color:var(--muted)}.state.complete{color:#18795c}.empty{padding:45px;border:1px dashed #b8cbd3;border-radius:10px;text-align:center;color:var(--muted)}.notice{border-left:3px solid #91cfc5;padding:15px 19px;background:#eaf5f2;font-size:12px;margin:28px 0;color:#365c5a;border-radius:0 8px 8px 0}.lesson-head{display:grid;grid-template-columns:1fr 220px;gap:30px;align-items:start;margin-bottom:25px}.lesson-head h1{font-size:40px;margin-bottom:14px}.lesson-head p{font-size:14px;color:var(--muted);max-width:750px}.lesson-head img{width:220px;border-radius:11px;aspect-ratio:16/10;object-fit:cover}.lesson-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.lesson-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:30px 0;font-size:12px;overflow:auto;white-space:nowrap}.lesson-tabs a{color:var(--muted);padding:12px 0;border-bottom:2px solid transparent}.lesson-tabs a:hover{border-color:var(--teal);text-decoration:none;color:var(--teal)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:30px;align-items:start}.article-section{background:white;border:1px solid var(--line);border-radius:12px;padding:30px;margin-bottom:23px}.article-section p,.article-section li{font-size:14px;line-height:1.9}.article-section h2{font-size:24px}.concept{padding:23px 0;border-bottom:1px solid #e4ebf0}.concept:last-child{border:0;padding-bottom:0}.concept:first-of-type{padding-top:7px}.concept .lead{font-size:16px;color:#0e5d66;font-weight:600;line-height:1.6}.concept p:last-child{margin-bottom:0}.section-kicker{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--teal);letter-spacing:1.5px;font-weight:750;margin-bottom:15px}.section-kicker span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#e8f5f0;letter-spacing:0}.lesson-aside{position:sticky;top:100px}.aside-box{background:white;border:1px solid var(--line);border-radius:11px;padding:22px;margin-bottom:18px;font-size:12px}.aside-box h3{font-size:16px;letter-spacing:-.02em}.aside-box ul{list-style:none;padding:0;margin:0}.aside-box li{padding:10px 0;border-bottom:1px solid #edf1f4;line-height:1.7}.aside-box li:last-child{border:0}.aside-box .small-label{display:block;font-size:10px;color:var(--muted);margin:5px 0}.aside-box .button{width:100%;margin-top:9px}.reading-ref{margin-bottom:18px;font-size:12px;line-height:1.7}.reading-ref strong{display:block;color:var(--ink);font-size:13px}.reading-ref span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.callout{background:#eef7f4;padding:19px;border-radius:8px;margin:20px 0;font-size:14px;color:#205d50}.work-example{font-size:16px!important}.lab-plan{padding:16px 18px;background:#f3f6f8;border-radius:8px;font-size:12px;margin:14px 0}.lab-plan strong{display:block;font-size:10px;letter-spacing:.8px;color:var(--muted);margin-bottom:4px}.lab-step{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #e9eef2;font-size:13px;line-height:1.8}.lab-step input{flex:0 0 17px;accent-color:var(--teal);margin-top:6px;height:17px}.lab-step:has(input:checked){color:#55786c}.code-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin:25px 0 8px}.copy-button{background:white;border:1px solid var(--line);padding:4px 10px;border-radius:5px;font-size:10px;color:var(--teal)}pre{background:#0f263b;color:#d8e9ee;padding:20px;border-radius:8px;overflow:auto;font-size:12px;line-height:1.8;white-space:pre}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.quiz-item{padding:20px 0;border-bottom:1px solid var(--line)}.quiz-item:last-child{border:0}.quiz-item label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.quiz-item textarea{width:100%;min-height:80px;resize:vertical;border:1px solid #cddbe2;border-radius:7px;padding:12px;font-size:13px;background:#fcfdfe}.quiz-item details{margin-top:10px;font-size:12px}.quiz-item summary{color:var(--teal);cursor:pointer;font-weight:600}.quiz-item details p{padding:12px 15px;background:#eef7f3;border-radius:6px;font-size:13px}.lesson-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.video-pending{background:#f2f5f8;border-radius:8px;padding:20px;color:var(--muted);font-size:13px}.video-pending strong{display:block;color:var(--ink);font-size:15px;margin-bottom:7px}.resource-table{width:100%;border-collapse:collapse;font-size:13px}.resource-table th,.resource-table td{text-align:left;padding:17px 12px;border-bottom:1px solid var(--line)}.resource-table th{font-size:10px;letter-spacing:1px;color:var(--muted)}.resource-table td:first-child{color:var(--muted);width:65px}.resource-table a{font-weight:600}.text-page{max-width:900px}.text-page li{margin-bottom:10px;font-size:14px}.page-footer{padding:22px 46px;display:flex;justify-content:space-between;font-size:10px;color:#778697;border-top:1px solid var(--line);gap:20px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.highlight-count{color:var(--teal);font-weight:650}.inline-note{font-size:11px!important;color:var(--muted)}.reset{background:none;border:0;text-decoration:underline;color:#5e7385;padding:0;font-size:11px}.book-title{font-style:italic}iframe{max-width:100%;border:0;aspect-ratio:16/9;width:100%}@media(min-width:1600px){.course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1200px){:root{--side:245px}.sidebar{padding-left:15px;padding-right:15px}main{padding:30px}.topbar{padding:0 30px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-layout{grid-template-columns:minmax(0,1fr) 225px;gap:20px}.article-section{padding:24px}.lesson-head{grid-template-columns:1fr}.lesson-head img{display:none}.hero-copy{max-width:450px}}@media(max-width:900px){:root{--side:220px}.lesson-layout{display:block}.lesson-aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.lesson-aside .aside-box{margin:0}.hero{padding:30px}.hero h1{font-size:36px}.intro-strip{flex-wrap:wrap}.pace{display:none}.brand{font-size:22px}.brand-mark{width:36px;height:36px}.course-grid{gap:12px}.card-content{padding:15px}}@media(max-width:680px){.sidebar{transform:translateX(-100%);width:282px;transition:transform .2s;box-shadow:10px 0 45px #001b3b33}.sidebar.open{transform:none}.workspace{margin-left:0}.menu-button{display:block;padding:0;margin-right:15px}.topbar{height:63px;padding:0 20px;justify-content:flex-start}main{padding:23px 18px 45px}.hero{padding:27px 24px;min-height:360px;border-radius:11px}.hero h1{font-size:35px}.hero-art{object-position:65% center;opacity:.35}.hero:after{background:linear-gradient(90deg,#081b30e8,#081b3080)}.hero p{font-size:13px}.intro-strip{padding:17px;gap:15px;margin-bottom:27px}.intro-strip div{width:45%;font-size:10px}.intro-strip strong{font-size:14px}.section-heading{display:block}.section-heading .search{width:100%;margin-top:17px}.course-grid{grid-template-columns:1fr}.lesson-card{display:grid;grid-template-columns:95px minmax(0,1fr)}.card-visual{height:auto;min-height:180px;padding:13px}.card-visual img{object-position:72% center}.card-icon{display:none}.card-visual .week-badge{font-size:9px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:2px}.card-content{padding:17px}.card-content h3{font-size:17px;margin-top:6px}.card-content p{margin-bottom:13px}.lesson-head h1{font-size:32px}.lesson-head p{font-size:13px}.lesson-tabs{gap:22px}.article-section{padding:21px 18px}.article-section p,.article-section li{font-size:13px}.article-section h2{font-size:23px}.concept h3{font-size:19px}.lesson-aside{grid-template-columns:1fr}.lesson-bottom{flex-wrap:wrap}.resource-table th,.resource-table td{padding:13px 6px;font-size:11px}.page-footer{padding:20px;display:block}.page-footer span{display:block;margin:4px 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

main:focus{outline:none}