.learning[hidden]{display:none!important}.learning{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#131515;color:#eeedec;font:14px/1.6 system-ui,Segoe UI,sans-serif;display:flex;flex-direction:column}.learning *{box-sizing:border-box}.learning button{font:600 13px/1.3 system-ui,sans-serif;text-transform:none;letter-spacing:0;border-radius:7px;padding:8px 12px;transition:background .15s,border-color .15s}.learning button:hover{background:#373c3b;border-color:#977879}.learning button:focus-visible,.learning input:focus-visible,.learning select:focus-visible{outline:2px solid #cac6c4;outline-offset:3px}.learning .accent{background:#f00001;color:#fff;border-color:#f00001}.learning .accent-unused{background:#cdc9c7;color:#1c1f1d;border-color:#cdc9c7}.learning .accent:hover{background:#ff2a24;color:#fff}.learning .accent-unused:hover{background:#dfdcdb}.learning button:disabled{opacity:.45;cursor:default}.learn-header{height:78px;flex-shrink:0;display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid #363a39;background:#1b1d1d}.learn-mark{width:44px;height:44px;background:url(/brand/redstonery-mark.png) center/contain no-repeat}.learn-brand{font-weight:750;font-size:18px;line-height:1.2}.learn-brand small{display:block;margin-top:5px;color:#a3b5a9;font-size:11px;letter-spacing:.13em;font-weight:500;text-transform:uppercase}.learn-header nav{display:flex;gap:6px;margin-left:auto}.learn-header nav button{background:transparent;border-color:transparent;color:#c0bbb8}.learn-header nav button.active{background:#363b39;color:#e2e0df}.learn-close{margin-left:8px}.learn-workspace{min-height:0;flex:1;display:grid;grid-template-columns:240px minmax(0,1fr)}.learn-rail{display:flex;flex-direction:column;min-height:0;border-right:1px solid #363a39;background:#191c1b;padding:20px 14px 0}.learn-rail h2{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#aea7a4;margin:0 0 12px}.learn-search,.learn-filter{width:100%;background:#121413;border:1px solid #414743;color:#f3f2f1;border-radius:7px;padding:10px;font:13px system-ui;margin-bottom:9px}.learn-count{font-size:11px;color:#ada6a3;margin:1px 0 12px}.learn-cards{overflow:auto;min-height:0;padding-bottom:18px;scrollbar-color:#634949 transparent}.learning .learn-card{display:flex;gap:11px;align-items:center;text-align:left;width:100%;padding:9px 8px;margin-bottom:6px;background:transparent;border:1px solid transparent;color:#e3e0df;font-weight:500}.learning .learn-card.selected{background:#303532;border-color:#7e5859}.learn-card img{width:57px;height:44px;object-fit:contain;image-rendering:pixelated;background:#131414;border-radius:4px}.learn-card span{min-width:0;font-size:12px;line-height:1.4}.learn-card small{display:block;font-size:10px;color:#a4b5a7;margin-top:4px}.learn-main{overflow:auto;padding:26px 32px 40px;min-width:0;background:radial-gradient(ellipse at 80% 0%,#272b29 0%,transparent 55%),#141515}.learn-kicker{font:600 11px system-ui;letter-spacing:.15em;color:#b6b0ad;text-transform:uppercase}.learn-titlebar{display:flex;gap:18px;align-items:center;margin:8px 0 18px}.learn-titlebar h1{font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:-.035em;margin:0;flex:1}.learn-subtitle{color:#bbb5b2;max-width:800px;margin:0 0 22px;font-size:14px}.learn-badge{border:1px solid #624545;border-radius:30px;display:inline-block;color:#c4bfbd;font-size:10px;padding:3px 8px;margin-right:6px;white-space:nowrap}.learn-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.85fr);gap:26px;align-items:start}.learn-cardbox{border:1px solid #3c403d;border-radius:12px;overflow:hidden;background:#1a1c1b}.learn-preview-head{padding:11px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;border-bottom:1px solid #3c403d;font-size:11px;color:#adbcaf}.learn-preview-head strong{margin-right:auto}.learn-preview-head button{padding:6px 10px}.learn-preview-head button.active{background:#f00001;color:#fff;border-color:#f00001}.learn-stage{position:relative;height:330px;background:#141615;overflow:hidden}.learn-stage canvas{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}.learn-stage canvas[hidden]{display:none!important}.learn-viewhint{position:absolute;left:12px;bottom:10px;pointer-events:none;color:#b8b2af;font-size:10px;background:#101a17d9;padding:4px 8px;border-radius:5px}.learn-sim-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:12px 14px;background:#222523;border-top:1px solid #3c403d}.learn-sim-controls output{margin-left:auto;font:11px var(--mono);color:#cfcbc9}.learn-sim-controls select{font-size:11px}.learn-caption{font-size:11px;color:#a49c98;padding:0 14px 12px;margin:0}.learn-section{margin:22px 0}.learn-section h2,.learn-section h3{font-size:14px;letter-spacing:-.01em;margin:0 0 9px;color:#e5e3e2}.learn-section p{margin:0 0 12px;color:#c3bebc;font-size:13px;line-height:1.7}.learn-section ol{padding-left:23px;margin:0;color:#c9c4c2;font-size:13px}.learn-section li{padding:3px 0 6px 3px}.learn-concepts{display:flex;flex-wrap:wrap;gap:6px}.learn-concepts span{background:#2b2e2c;color:#c8c3c1;border-radius:4px;padding:3px 8px;font-size:11px}.learn-bridge{background:#2c2f2d;border:1px solid #4a4f49;border-left:3px solid #bbb6b3;border-radius:8px;padding:17px 19px}.learn-bridge h3{color:#cdc8c6;margin:0 0 6px;font-size:14px}.learn-bridge p{font-size:13px;color:#c6c1be;margin:0;line-height:1.7}.learn-experiment{border:1px solid #434843;border-radius:8px;padding:14px 15px;margin:10px 0;background:#1f2120}.learn-experiment h3{margin:0 0 7px;font-size:13px;color:#e5e2e1}.learn-experiment p{font-size:12px;margin:0 0 9px;color:#c4bfbc}.learn-experiment details summary{cursor:pointer;color:#c2bdba;font-size:12px}.learn-experiment details p{padding-top:10px;color:#d2cfcd}.learn-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;padding:13px}.learn-input{background:#252927;border:1px solid #434843;border-radius:7px;padding:11px}.learn-input header{font-size:11px;color:#bdb7b4;margin-bottom:7px;display:flex;gap:6px;align-items:center}.learn-input b{font:600 12px var(--mono);color:#d8d4d2;margin-left:auto}.learn-input .actions{display:flex;gap:5px;flex-wrap:wrap}.learn-input .actions button{font-size:11px;padding:5px 8px}.learn-input select{font-size:11px;width:100%;margin-bottom:5px}.learn-input button[data-on=true]{background:#f00001;color:#fff}.learn-outputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:12px 0}.learn-output{background:#242624;border:1px solid #474d47;border-radius:7px;padding:10px;font-size:11px;color:#b3adaa}.learn-output strong{display:block;color:#d5d1cf;font:600 17px var(--mono);margin-top:5px}.learn-wave{display:block;width:100%;height:100px;background:#121413;border:1px solid #3d423d;border-radius:8px}.learn-wave-note{color:#a8a09c;font-size:10px;margin-top:6px}.learn-related{display:flex;flex-direction:column;gap:9px}.learning .learn-related button{text-align:left;background:#252927;color:#d8d5d4;border-color:#424842;font-size:12px}.learn-related small{display:block;color:#b8b1ae;font-weight:400;font-size:11px;margin-top:5px;line-height:1.6}.learn-sources{font-size:11px;color:#8ea48f;margin-top:24px}.learn-sources a{color:#b3aca9;text-decoration:none;display:block;margin:5px 0}.learn-error{color:#ffb399;padding:20px;font-size:13px}.learning .muted{color:#ada6a3;font-size:12px}.learn-paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.learn-path{background:#232624;border:1px solid #434843;border-radius:12px;padding:23px}.learn-path h2{font-size:19px;line-height:1.3;margin:10px 0}.learn-path p{color:#bcb7b4;font-size:13px}.learn-path ol{padding-left:21px}.learn-path li{margin:7px 0}.learn-path li button{background:transparent;border:0;text-align:left;color:#c9c4c2;padding:0;font-weight:500;font-size:12px}.learn-logic-layout{max-width:950px}.learn-gate-pickers{display:flex;gap:20px;align-items:end;flex-wrap:wrap;margin:25px 0}.learn-gate-pickers label{display:grid;gap:7px;color:#b1aaa7;font-size:12px}.learn-gate-pickers select{min-width:180px;font:600 18px system-ui;padding:10px;border-color:#704d4e}.learn-logic-inputs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.learning .logic-input.on{background:#f00001;color:#fff}.learn-logic-diagram{display:block;width:100%;height:auto;border:1px solid #474c47;border-radius:12px;background:#1a1c1b;margin:20px 0}.learn-formula{padding:16px;border-radius:7px;background:#2e322e;color:#d5d1cf;font:600 17px var(--mono);overflow-wrap:anywhere}.learn-truth{border-collapse:collapse;width:100%;margin:20px 0;font:13px var(--mono)}.learn-truth th{font-size:11px;color:#aba4a1;text-transform:uppercase;text-align:left;border-bottom:1px solid #633d3e;padding:9px 14px}.learn-truth td{padding:9px 14px;border-bottom:1px solid #343934;color:#beb9b6}.learn-truth tr.current td{background:#3f423d;color:#e2dfde}.learn-logic-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.learn-logic-notes section{background:#272b28;border-radius:8px;padding:18px}.learn-logic-notes h3{font-size:14px;margin:0 0 8px}.learn-logic-notes p{font-size:12px;color:#bcb7b4;margin:0}.learn-limit{color:#b2aba8;font-size:12px;max-width:800px;margin-top:20px}.learn-progress{font-size:11px;color:#bab4b1}.learn-explore{margin-top:15px}@media(min-width:1500px){.learn-main{padding:32px 46px}.learn-stage{height:410px}.learn-columns{gap:36px}.learn-workspace{grid-template-columns:268px minmax(0,1fr)}}@media(max-width:1150px){.learn-columns{grid-template-columns:1fr}.learn-main{padding:23px}.learn-stage{height:340px}.learn-header{padding:12px 18px;gap:15px}.learn-header nav{gap:1px}.learn-header nav button{font-size:11px;padding:8px}.learn-mark{width:29px;height:29px;border-width:6px}.learn-titlebar{flex-wrap:wrap}.learn-titlebar h1{min-width:180px}}@media(max-width:700px){.learn-header{height:auto;min-height:74px;flex-wrap:wrap;padding:12px;gap:10px}.learn-brand{font-size:16px}.learn-brand small{font-size:9px}.learn-header nav{order:3;width:100%;margin:0}.learn-close{margin-left:auto}.learn-workspace{grid-template-columns:155px minmax(0,1fr)}.learn-rail{padding:14px 7px 0}.learning .learn-card{gap:6px;padding:7px 3px}.learn-card img{width:32px;height:32px}.learn-card span{font-size:11px}.learn-main{padding:18px 13px}.learn-titlebar h1{font-size:25px}.learn-stage{height:250px}.learn-logic-notes{grid-template-columns:1fr}.learn-search,.learn-filter{font-size:11px;padding:8px}.learn-inputs{grid-template-columns:1fr}.learn-columns{gap:8px}}.learn-main.preview-wide .learn-columns{grid-template-columns:1fr}.learn-main.preview-wide .learn-stage{height:min(65vh,680px)}.learn-main.preview-wide .learn-reading{max-width:850px}
