.learningPage{background:var(--paper);min-height:100vh}.learningHero{padding:80px 0 65px}.learningHero h1{margin:22px 0 25px;font-size:clamp(58px,8vw,100px)}.learningHero>p{max-width:820px;color:var(--muted);font-size:15px;line-height:1.7}.learningActions{flex-wrap:wrap;gap:9px;margin-top:29px;display:flex}.learningActions a{border:1px solid var(--line);border-radius:5px;padding:11px 14px;font:700 8px Courier New}.learningActions .primary{background:var(--ink);color:#fff;border-color:var(--ink)}.learningProof{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.learningProof div{border-right:1px solid var(--line);flex-direction:column;min-height:115px;padding:20px;display:flex}.learningProof div:last-child{border:0}.learningProof b{font-size:32px}.learningProof span{color:#788178;margin-top:auto;font:8px Courier New}.learningControls{color:#fff;background:#172119;padding:110px 0}.learningControls h2 em{color:#9fa9a1}.learningControls .sectionHead>p{color:#939d95}.learningControlGrid{border:1px solid #38433b;border-radius:12px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.learningControlGrid article{border-right:1px solid #38433b;min-height:260px;padding:22px}.learningControlGrid article:last-child{border:0}.learningControlGrid span{color:#7d8980;font:8px Courier New}.learningControlGrid b{margin:52px 0 15px;font-size:15px;display:block}.learningControlGrid p{color:#909b92;font-size:10px;line-height:1.65}.learningWindows{background:#e7eadf;padding:105px 0}.learningWindows>.shell{grid-template-columns:.8fr 1.2fr;align-items:end;gap:80px;display:grid}.learningWindows h2{margin:14px 0 20px}.learningWindows p{color:#697269;font-size:10px;line-height:1.7}.windowTable{border:1px solid #c8cec4;border-radius:11px;overflow:hidden}.windowTable header,.windowTable>div{border-bottom:1px solid #c8cec4;grid-template-columns:1.2fr 1fr 1fr;padding:17px;display:grid}.windowTable>div:last-child{border:0}.windowTable span,.windowTable b{font:9px Courier New}.windowTable header span{color:#7a8279}.learningFormula{background:#dceb55;padding:70px 0}.learningFormula>.shell{background:#aeb84c;border:1px solid #aeb84c;grid-template-columns:1fr 1fr;gap:1px;display:grid}.learningFormula article{background:#eef39b;padding:28px}.learningFormula span{font:8px Courier New}.learningFormula b{margin:28px 0 16px;font-size:19px;display:block}.learningFormula p{color:#5e662f;font-size:9px;line-height:1.6}.learningReproducer{padding:110px 0}.learningLab{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.learningLab>header{border-bottom:1px solid var(--line);background:#f2f3ed;justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.learningLab>header>div{align-items:center;gap:8px;display:flex}.learningLab header span,.learningLab header b,.learningLab button{font:700 8px Courier New}.learningLab button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:5px;padding:8px 10px}.learningLab .runLearning{background:var(--ink);color:#fff}.learningWorkspace{grid-template-columns:1.1fr .9fr;display:grid}.learningEditor{border-right:1px solid var(--line)}.learningEditor label{padding:13px 16px;font:8px Courier New;display:block}.learningEditor textarea{border:0;border-top:1px solid var(--line);resize:vertical;outline:0;width:100%;min-height:760px;padding:18px;font:9px/1.55 Courier New;display:block}.learningEditor footer{border-top:1px solid var(--line);background:#f6f6f1;justify-content:space-between;padding:13px 16px;font:8px Courier New;display:flex}.learningOutput{background:var(--ink);color:#fff;padding:19px}.learningStatus{border-bottom:1px solid #354238;padding-bottom:17px}.learningStatus span,.learningStatus small{color:#829087;font:8px/1.5 Courier New;display:block}.learningStatus b{margin:12px 0;font-size:28px;display:block}.learningStatus.passed b{color:var(--lime)}.learningStatus.failed b{color:#ff938d}.learningMetrics{border:1px solid #354238;grid-template-columns:1fr 1fr;margin:17px 0;display:grid}.learningMetrics article{border-bottom:1px solid #354238;border-right:1px solid #354238;min-height:105px;padding:12px}.learningMetrics article:nth-child(2n){border-right:0}.learningMetrics article:nth-child(n+3){border-bottom:0}.learningMetrics span,.learningMetrics small{color:#829087;font:7px Courier New;display:block}.learningMetrics b{margin-top:20px;font-size:18px;display:block}.learningMetrics small{margin-top:7px}.learningGates article{border-bottom:1px solid #303b32;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.learningGates span,.learningGates i{font:700 8px Courier New}.learningGates b{font-size:9px}.learningGates p{color:#859088;margin:5px 0 0;font-size:8px;line-height:1.45}.learningGates i{color:#ff938d;font-style:normal}.learningGates .pass i{color:var(--lime)}.learningLab>aside{background:#fff7d4;border-top:1px solid #d7c269;grid-template-columns:185px 1fr;gap:20px;padding:17px;display:grid}.learningLab>aside b{font:8px Courier New}.learningLab>aside p{color:#706733;margin:0;font-size:9px;line-height:1.5}.learningBoundary{background:#cfd7ef;padding:34px 0}.learningBoundary>.shell{grid-template-columns:220px 1fr auto;align-items:center;gap:30px;display:grid}.learningBoundary b,.learningBoundary a{font:700 8px Courier New}.learningBoundary p{font-size:10px;line-height:1.6}.learningBoundary a{border-bottom:1px solid}.learningBoundary+.wantedFooter{margin-top:0}@media (max-width:950px){.learningControlGrid{grid-template-columns:1fr 1fr}.learningControlGrid article:nth-child(2){border-right:0}.learningControlGrid article:nth-child(-n+2){border-bottom:1px solid #38433b}.learningWindows>.shell,.learningWorkspace{grid-template-columns:1fr}.learningEditor{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:720px){.learningHero h1{font-size:48px}.learningProof,.learningControlGrid,.learningFormula>.shell{grid-template-columns:1fr 1fr}.learningProof div:nth-child(2){border-right:0}.learningProof div:nth-child(-n+2){border-bottom:1px solid var(--line)}.learningLab>header,.learningEditor footer,.learningBoundary>.shell{flex-direction:column;align-items:flex-start;display:flex}.learningLab>header>div{flex-wrap:wrap}.learningEditor textarea{min-height:520px}}
