.learn-hero{grid-template-columns:1.2fr 1fr}.learn-hero h1{font-size:clamp(42px,5vw,65px)}.learning-map{background:#dfe9e0;padding:30px;border-radius:18px}.energy-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:40px 0}.energy-flow span{font-size:36px;text-align:center;color:var(--teal)}.energy-flow b,.energy-flow small{display:block;font-size:14px}.energy-flow small{font-size:11px;color:#52666a}.energy-flow i{font-style:normal}.storage-line{text-align:center;border:1px dashed #86a89a;border-radius:8px;padding:15px}.learn-nav{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--line);padding:0 0 20px}.learn-nav a{padding:8px 15px;border-radius:25px;border:1px solid var(--line);text-decoration:none;font-size:14px}.learn-nav a:hover{background:#dfe9e0}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.guides article{scroll-margin-top:30px;border-top:3px solid #bdd0c4;padding-top:25px}.guides h3{font-size:23px}.video-grid,.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.video-frame{aspect-ratio:16/9;background:var(--ink);color:white;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;overflow:hidden}.video-frame>span{font-size:10px;letter-spacing:2px}.play{background:#e5c96b;color:var(--ink);border-color:#e5c96b}.video-frame iframe{width:100%;height:100%;border:0}.big-output{display:block;font-size:36px;font-weight:750;color:var(--teal);margin-top:22px;line-height:1.3}.big-output small{display:block;font-size:14px;font-weight:400}.scenario-buttons{display:flex;flex-wrap:wrap;gap:8px}.flow-demo{display:flex;gap:20px;align-items:center;margin:35px 0}.flow-demo>span{font-size:45px;color:var(--teal)}.flow-track{height:14px;background:#e8ece3;border-radius:20px;flex:1;overflow:hidden}#flow-bar{display:block;height:100%;background:var(--yellow);width:100%;transition:width .5s}.slide-shell{background:#e1ebe3;border-radius:18px;padding:38px}.slide-counter{font-size:12px;letter-spacing:2px;color:var(--teal)}#slide-content{min-height:230px;max-width:750px}#slide-content h3{font-size:32px;letter-spacing:-1px;margin-bottom:15px}#slide-content p{font-size:18px}.slide-controls{display:flex;justify-content:space-between;gap:10px}header nav{flex-wrap:wrap}header{flex-wrap:wrap}@media(max-width:750px){.learn-hero,.guides,.demo-grid,.video-grid{grid-template-columns:1fr}.learning-map{padding:22px}.slide-shell{padding:24px}#slide-content h3{font-size:27px}#slide-content{min-height:310px}.guides{gap:15px}.energy-flow{margin:25px 0}}
.breaker-card h4{font-size:13px;color:var(--teal);margin:20px 0 5px}.breaker-card p{font-size:14px;margin:0}.rating-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rating-grid b,.rating-grid span{display:block}.rating-grid span{font-size:14px}.breaker-grid{margin-top:25px}@media(max-width:750px){.rating-grid{grid-template-columns:1fr}}