:root{--ink:#202124;--muted:#70757e;--line:#e8eaed;--blue:#1a73e8;--pale:#edf4ff;--sidebar:244px}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #86b7f8;outline-offset:3px}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}.topbar{height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(10px);z-index:30}.brand{font-size:16px;font-weight:600;letter-spacing:-.025em;display:flex;align-items:center;gap:15px}.brand-divider{color:#d2d7df;font-weight:400}.brand>span:last-child{font-size:14px;font-weight:400;color:var(--muted)}.top-actions{display:flex;gap:22px;align-items:center}.portfolio-link{font-size:12px;color:var(--muted)}.portfolio-link:hover{color:var(--blue)}.icon-button{display:none;border:0;background:none;padding:8px}.layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:66px;height:calc(100dvh - 66px);border-right:1px solid var(--line);padding:30px 18px 20px;display:flex;flex-direction:column;overflow:auto}.sidebar-head{padding:0 12px 23px}.overline{font-size:10px;letter-spacing:.13em;font-weight:650;color:var(--muted);margin:0 0 13px}.sidebar .overline{font-size:9px;letter-spacing:.09em}.nav-label{margin:32px 12px 12px}.nav-item{border:0;background:none;display:flex;gap:12px;align-items:center;width:100%;padding:11px 12px;text-align:left;border-radius:7px;color:#60656e;font-size:13px;margin:3px 0}.nav-item svg{width:17px;height:17px}.nav-item>span:last-child{margin-left:auto;font-size:11px;color:#7f8792}.nav-item.active{background:var(--pale);color:var(--blue);font-weight:550}.nav-item:hover{background:#f6f8fb}.nav-item.active:hover{background:var(--pale)}.course-glyph{font:600 12px/1 Consolas,monospace;display:grid;place-items:center;width:22px;height:22px;flex:none;letter-spacing:-.04em;color:#555d69}.sidebar-note{border-top:1px solid var(--line);padding:24px 12px 20px;margin-top:auto;color:#8a9099;font-size:11px}.sidebar-note p{margin:8px 0}.sidebar-note strong{color:#60656e;font-weight:400}.note-icon{font-size:22px;color:#b0bac7}.sidebar-home{display:flex;justify-content:space-between;padding:0 12px;color:#9399a2;font-size:10px}main{max-width:1250px;width:100%;padding:51px 56px 0;margin:auto;min-width:0}.intro h1{font-size:clamp(34px,4vw,49px);line-height:1.14;letter-spacing:-.055em;font-weight:550;margin:15px 0 20px}.intro .overline{color:var(--blue)}.intro-copy{font-size:14px;line-height:1.85;color:#6d727a;margin:0}.intro-bottom{display:flex;align-items:center;gap:24px;justify-content:space-between;margin:29px 0 42px;color:#8a9099;font-size:10px;padding-bottom:30px;border-bottom:1px solid var(--line)}.status-dot{display:inline-block;width:6px;height:6px;background:#459a6a;border-radius:50%;margin-right:7px;vertical-align:middle}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{font-size:18px;letter-spacing:-.025em;font-weight:550;margin:0}.section-head .overline{margin-bottom:7px}.subtle{font-size:11px;color:#8a9099}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.course-card{border:1px solid var(--line);padding:21px 17px 17px;position:relative;text-align:left;background:#fff;border-radius:9px;transition:border-color .15s,transform .15s;min-height:190px;display:flex;flex-direction:column}.course-card:hover,.course-card.active{border-color:#9bc0f5;transform:translateY(-2px)}.course-symbol{width:34px;height:34px;background:#f3f6fa;border:1px solid #edf0f4;border-radius:8px;display:grid;place-items:center;color:#5d6c81;font:500 14px Consolas,monospace;letter-spacing:-.05em;margin-bottom:20px}.course-card[data-course="node"] .course-symbol{color:#3d7d59;background:#f0f7f1;border-color:#e6f1e8}.course-card h3{font-size:14px;font-weight:600;letter-spacing:-.025em;margin:0 0 5px}.course-card p{font-size:11px;color:#858a92;line-height:1.6;margin:0 0 18px}.course-card .card-count{font-size:10px;color:#8e949d;margin-top:auto}.card-arrow{position:absolute;right:16px;bottom:15px;color:#9da5b1}.library{margin-top:43px;scroll-margin-top:90px}.filterbar{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:0 0 14px}.tabs{display:flex;gap:3px}.tabs button{border:0;background:none;padding:6px 11px;font-size:11px;border-radius:5px;color:#7d838c}.tabs button.selected{background:var(--pale);color:var(--blue);font-weight:600}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:7px 10px;border-radius:6px;width:215px}.search-box svg{width:14px;height:14px;color:#949ba5}.search-box input{min-width:0;width:100%;border:0;background:transparent;font-size:11px;outline:none}.search-box:focus-within{border-color:#1a73e8}.material{display:grid;grid-template-columns:34px minmax(0,1fr) auto 20px;align-items:center;gap:15px;padding:18px 8px;border-bottom:1px solid #eef0f3;position:relative}.material:hover{background:#fafbfd}.material-icon{color:#7d8ca0;background:#f7f8fa;border-radius:6px;width:32px;height:35px;display:grid;place-items:center}.material-icon svg{width:17px;height:17px}.material-title{margin:0;font-size:13px;font-weight:500;line-height:1.5}.material-title a:after{content:"";position:absolute;inset:0}.material-title a:focus-visible{outline-offset:5px}.material-meta{font-size:10px;color:#9298a1;margin-top:3px}.badge{background:#f4f6f8;color:#7b8491;font-size:9px;letter-spacing:.02em;border-radius:4px;padding:3px 7px}.badge.test{background:#f1f7f2;color:#53765c}.badge.exercise{background:#fdf7ec;color:#967c4f}.material-arrow{font-size:17px;color:#a5adb8}.done-marker{color:#18794e;margin-right:6px}.empty{padding:35px 12px;color:var(--muted);font-size:13px}.empty button,.text-button{border:0;background:none;padding:5px 0;color:var(--blue);font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;color:#a3a8b0;font-size:10px;padding:27px 0 30px}.reader-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.reader-links{font-size:11px;color:#808995}.reader-links a:hover{color:var(--blue)}.reader-heading{padding:28px 0 18px}.reader-heading h1{font-size:clamp(23px,3vw,34px);font-weight:550;line-height:1.2;letter-spacing:-.04em;margin:0}.reader-heading .overline{color:var(--blue)}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding:13px 0}.reader-controls button:disabled{color:#aab0b8;cursor:default}.completion{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.completion input{accent-color:var(--blue)}#frame-slot{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}iframe{display:block;border:0;width:100%;height:calc(100dvh - 260px);min-height:500px}.reader-hint{font-size:10px;color:#8a9099;margin:14px 0 24px}.scrim{display:none}@media(min-width:1600px){main{padding-top:60px}.course-card{min-height:210px}.intro-copy{font-size:15px}}@media(max-width:1150px){:root{--sidebar:215px}main{padding:38px 30px 0}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-card{min-height:166px}.course-symbol{margin-bottom:13px}.course-card p{margin-bottom:12px}}@media(max-width:760px){.topbar{height:60px;padding:0 20px}.icon-button{display:block}.portfolio-link{font-size:11px}.top-actions{gap:14px}.layout{display:block}.sidebar{position:fixed;top:60px;left:0;bottom:0;height:calc(100dvh - 60px);width:260px;background:white;z-index:25;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.scrim:not([hidden]){display:block;position:fixed;inset:60px 0 0;background:#1a253440;z-index:24}main{padding:32px 20px 0}.intro h1{font-size:39px}.intro-bottom{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:29px}.intro-copy{font-size:13px}.course-grid{gap:10px}.course-card{padding:17px 15px;min-height:170px}.library{margin-top:32px}.filterbar{align-items:flex-start;flex-direction:column;gap:13px}.search-box{width:100%;padding:9px 10px}.tabs{width:100%}.tabs button{padding:7px 13px}.material{gap:10px;padding:17px 0;grid-template-columns:30px minmax(0,1fr) auto 12px}.material-title{font-size:12px}.material-meta{font-size:9px}.badge{font-size:8px}.section-head h2{font-size:17px}.reader-controls{flex-wrap:wrap;gap:8px}.completion{order:3;width:100%;justify-content:center;margin-top:6px}.reader-links{font-size:10px}iframe{min-height:580px;height:calc(100dvh - 220px)}footer{font-size:9px}.reader-heading{padding-top:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.reader-controls a[aria-disabled="true"]{color:#aab0b8;pointer-events:none;cursor:default}.reader-controls a{cursor:pointer}