.learning-lab{margin-top:44px;border:1px solid #465239;border-radius:12px;overflow:hidden;background:#13190f}
.learning-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid var(--line)}
.learning-heading>span{font-size:.625rem;letter-spacing:.13em;color:var(--accent)}
.learning-heading h3{font-size:clamp(1.35rem,2.2vw,1.9rem);letter-spacing:-.035em;line-height:1.2;margin-top:9px}
.learning-modes{display:flex;gap:5px;border:1px solid #465239;border-radius:7px;padding:5px;flex-shrink:0}
.learning-modes button{font:inherit;font-size:.8125rem;min-height:44px;padding:10px 15px;border:0;border-radius:4px;color:#c0cbb5;background:transparent;cursor:pointer}
.learning-modes button[aria-pressed=true]{background:var(--accent);color:#1c2512}
.learning-modes button:focus-visible{outline-color:var(--cyan);outline-offset:3px}
.learning-diagram{padding:28px}
.learning-lane+.learning-lane{margin-top:26px}
.learning-lane-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:.625rem;letter-spacing:.12em;color:#c3ceb7}
.learning-lane-title strong{font-weight:500;color:var(--accent)}
.learning-lane-title>span{letter-spacing:.02em;color:#9da992}
.learning-lane--critic .learning-lane-title strong{color:var(--cyan)}
.learning-path{display:grid;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr) 45px minmax(0,1fr);align-items:stretch}
.learning-node{position:relative;min-width:0;border:1px solid #3b4930;border-radius:7px;background:#1b2416;padding:20px 23px;transition:border-color .2s,background .2s}
.learning-node h4{font-family:var(--display);font-weight:500;font-size:1.125rem;line-height:1.2;letter-spacing:-.02em}
.learning-node p{font-size:.8125rem;line-height:1.65;color:#b9c5ad;margin-top:9px}
.learning-node small{display:block;font-size:.6875rem;color:#98a88a;line-height:1.55;margin-top:9px}
.learning-node--network{background:radial-gradient(ellipse at 100% 0,#d5f66b12,transparent 80%),#1c2616;border-color:#6d814a}
.learning-lane--critic .learning-node{background:#17211b;border-color:#354e43}
.learning-lane--critic .learning-node--network{background:radial-gradient(ellipse at 100% 0,#a4d7d417,transparent 80%),#17211b;border-color:#537e72}
.learning-arrow{align-self:center;justify-self:center;color:#b3cb83;font-size:1.6rem;font-weight:300}
.learning-lane--critic .learning-arrow{color:var(--cyan)}
.learning-node-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;min-height:25px}
.learning-node-tag{font-size:.5625rem;letter-spacing:.13em;color:#a4b88e}
.learning-lane--critic .learning-node-tag{color:#94bdb2}
.learning-history{display:flex;gap:3px;height:20px;align-items:center}
.learning-history i{width:5px;height:12px;border-radius:2px;background:#91ac62;opacity:.2}
.learning-history i:nth-child(2n){height:18px}.learning-history i:nth-child(n+4){opacity:.5}.learning-history i:last-child{opacity:1}
.learning-network{width:56px;height:29px;overflow:visible;color:var(--accent)}
.learning-lane--critic .learning-network{color:var(--cyan)}
.learning-network path{fill:none;stroke:currentColor;stroke-width:.6;opacity:.3}
.learning-network circle{fill:currentColor}
.learning-hand{height:29px;width:35px;object-fit:contain}
.learning-extra{display:flex;gap:4px}.learning-extra i{width:8px;height:8px;border:1px solid var(--cyan);transform:rotate(45deg);opacity:.65}
.learning-value{display:flex;gap:3px;align-items:end;height:23px}.learning-value i{width:5px;background:var(--cyan);height:8px;opacity:.4}.learning-value i:nth-child(2){height:14px}.learning-value i:nth-child(3){height:19px;opacity:.6}.learning-value i:nth-child(4){height:23px;opacity:.8}
.learning-update{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;padding:21px 24px;margin-top:25px;border:1px dashed #82945d;border-radius:7px;background:#242e1b}
.learning-update>p{font-size:.8125rem;color:#bdcaae;line-height:1.6}.learning-update>p:last-child{text-align:right}.learning-update p strong{display:block;font-weight:500;color:#e6efd9}
.learning-ppo{display:flex;align-items:center;gap:15px;color:var(--accent);font-family:var(--display)}
.learning-ppo b{display:flex;flex-direction:column;gap:4px;font-size:1.4rem;line-height:1.1;font-weight:500;text-align:center}
.learning-ppo small{font-family:var(--font);font-size:.5625rem;letter-spacing:.1em;color:#aabb95;font-weight:400}
.learning-caption{font-size:.75rem;line-height:1.7;color:#b6c3a9;margin:20px 0 0;max-width:900px}
.learning-caption strong{color:#e0eccf;font-weight:500}
.learning-story{border-top:1px solid var(--line);padding:22px 28px;background:#1a2314}
.learning-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.learning-steps button{display:flex;gap:9px;align-items:center;min-height:42px;border:1px solid #485b34;border-radius:5px;background:#182112;padding:8px 14px;color:#bbccaa;font-size:.8125rem;cursor:pointer}
.learning-steps button span{font-size:.625rem;color:#97ad7b}.learning-steps button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#29371d}
.learning-story h4{font-size:1rem;font-weight:500;color:#e2ecd6;margin-bottom:7px}.learning-story p{font-size:.875rem;line-height:1.75;color:#b5c4a7;max-width:950px;min-height:1.75em}
.learning-node.is-highlighted,.learning-update.is-highlighted{border-color:var(--accent);background-color:#2a3820;box-shadow:inset 0 0 0 1px #d5f66b44}
.learning-lane--critic .learning-node.is-highlighted{border-color:var(--cyan);background-color:#20372d;box-shadow:inset 0 0 0 1px #a4d7d433}
.learning-deployment{border-top:1px solid var(--line);background:#1d2a15;padding:21px 28px;color:#dbe8cc;font-size:.875rem;line-height:1.7}
.learning-deployment strong{color:var(--accent);font-weight:500}
.learning-bridge{display:flex;justify-content:space-between;align-items:start;gap:30px;margin:44px 0 -22px;padding-top:30px;border-top:1px solid var(--line)}
.learning-bridge h3{font-size:1.5rem;font-weight:500;letter-spacing:-.035em;line-height:1.25}.learning-bridge p{font-size:.9375rem;line-height:1.7;color:var(--muted);max-width:550px}
@media(max-width:1000px){.learning-header{align-items:start;flex-direction:column;gap:20px}.learning-path{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr)}.learning-node{padding:17px}.learning-update{gap:16px}.learning-node h4{font-size:1rem}}
@media(max-width:650px){.learning-header{padding:22px 20px}.learning-heading h3{font-size:1.6rem}.learning-modes{width:100%}.learning-modes button{flex:1;padding:8px;font-size:.75rem}.learning-diagram{padding:23px 18px}.learning-path{grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr)}.learning-node--input{grid-column:1/-1}.learning-node--input .learning-node-top{margin-bottom:8px}.learning-node--input p{margin-top:6px}.learning-arrow--first{grid-column:1/-1;transform:rotate(90deg);height:32px;line-height:32px}.learning-node{padding:16px 13px}.learning-node small{font-size:.625rem}.learning-node p{font-size:.75rem}.learning-node-top{gap:5px}.learning-node-tag{font-size:.5rem;letter-spacing:.08em}.learning-network{width:40px;height:25px}.learning-lane-title{align-items:start;font-size:.5625rem;line-height:1.5;gap:15px}.learning-lane-title>span{text-align:right;max-width:130px}.learning-update{grid-template-columns:1fr;gap:16px;padding:19px;text-align:center}.learning-update>p:last-child{text-align:center}.learning-ppo{justify-content:center}.learning-ppo>span{transform:rotate(90deg)}.learning-ppo>span:first-child{display:none}.learning-update .learning-ppo{flex-direction:column;gap:10px}.learning-story{padding:22px 20px}.learning-steps{gap:6px}.learning-steps button{padding:7px 11px;font-size:.75rem}.learning-story p{min-height:5.25em}.learning-deployment{padding:20px}.learning-bridge{display:block;margin-top:32px;padding-top:26px}.learning-bridge p{margin-top:12px}}
@media(max-width:650px){.learning-arrow--first{transform:none;width:calc((100% - 25px)/2);justify-self:start;text-align:center;font-size:0}.learning-arrow--first::after{content:"↓";font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){.learning-node{transition:none}}
