:root{--bg:#07080b;--panel:#0d1016;--panel-2:#111620;--line:#202938;--line-bright:#344156;--fg:#edf2f7;--muted:#8290a3;--cyan:#70d7f7;--cyan-rgb:112, 215, 247;--purple:#c3b7fb;--purple-rgb:195, 183, 251;--mint:#65e6c4;--yellow:#f5c763;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:Inter, "Segoe UI Variable", "Yu Gothic UI", "Hiragino Sans", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:var(--fg);background:radial-gradient(circle at 72% 8%, rgba(var(--cyan-rgb), .05), transparent 28rem), var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.guide-sidebar{z-index:30;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0ef5;flex-direction:column;width:260px;padding:26px 20px;display:flex;position:fixed;inset:0 auto 0 0}.guide-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.guide-brand-mark{color:var(--cyan);filter:drop-shadow(0 0 9px rgba(var(--cyan-rgb), .55));font-size:22px}.guide-brand strong,.guide-brand small{display:block}.guide-brand strong{letter-spacing:-.2px;font-size:13px}.guide-brand small{color:var(--muted);font:8px/1 var(--mono);letter-spacing:1.7px;text-transform:uppercase;margin-top:3px}.guide-nav{margin-top:54px}.guide-nav-label{color:#576376;font:700 8px/1 var(--mono);letter-spacing:2px;margin:28px 10px 10px}.guide-nav a{color:#909bae;border-radius:7px;align-items:center;gap:12px;min-height:43px;padding:0 11px;font-size:12px;text-decoration:none;transition:all .16s;display:flex;position:relative}.guide-nav a:before{content:"";background:var(--cyan);width:2px;height:0;box-shadow:0 0 12px rgba(var(--cyan-rgb), .8);transition:height .16s;position:absolute;left:-20px}.guide-nav a>span{color:#536074;width:24px;font:700 9px/1 var(--mono)}.guide-nav a>b{color:#718096;border:1px solid var(--line);font:700 8px/1 var(--mono);border-radius:999px;margin-left:auto;padding:3px 6px}.guide-nav a>i{color:var(--cyan);font:normal 800 10px/1 var(--mono);margin-left:auto}.guide-nav .guide-author-site{color:#aab6c7;border:1px solid rgba(var(--cyan-rgb), .16);background:rgba(var(--cyan-rgb), .035);min-height:52px}.guide-nav .guide-creator-label{margin-top:20px}.guide-nav .guide-author-site>span:first-child{color:var(--purple);filter:drop-shadow(0 0 7px rgba(var(--purple-rgb), .45))}.creator-link-copy{min-width:0;width:auto!important}.creator-link-copy strong,.creator-link-copy small{display:block}.creator-link-copy strong{color:#dce4ef;font-size:11px}.creator-link-copy small{color:#718096;font:7px/1 var(--mono);letter-spacing:.04em;margin-top:4px}.guide-nav .guide-author-site:hover{border-color:rgba(var(--cyan-rgb), .38);background:rgba(var(--cyan-rgb), .08)}.guide-nav a:hover,.guide-nav a.active{color:var(--fg);background:rgba(var(--cyan-rgb), .065)}.guide-nav a.active:before{height:25px}.guide-nav a.active>span{color:var(--cyan)}.guide-shell{min-width:0;margin-left:260px}.guide-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07080bd1;border-bottom:1px solid #2a3446b3;justify-content:space-between;align-items:center;gap:24px;height:68px;padding:0 clamp(24px,4vw,64px);display:flex;position:sticky;top:0}.menu-toggle{color:var(--fg);background:0 0;border:0;font-size:20px;display:none}.guide-breadcrumb{color:#586577;font:700 9px/1 var(--mono);letter-spacing:1.7px}.guide-breadcrumb span{color:var(--cyan)}.guide-actions{align-items:center;gap:9px;display:flex}.quiet-button,.repository-button,.play-button{height:34px;font:700 9px/1 var(--mono);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.repository-button{color:#c5cfdd;border:1px solid rgba(var(--cyan-rgb), .45);background:rgba(var(--cyan-rgb), .08);gap:7px;transition:color .16s,border-color .16s,background .16s}.repository-button svg{flex:none;width:15px;height:15px}.repository-star{color:var(--cyan);opacity:.55;transition:opacity .16s}.repository-button:hover{color:var(--cyan);border-color:var(--cyan);background:rgba(var(--cyan-rgb), .14)}.repository-button:hover .repository-star{opacity:1}.repository-label-short{display:none}.quiet-button{color:var(--muted);border:1px solid var(--line);background:0 0}.play-button{color:#071014;border:1px solid var(--cyan);background:var(--cyan);gap:8px}main{overflow:hidden}.guide-hero{border-bottom:1px solid var(--line);isolation:isolate;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:clamp(38px,7vw,100px);min-height:620px;padding:104px clamp(28px,6vw,96px) 90px;display:grid;position:relative}.hero-copy,.hero-visual{min-width:0}.hero-grid{z-index:-1;opacity:.34;background-image:linear-gradient(rgba(var(--cyan-rgb), .06) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--cyan-rgb), .06) 1px, transparent 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 70% 45%,#000,#0000 62%);mask-image:radial-gradient(circle at 70% 45%,#000,#0000 62%)}.eyebrow{color:var(--cyan);font:700 9px/1 var(--mono);letter-spacing:2.2px;align-items:center;gap:10px;display:flex}.eyebrow>span{background:var(--cyan);width:22px;height:1px;box-shadow:0 0 8px var(--cyan)}.hero-copy h1{color:#f4f7fb;letter-spacing:-4px;margin:27px 0 22px;font-size:clamp(42px,4vw,58px);line-height:1.13}.hero-copy h1 em{color:#0000;background:linear-gradient(90deg, var(--cyan), var(--purple));-webkit-background-clip:text;background-clip:text;font-style:normal;display:block}.hero-title-line{white-space:nowrap;display:block}.hero-copy>p{color:#9aa6b8;max-width:620px;margin:0;font-size:14px;line-height:2}.hero-learn-tags{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.hero-learn-tags span{color:#91a0b4;border:1px solid var(--line);background:#ffffff05;border-radius:5px;align-items:center;gap:7px;min-height:27px;padding:0 9px 0 6px;font-size:9px;display:inline-flex}.hero-learn-tags i{min-width:18px;height:17px;color:var(--cyan);background:rgba(var(--cyan-rgb), .09);font:700 7px/1 var(--mono);border-radius:3px;place-items:center;font-style:normal;display:grid}.hero-copy>.hero-simulation-note{color:#758398;border-left:2px solid rgba(var(--cyan-rgb), .35);max-width:600px;margin-top:16px;padding-left:12px;font-size:10px;line-height:1.7}.hero-cta{gap:12px;margin-top:26px;display:flex}.primary-cta,.secondary-cta{border-radius:6px;align-items:center;gap:22px;min-height:43px;padding:0 17px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.primary-cta{color:#061014;background:var(--cyan)}.secondary-cta{color:var(--fg);border:1px solid var(--line-bright)}.system-window{box-shadow:0 28px 90px #0000008c, inset 0 0 50px rgba(var(--cyan-rgb), .03);background:#080b10e6;border:1px solid #2a3649;border-radius:11px;overflow:hidden;transform:perspective(900px)rotateY(-4deg)rotateX(2deg)}.window-bar,.window-log{color:#657287;border-bottom:1px solid var(--line);height:32px;font:700 7px/1 var(--mono);letter-spacing:1.4px;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.window-bar i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 8px var(--mint);border-radius:50%;margin-right:6px;display:inline-block}.system-map{height:270px;position:relative}.hero-robot-stage{height:270px;position:relative;overflow:hidden}#hero-robot-canvas{width:100%;height:270px;display:block}.hero-scene-tabs{z-index:2;pointer-events:none;justify-content:flex-end;gap:5px;display:flex;position:absolute;top:11px;left:12px;right:12px}.hero-scene-tabs span{color:#4e5c70;font:700 6px/1 var(--mono);letter-spacing:.7px;background:#070a10b8;border:1px solid #34415694;border-radius:4px;padding:4px 6px;transition:color .18s,border-color .18s,background .18s}.hero-scene-tabs span.active{color:var(--cyan);border-color:rgba(var(--cyan-rgb), .42);background:rgba(var(--cyan-rgb), .09);box-shadow:0 0 12px rgba(var(--cyan-rgb), .08)}.window-log b{color:#8796aa;font:inherit}.system-map:before{content:"";background-image:linear-gradient(rgba(var(--cyan-rgb), .05) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--cyan-rgb), .05) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0}.map-node{z-index:2;background:#0c1118;border:1px solid;border-radius:7px;flex-direction:column;justify-content:center;width:92px;height:58px;padding:12px;display:flex;position:absolute;box-shadow:0 8px 25px #0006}.map-node small{color:#6f7c91;font:700 7px/1 var(--mono);letter-spacing:1.2px;margin-bottom:6px}.map-node b{font-size:12px}.node-input{border-color:rgba(var(--cyan-rgb), .55);top:102px;left:8%}.node-input b{color:var(--cyan)}.node-core{border-color:rgba(var(--purple-rgb), .6);top:48px;left:calc(50% - 46px)}.node-core b{color:var(--purple)}.node-output{border-color:#65e6c48c;top:145px;right:8%}.node-output b{color:var(--mint)}.map-line{z-index:1;transform-origin:0;border-top:1px dashed #40516b;height:1px;position:absolute}.line-a{width:37%;top:127px;left:25%;transform:rotate(-17deg)}.line-b{width:36%;top:88px;left:55%;transform:rotate(25deg)}.map-packet{z-index:3;background:var(--cyan);width:5px;height:5px;box-shadow:0 0 11px var(--cyan);border-radius:50%;position:absolute}.packet-a{animation:3.2s linear infinite packet-a}.packet-b{background:var(--purple);box-shadow:0 0 11px var(--purple);animation:3.2s linear 1.6s infinite packet-b}@keyframes packet-a{0%{opacity:0;top:126px;left:25%}15%,85%{opacity:1}to{opacity:0;top:78px;left:49%}}@keyframes packet-b{0%{opacity:0;top:88px;left:56%}15%,85%{opacity:1}to{opacity:0;top:163px;left:80%}}.window-log{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-start;gap:8px}.window-log>span{color:var(--cyan)}.window-log i{background:var(--cyan);width:5px;height:9px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.guide-section{border-bottom:1px solid var(--line);padding:96px clamp(28px,6vw,96px)}.skills-section{background:radial-gradient(circle at 82% 10%, rgba(var(--purple-rgb), .055), transparent 30rem), linear-gradient(180deg, #090b10, #080a0e)}.skills-section .section-heading h2{white-space:nowrap;font-size:clamp(28px,2.6vw,38px)}.skill-pipeline{border:1px solid var(--line);background:linear-gradient(90deg, rgba(var(--cyan-rgb), .04), rgba(var(--purple-rgb), .04), #65e6c40a), #ffffff03;border-radius:9px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px;min-height:76px;margin:-8px 0 28px;padding:12px 20px;display:grid}.skill-pipeline>div{text-align:center}.skill-pipeline small,.skill-pipeline b{display:block}.skill-pipeline small{color:var(--cyan);font:700 7px/1 var(--mono);letter-spacing:1.6px;margin-bottom:7px}.skill-pipeline>div:nth-of-type(2) small{color:var(--purple)}.skill-pipeline>div:nth-of-type(3) small{color:var(--mint)}.skill-pipeline>span{color:#43536a;font:700 15px/1 var(--mono)}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.skill-card{--skill-color:var(--cyan);--skill-rgb:var(--cyan-rgb);border:1px solid var(--line);background:radial-gradient(circle at 0 0, rgba(var(--skill-rgb), .075), transparent 14rem), var(--panel);border-radius:9px;min-width:0;min-height:330px;padding:22px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.skill-card:before{content:"";background:var(--skill-color);width:52px;height:2px;box-shadow:0 0 13px var(--skill-color);position:absolute;inset:0 auto auto 0}.skill-card:hover{border-color:#35445a;transform:translateY(-4px);box-shadow:0 20px 40px #00000040}.skill-control{--skill-color:var(--purple);--skill-rgb:var(--purple-rgb)}.skill-perception{--skill-color:var(--mint);--skill-rgb:101, 230, 196}.skill-map{--skill-color:var(--yellow);--skill-rgb:245, 199, 99}.skill-navigation{--skill-color:#7aa7ff;--skill-rgb:122, 167, 255}.skill-arm{--skill-color:#f49ac1;--skill-rgb:244, 154, 193}.skill-card-top{justify-content:space-between;align-items:flex-start;display:flex}.skill-card-top>b{color:#435064;font:700 9px/1 var(--mono)}.skill-icon{width:42px;height:42px;color:var(--skill-color);border:1px solid rgba(var(--skill-rgb), .2);background:rgba(var(--skill-rgb), .075);font:700 20px/1 var(--mono);border-radius:8px;place-items:center;display:grid}.skill-card>small{color:var(--skill-color);font:700 7px/1 var(--mono);letter-spacing:1.6px;margin:21px 0 8px;display:block}.skill-card h3{letter-spacing:-.5px;margin:0 0 11px;font-size:19px}.skill-card>p{color:#7f8c9f;min-height:57px;margin:0;font-size:10.5px;line-height:1.8}.skill-can{border:1px solid rgba(var(--skill-rgb), .12);background:rgba(var(--skill-rgb), .035);border-radius:6px;margin-top:18px;padding:12px}.skill-can span,.skill-can strong{display:block}.skill-can span{color:#68768a;font:700 7px/1 var(--mono);letter-spacing:.8px;margin-bottom:6px}.skill-can strong{color:#b5bfcd;font-size:9.5px;line-height:1.6}.skill-chips{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.skill-chips span{color:#667388;border:1px solid var(--line);font:700 7px/1 var(--mono);border-radius:4px;padding:4px 6px}.outcome-strip{background:linear-gradient(90deg, rgba(var(--cyan-rgb), .055), rgba(var(--purple-rgb), .04)), #0b0e14;border:1px solid #2b394c;border-radius:9px;align-items:center;gap:23px;min-height:94px;margin-top:17px;padding:18px 22px;display:flex;overflow:hidden}.outcome-strip>div{white-space:nowrap;align-items:center;gap:10px;display:flex}.outcome-strip strong{color:var(--cyan);font:700 27px/1 var(--mono)}.outcome-strip>div:nth-of-type(2) strong{color:var(--purple)}.outcome-strip>div:nth-of-type(3) strong{color:var(--mint)}.outcome-strip span{color:#8e9aad;font-size:9px}.outcome-strip>i{background:var(--line);width:1px;height:25px}.outcome-strip>b{color:#68768a;font:700 8px/1.5 var(--mono);letter-spacing:1.2px;text-align:right;margin-left:auto}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px;display:flex}.section-heading>div{padding-left:58px;position:relative}.section-number{color:var(--cyan);font:700 11px/1 var(--mono);position:absolute;top:2px;left:0}.section-kicker{color:var(--cyan);font:700 8px/1 var(--mono);letter-spacing:2.2px;margin:0 0 10px}.section-heading h2{letter-spacing:-1.8px;margin:0;font-size:clamp(28px,3vw,42px)}.section-heading>p{max-width:420px;color:var(--muted);margin:0;font-size:12px;line-height:1.8}.learning-section{background:linear-gradient(#090b10,#08090d)}.learning-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;display:grid}.flow-card{border:1px solid var(--line);background:linear-gradient(145deg, #ffffff06, transparent), var(--panel);border-radius:10px;min-height:276px;padding:27px;transition:transform .18s,border-color .18s;position:relative}.flow-card:hover{border-color:var(--line-bright);transform:translateY(-4px)}.flow-index{color:#3f4a5c;font:700 10px/1 var(--mono);position:absolute;top:18px;right:18px}.flow-icon{background:rgba(var(--cyan-rgb), .1);border-radius:8px;place-items:center;width:42px;height:42px;margin-bottom:22px;font-size:18px;display:grid}.flow-lesson .flow-icon{color:var(--purple);background:rgba(var(--purple-rgb), .1)}.flow-real .flow-icon{color:var(--mint);background:#65e6c41a}.flow-card small{color:var(--cyan);font:700 7px/1 var(--mono);letter-spacing:1.5px}.flow-lesson small{color:var(--purple)}.flow-real small{color:var(--mint)}.flow-card h3{margin:10px 0 11px;font-size:18px}.flow-card p{color:#8793a6;min-height:66px;margin:0;font-size:11px;line-height:1.8}.flow-card a{color:var(--fg);font:700 9px/1 var(--mono);margin-top:18px;text-decoration:none;display:inline-block}.flow-arrow{color:#405067;font:700 17px/1 var(--mono)}.game-number,.game-text{color:var(--cyan)}.lesson-number,.lesson-text{color:var(--purple)}.catalogue-toolbar{color:#566276;font:700 8px/1 var(--mono);letter-spacing:1.3px;align-items:center;gap:14px;margin-bottom:18px;display:flex}.catalogue-toolbar b{color:var(--fg);font-size:11px}.toolbar-line{background:var(--line);flex:1;height:1px}.catalogue-guide{border:1px solid rgba(var(--cyan-rgb), .18);background:linear-gradient(90deg, rgba(var(--cyan-rgb), .045), transparent);border-radius:8px;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px;min-height:78px;margin-bottom:16px;padding:13px 17px;display:grid}.catalogue-guide--lesson{border-color:rgba(var(--purple-rgb), .18);background:linear-gradient(90deg, rgba(var(--purple-rgb), .045), transparent)}.catalogue-guide>div{grid-template-columns:25px 1fr;align-items:center;gap:4px 8px;display:grid}.catalogue-guide span{color:#061014;background:var(--cyan);width:25px;height:25px;font:800 7px/1 var(--mono);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.catalogue-guide--lesson span{background:var(--purple)}.catalogue-guide b{color:#b8c2cf;font-size:9.5px}.catalogue-guide small{color:#667388;font:7px/1 var(--mono)}.catalogue-guide>i{color:#43526a;font:700 13px/1 var(--mono);font-style:normal}.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stage-card{border:1px solid var(--line);background:linear-gradient(145deg, rgba(var(--cyan-rgb), .035), transparent 45%), var(--panel);border-radius:9px;flex-direction:column;min-width:0;min-height:455px;padding:20px;transition:transform .17s,border-color .17s,box-shadow .17s;display:flex;position:relative;overflow:hidden}.stage-card:before{content:"";background:var(--cyan);width:42px;height:1px;box-shadow:0 0 12px var(--cyan);position:absolute;inset:0 auto auto 0}.stage-card--lesson{background:linear-gradient(145deg, rgba(var(--purple-rgb), .04), transparent 45%), var(--panel)}.stage-card--lesson:before{background:var(--purple);box-shadow:0 0 12px var(--purple)}.stage-card:hover{border-color:#334157;transform:translateY(-3px);box-shadow:0 18px 38px #0000003d}.stage-card[hidden]{display:none}.stage-card-top{justify-content:space-between;align-items:center;display:flex}.stage-code{color:var(--cyan);font:700 10px/1 var(--mono)}.stage-card--lesson .stage-code{color:var(--purple)}.stage-mode{color:#505d70;font:700 7px/1 var(--mono);letter-spacing:1.5px}.stage-card-icon{width:48px;height:38px;margin:25px 0 19px;position:relative}.stage-card-icon span,.stage-card-icon i,.stage-card-icon b{border:1px solid rgba(var(--cyan-rgb), .5);border-radius:4px;display:block;position:absolute}.stage-card-icon span{background:rgba(var(--cyan-rgb), .1);inset:8px 9px}.stage-card-icon i{width:7px;height:17px;top:11px;left:0}.stage-card-icon b{width:7px;height:17px;top:11px;right:0}.stage-card--lesson .stage-card-icon span,.stage-card--lesson .stage-card-icon i,.stage-card--lesson .stage-card-icon b{border-color:rgba(var(--purple-rgb), .5);background:rgba(var(--purple-rgb), .08)}.stage-concept{height:16px;color:var(--cyan);font:700 8px/1.4 var(--mono);letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;margin:24px 0 7px;overflow:hidden}.stage-card--lesson .stage-concept{color:var(--purple)}.stage-card h3{letter-spacing:-.5px;margin:0 0 11px;font-size:18px}.stage-card-preview{border:1px solid var(--line);background:#070a0e;border-radius:7px;height:104px;margin:8px 0 15px;position:relative;overflow:hidden}.card-demo{width:100%;height:104px;display:block}.preview-grid{opacity:.65;background-image:linear-gradient(rgba(var(--cyan-rgb), .05) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--cyan-rgb), .05) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0}.stage-card--lesson .preview-grid{background-image:linear-gradient(rgba(var(--purple-rgb), .055) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--purple-rgb), .055) 1px, transparent 1px)}.preview-track{border-top:1px dashed rgba(var(--cyan-rgb), .38);height:1px;position:absolute;top:54px;left:29px;right:48px}.stage-card--lesson .preview-track{border-color:rgba(var(--purple-rgb), .42)}.preview-track:after{content:"";background:var(--mint);width:5px;height:5px;box-shadow:0 0 8px var(--mint);border-radius:50%;position:absolute;top:-3px;right:-2px}.stage-card--lesson .preview-track:after{background:var(--purple);box-shadow:0 0 8px var(--purple)}.preview-robot{z-index:2;color:var(--cyan);font:700 13px/1 var(--mono);filter:drop-shadow(0 0 6px rgba(var(--cyan-rgb), .8));font-style:normal;animation:4.4s ease-in-out infinite card-preview-run;position:absolute;top:45px;left:24px}.stage-card--lesson .preview-robot{color:var(--purple);filter:drop-shadow(0 0 6px rgba(var(--purple-rgb), .85));animation-duration:3.3s}.preview-target{z-index:2;width:33px;height:33px;color:var(--mint);font-size:15px;font-family:var(--mono);background:#65e6c40f;border:1px solid #65e6c459;border-radius:50%;place-items:center;display:grid;position:absolute;top:37px;right:18px;box-shadow:0 0 16px #65e6c40f}.stage-card--lesson .preview-target{color:var(--purple);border-color:rgba(var(--purple-rgb), .35);background:rgba(var(--purple-rgb), .06)}.stage-card-preview>small{color:#526075;font:700 6px/1 var(--mono);letter-spacing:1.2px;position:absolute;top:8px;left:9px}@keyframes card-preview-run{0%,8%{opacity:0;left:24px}16%{opacity:1}72%{opacity:1;left:calc(100% - 66px)}80%,to{opacity:0;left:calc(100% - 66px)}}.stage-at-glance{gap:7px;display:grid}.stage-at-glance>div{border-left:2px solid var(--cyan);background:rgba(var(--cyan-rgb), .035);border-radius:0 5px 5px 0;min-height:54px;padding:9px 10px 9px 12px}.stage-card--lesson .stage-at-glance>div{border-left-color:var(--purple);background:rgba(var(--purple-rgb), .035)}.stage-at-glance>div:nth-child(2){border-left-color:var(--mint);background:#65e6c406}.stage-at-glance span,.stage-at-glance strong{display:block}.stage-at-glance span{color:#5d6b7e;font:700 6.5px/1 var(--mono);letter-spacing:1px;margin-bottom:5px}.stage-at-glance strong{color:#b5bfcd;font-size:9.5px;line-height:1.5}.stage-summary{color:#7f8b9d;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:10.5px;line-height:1.75;display:-webkit-box;overflow:hidden}.stage-tags{flex-wrap:wrap;gap:5px;margin:14px 0;display:flex}.stage-tags span{color:#657287;border:1px solid var(--line);font:700 7px/1 var(--mono);border-radius:4px;padding:4px 6px}.stage-card-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding-top:10px;display:grid}.stage-detail-button,.stage-open-button{min-height:34px;font:700 8px/1 var(--mono);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:0 9px;text-decoration:none;display:flex}.stage-detail-button{color:#b4bfce;border:1px solid var(--line);background:#ffffff05}.stage-open-button{color:#071014;border:1px solid var(--cyan);background:var(--cyan)}.stage-detail-button span{color:var(--cyan)}.stage-card--lesson .stage-detail-button span{color:var(--purple)}.stage-card--lesson .stage-open-button{color:#100d1c;border-color:var(--purple);background:var(--purple)}.stage-detail-button:hover{color:var(--fg);border-color:#526075}.stage-open-button:hover{filter:brightness(1.08)}.real-robot-section{background:#080a0e}.real-robot-card{background:radial-gradient(circle at 10% 0%, #65e6c414, transparent 35%), var(--panel);border:1px solid #2b394b;border-radius:12px;grid-template-columns:1.03fr .97fr;display:grid;overflow:hidden}.real-copy{padding:clamp(34px,5vw,66px)}.real-eyebrow{color:var(--mint)}.real-eyebrow>span{background:var(--mint);box-shadow:0 0 8px var(--mint)}.real-copy h2{letter-spacing:-2px;margin:22px 0 17px;font-size:clamp(30px,4vw,50px)}.real-copy>p{color:#8b98aa;margin:0;font-size:12px;line-height:1.9}.real-copy ul{margin:27px 0;padding:0;list-style:none}.real-copy li{color:#b4bdca;border-bottom:1px solid var(--line);padding:10px 0;font-size:10px}.real-copy li span{color:var(--mint);font:700 8px/1 var(--mono);margin-right:13px}.real-links{flex-wrap:wrap;gap:9px;display:flex}.real-links>a{color:#06130f;background:var(--mint);border-radius:6px;align-items:center;gap:24px;min-height:43px;padding:0 17px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.real-links .real-github-link{color:#d9e1ec;background:#111620;border:1px solid #3a4658}.real-links .real-github-link>span{color:var(--cyan)}.real-links .real-github-link>.github-star{color:var(--yellow)}.real-links>a:hover{filter:brightness(1.1);transform:translateY(-1px)}.real-resources{background:#070a0e;border:1px solid #2b3848;border-radius:9px;align-self:center;margin:35px 42px 35px 0;overflow:hidden;box-shadow:0 26px 60px #0006}.real-video-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 14px;display:flex}.real-video-heading>span{color:var(--mint);font:700 8px/1 var(--mono);letter-spacing:1.2px}.real-video-heading i{background:#ff4e45;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 9px #ff4e45b3}.real-video-heading b{color:#8e9bae;font-size:10px}.real-video{aspect-ratio:16/9;background:#020304;position:relative}.real-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.real-resource-card{border-top:1px solid var(--line);background:radial-gradient(circle at 100% 0,#f5c76312,#0000 45%),#0b0f15;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:16px;display:grid}.real-course-card{background:radial-gradient(circle at 100% 0%, rgba(var(--cyan-rgb), .08), transparent 45%), #0b0f15}.real-author-card{background:radial-gradient(circle at 100% 0%, rgba(var(--purple-rgb), .09), transparent 45%), #0b0f15}.real-author-card .resource-mark{color:var(--purple);border-color:rgba(var(--purple-rgb), .3);background:rgba(var(--purple-rgb), .07)}.real-author-card>a{color:#0b0915;background:var(--purple)}.resource-mark{width:40px;height:40px;color:var(--cyan);border:1px solid rgba(var(--cyan-rgb), .28);background:rgba(var(--cyan-rgb), .06);font:800 12px/1 var(--mono);border-radius:8px;place-items:center;display:grid}.real-resource-card small,.real-resource-card strong{display:block}.real-resource-card small{color:#657287;font:700 7px/1 var(--mono);letter-spacing:1.2px;margin-bottom:5px}.real-resource-card strong{color:#e5ebf3;font:700 12px/1.2 var(--mono)}.real-resource-card p{color:#7f8c9f;margin:6px 0 0;font-size:10px;line-height:1.5}.real-resource-card>a{color:#071014;background:var(--cyan);min-height:36px;font:800 9px/1 var(--mono);border-radius:6px;align-items:center;gap:7px;padding:0 12px;text-decoration:none;display:inline-flex}.real-resource-card>a:hover{filter:brightness(1.08)}.real-course-card>a{color:#06130f;background:var(--mint)}.guide-footer{color:#667286;background:#06070a;align-items:center;gap:40px;min-height:140px;padding:35px clamp(28px,6vw,96px);font-size:9px;display:flex}.footer-brand{margin-right:auto}.guide-analytics-note{color:#667286;font:400 8px/1.5 var(--sans);opacity:.7}.guide-footer>a:last-child{color:#8f9aab;font:700 8px/1 var(--mono);margin-left:auto;text-decoration:none}.stage-dialog{width:min(1080px,100vw - 28px);max-height:calc(100vh - 28px);color:var(--fg);background:radial-gradient(circle at 100% 0%, rgba(var(--cyan-rgb), .08), transparent 18rem), #0b0e13;border:1px solid #34445a;border-radius:12px;padding:0;overflow:auto;box-shadow:0 30px 120px #000000bf}.stage-dialog--lesson{background:radial-gradient(circle at 100% 0%, rgba(var(--purple-rgb), .09), transparent 18rem), #0b0e13}.stage-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8}.dialog-close{z-index:5;color:#8793a5;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:30px;height:30px;position:fixed;top:28px;right:max(30px,50vw - 524px)}.dialog-kicker{color:var(--cyan);font:700 8px/1 var(--mono);letter-spacing:2px}.stage-dialog--lesson .dialog-kicker{color:var(--purple)}.stage-dialog h2{letter-spacing:-2px;margin:12px 0 5px;font-size:clamp(30px,5vw,46px)}.dialog-lead{color:#8d99aa;margin:0 0 30px;font-size:12px}.dialog-section{border-top:1px solid var(--line);padding:22px 0}.dialog-label{color:#5f6c7f;font:700 8px/1 var(--mono);letter-spacing:1.7px;margin-bottom:12px;display:block}.dialog-section>p{color:#a1acbb;margin:0;font-size:12px;line-height:1.9}.dialog-chips{flex-wrap:wrap;gap:7px;display:flex}.dialog-chips code{color:var(--cyan);border:1px solid rgba(var(--cyan-rgb), .2);background:rgba(var(--cyan-rgb), .05);border-radius:5px;padding:7px 9px;font-size:9px}.stage-dialog--lesson .dialog-chips code{color:var(--purple);border-color:rgba(var(--purple-rgb), .2);background:rgba(var(--purple-rgb), .05)}.topic-list{gap:6px;display:grid}.topic-list>div{border:1px solid var(--line);border-radius:5px;grid-template-columns:52px 1fr;gap:4px 10px;padding:9px;display:grid}.topic-list b{color:var(--cyan);font:700 7px/1 var(--mono);grid-row:span 2;align-self:center}.topic-list code{color:#cbd3df;font-size:9px}.topic-list span{color:#667286;font:8px/1 var(--mono)}.command-block{color:#abb6c5;border:1px solid var(--line);font:9px/1.7 var(--mono);white-space:pre-wrap;background:#06080c;border-radius:6px;margin:0;padding:16px;overflow:auto}.command-block span{color:var(--cyan)}.dialog-real{background:#65e6c40a;border:1px solid #65e6c438;border-radius:7px;margin:10px 0 25px;padding:18px}.dialog-real>span{color:var(--mint);font:700 8px/1 var(--mono);letter-spacing:1.4px}.dialog-real p{color:#9ca8b7;font-size:11px;line-height:1.8}.dialog-real a{color:var(--mint);font:700 9px/1 var(--mono)}.dialog-play{color:#061014;background:var(--cyan);border-radius:6px;justify-content:space-between;align-items:center;min-height:44px;padding:0 17px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.stage-dialog--lesson .dialog-play{background:var(--purple)}.lesson-page{min-width:0}.lesson-page-header{border-bottom:1px solid var(--line);background:linear-gradient(90deg, rgba(var(--cyan-rgb), .055), transparent 42%), radial-gradient(circle at 90% 10%, rgba(var(--cyan-rgb), .08), transparent 18rem);justify-content:space-between;align-items:end;gap:30px;min-height:190px;padding:58px 62px 40px;display:flex}.stage-dialog--lesson .lesson-page-header{background:linear-gradient(90deg, rgba(var(--purple-rgb), .055), transparent 42%), radial-gradient(circle at 90% 10%, rgba(var(--purple-rgb), .09), transparent 18rem)}.lesson-page-header h2{margin-top:15px;font-size:clamp(42px,6vw,70px)}.lesson-page-header .dialog-lead{max-width:700px;margin-bottom:0;font-size:13px;line-height:1.65}.lesson-page-id{color:#607086;border:1px solid var(--line);font:700 8px/1 var(--mono);letter-spacing:1px;border-radius:5px;flex:none;padding:7px 10px}.lesson-visual{box-shadow:0 24px 55px #00000052, inset 0 0 45px rgba(var(--cyan-rgb), .025);background:#06090d;border:1px solid #2a384c;border-radius:10px;margin:42px 62px 0;overflow:hidden}.lesson-visual-bar,.lesson-visual-status{color:#657388;min-height:30px;font:700 7px/1 var(--mono);letter-spacing:1.4px;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.lesson-visual-bar{border-bottom:1px solid var(--line)}.lesson-visual-bar i,.lesson-visual-status b i{background:var(--mint);width:5px;height:5px;box-shadow:0 0 9px var(--mint);border-radius:50%;margin-right:6px;animation:1.5s ease-in-out infinite visual-live;display:inline-block}.lesson-visual-stage{background-image:linear-gradient(rgba(var(--cyan-rgb), .045) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--cyan-rgb), .045) 1px, transparent 1px);background-size:22px 22px;place-items:center;min-height:190px;display:grid;position:relative;overflow:hidden}#lesson-demo-canvas{z-index:1;width:100%;height:190px;display:block;position:relative}.guide-diagram{z-index:1;filter:drop-shadow(0 12px 24px #00000040);width:min(760px,90%);padding:20px;position:relative}.guide-diagram svg{width:100%;height:180px;display:block;overflow:visible}.guide-diagram svg circle,.guide-diagram svg [class*=packet],.guide-diagram svg [class*=message]{filter:drop-shadow(0 0 5px var(--cyan))}.visual-scanline{z-index:2;pointer-events:none;background:linear-gradient(transparent, rgba(var(--cyan-rgb), .045), transparent);height:28%;animation:4.5s linear infinite visual-scan;position:absolute;inset:-25% 0 auto}.stage-dialog--lesson .visual-scanline{background:linear-gradient(transparent, rgba(var(--purple-rgb), .055), transparent)}.lesson-visual-status{border-top:1px solid var(--line);letter-spacing:0;justify-content:flex-start;gap:20px}.lesson-visual-status>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.lesson-visual-status b{color:var(--mint);letter-spacing:1px;margin-left:auto}.lesson-visual-status b i{width:4px;height:4px}@keyframes visual-live{50%{opacity:.35;transform:scale(.75)}}@keyframes visual-scan{to{transform:translateY(470%)}}.lesson-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:48px;padding:52px 62px 68px;display:grid}.lesson-main{min-width:0}.article-section{border-bottom:1px solid var(--line);margin-bottom:48px;padding:0 0 48px}.article-heading{align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.article-heading>span{color:var(--cyan);font:700 9px/1 var(--mono);padding-top:3px}.stage-dialog--lesson .article-heading>span{color:var(--purple)}.article-heading small{color:#637085;font:700 7px/1 var(--mono);letter-spacing:1.8px;margin-bottom:7px;display:block}.article-heading h3{letter-spacing:-.8px;margin:0;font-size:23px}.article-lead,.article-body{color:#a4afbe;margin:0;font-size:13px;line-height:2}.insight-box{border:1px solid rgba(var(--cyan-rgb), .22);background:rgba(var(--cyan-rgb), .045);border-radius:7px;margin-top:25px;padding:20px 22px;position:relative;overflow:hidden}.stage-dialog--lesson .insight-box{border-color:rgba(var(--purple-rgb), .22);background:rgba(var(--purple-rgb), .045)}.insight-box:before{content:"";background:var(--cyan);width:2px;box-shadow:0 0 10px var(--cyan);position:absolute;inset:0 auto 0 0}.stage-dialog--lesson .insight-box:before{background:var(--purple);box-shadow:0 0 10px var(--purple)}.insight-box>span{color:var(--cyan);font:700 7px/1 var(--mono);letter-spacing:1.5px}.stage-dialog--lesson .insight-box>span{color:var(--purple)}.insight-box p{color:#a5b1c0;margin:9px 0 0;font-size:11px;line-height:1.8}.goal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.goal-grid>div{border:1px solid var(--line);background:#ffffff04;border-radius:7px;min-height:132px;padding:16px}.goal-grid b{color:var(--cyan);font:700 8px/1 var(--mono)}.stage-dialog--lesson .goal-grid b{color:var(--purple)}.goal-grid p{color:#a2adbc;margin:20px 0 0;font-size:10.5px;line-height:1.75}.mechanism-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:24px;display:grid}.mechanism-steps>div{grid-template-rows:22px auto;grid-template-columns:25px 1fr;align-items:center;display:grid;position:relative}.mechanism-steps span{color:#061014;background:var(--cyan);width:21px;height:21px;font:800 8px/1 var(--mono);border-radius:50%;place-items:center;display:grid}.stage-dialog--lesson .mechanism-steps span{background:var(--purple)}.mechanism-steps i{background:repeating-linear-gradient(90deg,#3c4a5f 0 4px,#0000 4px 8px);height:1px}.mechanism-steps>div:last-child i{background:0 0}.mechanism-steps p{color:#9aa6b5;grid-column:1/-1;margin:13px 18px 0 0;font-size:10px;line-height:1.7}.node-strip{flex-wrap:wrap;gap:6px;margin-bottom:11px;display:flex}.node-strip span{color:#97a4b5;border:1px solid var(--line);font:8px/1 var(--mono);background:#ffffff05;border-radius:5px;padding:7px 9px}.node-strip i{background:var(--mint);width:4px;height:4px;box-shadow:0 0 6px var(--mint);border-radius:50%;margin-right:6px;display:inline-block}.topic-list--animated>div{padding-right:35px;position:relative;overflow:hidden}.topic-pulse{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 9px var(--cyan);border-radius:50%;margin-top:-2px;animation:1.7s ease-in-out infinite topic-beat;position:absolute;top:50%;right:15px}.topic-list--animated>div:nth-child(2n) .topic-pulse{animation-delay:-.8s}.stage-dialog--lesson .topic-pulse{background:var(--purple);box-shadow:0 0 9px var(--purple)}@keyframes topic-beat{50%{opacity:.25;transform:scale(.65)}}.code-details{border:1px solid var(--line);background:#06080c;border-radius:7px;margin-top:20px;overflow:hidden}.code-details summary{color:#9eabba;font:700 9px/1 var(--mono);cursor:pointer;border-bottom:1px solid #0000;justify-content:space-between;padding:14px 16px;list-style:none;display:flex}.code-details[open] summary{border-bottom-color:var(--line)}.code-details summary::-webkit-details-marker{display:none}.code-details summary span{color:var(--cyan)}.code-details pre{color:#a8b4c4;max-height:420px;font:9px/1.75 var(--mono);tab-size:2;margin:0;padding:20px;overflow:auto}.exercise-section{border-bottom:0;margin-bottom:0}.exercise-card{background:#f5c7630b;border:1px solid #f5c76347;border-radius:8px;padding:23px 24px 23px 78px;position:relative}.exercise-card:before{content:"?";color:#171205;background:var(--yellow);width:34px;height:34px;font:900 14px/1 var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;top:23px;left:23px}.exercise-card>span{color:var(--yellow);font:700 7px/1 var(--mono);letter-spacing:1.5px}.exercise-card p{color:#b8b4a7;margin:8px 0 0;font-size:11px;line-height:1.8}.lesson-rail{gap:12px;display:grid;position:sticky;top:0}.rail-card{border:1px solid var(--line);background:#ffffff04;border-radius:7px;padding:18px}.rail-card .dialog-chips{display:grid}.rail-card .dialog-chips code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-card .command-block{max-height:180px;font-size:8px}.lesson-rail .dialog-real{margin:0}.lesson-rail .dialog-play{margin-top:2px}.generic-flow{justify-content:center;align-items:center;gap:15px;height:140px;display:flex}.generic-flow span{color:var(--purple);border:1px solid rgba(var(--purple-rgb), .45);background:rgba(var(--purple-rgb), .06);font:700 9px/1 var(--mono);border-radius:6px;padding:17px}.generic-flow i{background:repeating-linear-gradient(90deg, var(--purple) 0 4px, transparent 4px 8px);width:55px;height:1px;animation:1s linear infinite flow-dash}@keyframes flow-dash{to{transform:translate(8px)}}.mobile-scrim{display:none}@media (width<=1120px){.guide-sidebar{width:220px}.guide-shell{margin-left:220px}.guide-hero{grid-template-columns:minmax(0,1fr)}.hero-copy{max-width:760px}.hero-visual{width:100%;max-width:620px}.stage-grid,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outcome-strip{flex-wrap:wrap}.outcome-strip>b{text-align:left;width:100%;margin-left:0}.learning-flow{grid-template-columns:1fr}.flow-arrow{display:none}.flow-card{min-height:230px}.real-robot-card{grid-template-columns:1fr}.real-resources{margin:0 42px 42px}}@media (width<=760px){html,body,.guide-shell{width:100%;max-width:100vw;overflow-x:hidden}.guide-sidebar{width:min(290px,85vw);transition:transform .19s;transform:translate(-102%)}.guide-sidebar.open{transform:translate(0)}.guide-shell{margin-left:0}.menu-toggle{display:block}.guide-breadcrumb{display:none}.guide-header{height:60px;padding:0 16px}.guide-actions{margin-left:auto}.repository-button{padding:0 9px}.repository-label{display:none}.repository-label-short{display:inline}.play-button{padding:0 10px}.play-button>span{display:none}.guide-hero{grid-template-columns:minmax(0,calc(100vw - 44px));width:100%;min-height:auto;padding:72px 22px}.hero-copy,.hero-visual{width:calc(100vw - 44px);max-width:calc(100vw - 44px)}.system-window{width:100%;transform:none}.hero-copy h1{letter-spacing:-2.5px;font-size:clamp(36px,10vw,48px)}.hero-title-line{white-space:normal;word-break:break-all}.system-map,.hero-robot-stage,#hero-robot-canvas{height:220px}.hero-scene-tabs span{padding:3px 4px;font-size:5.5px}.guide-section{padding:72px 22px}.section-heading{flex-direction:column;align-items:start;margin-bottom:34px}.section-heading>p{padding-left:58px}.hero-learn-tags{gap:5px}.skill-pipeline{grid-template-columns:1fr;gap:9px;padding:18px}.skill-pipeline>span{transform:rotate(90deg)}.skill-grid{grid-template-columns:1fr}.skills-section .section-heading h2{white-space:normal}.skill-card{min-height:305px}.outcome-strip{flex-direction:column;align-items:flex-start;gap:14px}.outcome-strip>i{width:100%;height:1px}.outcome-strip>b{margin-top:4px}.catalogue-guide{grid-template-columns:1fr;gap:10px;padding:16px}.catalogue-guide>i{text-align:center;transform:rotate(90deg)}.stage-grid{grid-template-columns:1fr}.stage-card{min-height:310px}.real-copy{padding:35px 23px}.real-resources{margin:0 18px 22px}.real-resource-card{grid-template-columns:auto minmax(0,1fr)}.real-resource-card>a{grid-column:1/-1;justify-content:center}.guide-footer{flex-direction:column;align-items:flex-start;gap:19px}.guide-footer>a:last-child{margin-left:0}.stage-dialog{padding:0}.lesson-page-header{flex-direction:column;align-items:flex-start;min-height:170px;padding:52px 22px 28px}.lesson-page-header h2{letter-spacing:-1.5px;font-size:40px}.lesson-page-header .dialog-lead{font-size:11px}.lesson-page-id{display:none}.lesson-visual{margin:22px 14px 0}.lesson-visual-stage{min-height:150px}#lesson-demo-canvas{height:150px}.guide-diagram{width:100%;padding:8px}.guide-diagram svg{height:150px}.lesson-visual-status>span{max-width:75%}.lesson-layout{grid-template-columns:minmax(0,1fr);gap:30px;padding:38px 22px 48px}.article-section{margin-bottom:36px;padding-bottom:36px}.article-heading h3{font-size:20px}.article-lead,.article-body{font-size:12px}.goal-grid{grid-template-columns:1fr}.goal-grid>div{min-height:100px}.mechanism-steps{grid-template-columns:1fr;gap:14px}.mechanism-steps>div{grid-template-columns:25px 1fr}.mechanism-steps>div:last-child i{background:repeating-linear-gradient(90deg,#3c4a5f 0 4px,#0000 4px 8px)}.mechanism-steps p{margin-bottom:8px}.lesson-rail{position:static}.exercise-card{padding:64px 19px 20px}.exercise-card:before{top:18px;left:19px}.mobile-scrim{z-index:25;background:#0000009e;position:fixed;inset:0}.mobile-scrim.show{display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}.guide-brand strong{font-size:15px}.guide-brand small,.guide-nav-label{font-size:10px}.guide-nav a{min-height:46px;font-size:14px}.guide-nav a>span,.guide-nav a>b{font-size:10px}.guide-breadcrumb,.quiet-button,.repository-button,.play-button{font-size:11px}.eyebrow{font-size:10px}.hero-copy>p{font-size:17px;line-height:1.9}.hero-copy>.hero-simulation-note,.hero-learn-tags span,.primary-cta,.secondary-cta{font-size:12px}.hero-learn-tags span{font-size:11px}.section-heading>p{font-size:15px}.section-kicker,.section-number{font-size:10px}.skill-pipeline small{font-size:9px}.skill-pipeline b{font-size:14px}.skill-card{min-height:370px}.skill-card>small,.skill-can span,.skill-chips span{font-size:9px}.skill-card h3{font-size:21px}.skill-card>p{font-size:13.5px}.skill-can strong{font-size:12.5px}.outcome-strip span{font-size:11px}.outcome-strip>b{font-size:10px}.flow-card small{font-size:9px}.flow-card h3{font-size:20px}.flow-card p{font-size:14px}.flow-card a{font-size:11px}.catalogue-toolbar,.catalogue-guide small{font-size:9px}.catalogue-guide b{font-size:12px}.stage-card{min-height:480px}.stage-code{font-size:12px}.stage-mode{font-size:9px}.stage-concept{height:18px;font-size:10px}.stage-card h3{font-size:20px}.stage-at-glance span{font-size:8.5px}.stage-at-glance strong{font-size:12.5px}.stage-tags span{font-size:9px}.stage-detail-button,.stage-open-button{min-height:38px;font-size:10px}.real-copy>p{font-size:15px}.real-copy li{font-size:13px}.real-copy li span{font-size:10px}.guide-footer{font-size:12px}.guide-footer>a:last-child,.dialog-kicker,.dialog-label{font-size:10px}.dialog-lead,.dialog-section>p{font-size:15px}.dialog-chips code{font-size:11px}.topic-list b{font-size:9px}.topic-list code{font-size:11px}.topic-list span{font-size:10px}.command-block{font-size:11px}.dialog-real>span{font-size:10px}.dialog-real p{font-size:14px}.dialog-real a,.dialog-play{font-size:12px}.article-heading>span{font-size:11px}.article-heading small{font-size:9px}.article-heading h3{font-size:25px}.article-lead,.article-body{font-size:16px;line-height:1.95}.insight-box>span{font-size:9px}.insight-box p{font-size:14px}.goal-grid b{font-size:10px}.goal-grid p{font-size:13.5px}.mechanism-steps span{font-size:10px}.mechanism-steps p{font-size:13px}.node-strip span{font-size:10px}.code-details summary,.code-details pre{font-size:11px}.exercise-card>span{font-size:9px}.exercise-card p{font-size:14px}@media (width<=760px){.hero-copy>p{font-size:16px}.skill-card{min-height:350px}.stage-card{min-height:430px}.section-heading>p{font-size:14px}.article-heading h3{font-size:23px}.article-lead,.article-body{font-size:15px}.guide-header,.guide-actions,.guide-main,.guide-section,.guide-hero,.hero-copy,.hero-visual{min-width:0}.guide-header{width:100%}.guide-actions{gap:5px}.quiet-button{padding-inline:9px}.guide-main{width:100%}.hero-copy h1,.hero-copy>p,.section-heading,.section-heading>p{overflow-wrap:anywhere}.hero-learn-tags span{max-width:100%}}@media (width<=420px){.guide-header{padding-inline:10px}.guide-actions .quiet-button{display:none}.play-button{width:38px;padding:0;font-size:0}.play-button:before{content:"↗";font:700 14px/1 var(--mono)}.guide-hero,.guide-section{padding-inline:16px}.hero-copy,.hero-visual{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.guide-hero{grid-template-columns:minmax(0,calc(100vw - 32px))}.section-heading>p{padding-left:0}.hero-copy>p{white-space:normal;word-break:break-all;width:100%;max-width:100%}}