.grid-page{display:grid;gap:25px;min-width:0}.grid-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);background:#153c39;color:#f2f8ed;border-radius:14px;overflow:hidden;border:1px solid #2e5548}.grid-hero>div:first-child{padding:35px 38px}.grid-kicker{font-size:10px;letter-spacing:1.6px;color:#b9d0ba}.grid-hero h2{font-size:35px;line-height:1.2;letter-spacing:-1px;max-width:580px;margin:21px 0 17px;font-weight:500}.grid-lead{font-size:13px;line-height:1.9;color:#d1dfce;max-width:590px}.grid-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.grid-tags span{display:flex;align-items:center;gap:7px;font-size:10px;border:1px solid #577665;padding:8px 10px;border-radius:5px}.grid-tags svg{width:13px;height:13px}.grid-launch{background:#e8f0df;padding:30px;display:flex;flex-direction:column;justify-content:center;color:#34563d;border-left:1px solid #557260}.grid-launch .eyebrow{font-size:9px;letter-spacing:1.1px}.grid-launch>p:last-child{font-size:11px;line-height:1.85;color:#596e50}.grid-run{white-space:normal;width:100%;min-height:45px;line-height:1.7;margin:21px 0 15px;background:#25543f!important;color:#fff!important;border-color:#25543f!important}.grid-scope{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.9;color:#6b785d}.grid-scope svg{width:16px;height:16px;flex:none;margin-top:3px}.grid-score{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#edf4e5;border:1px solid #d2e0c8;border-radius:10px;padding:23px 26px}.grid-score .eyebrow{font-size:9px}.grid-score h2{font-size:20px;line-height:1.5;margin:7px 0 11px;color:#355c37;font-weight:550}.grid-score code{font:10px/1.8 ui-monospace,monospace;color:#6b7f5c;overflow-wrap:anywhere}.grid-score-number{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex:none}.grid-score-number strong{font-size:31px;font-weight:500;color:#436d37}.grid-score-number span{font-size:10px;color:#637659}.grid-section{display:grid;gap:17px;min-width:0}.grid-section-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.grid-section-head .eyebrow{font-size:9px;letter-spacing:1.2px}.grid-section-head h2{font-size:23px;line-height:1.4;color:#345436;font-weight:550;letter-spacing:-.5px;margin-top:7px}.grid-data-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.grid-card{background:#fff;border:1px solid #d8e3cd;border-radius:10px;padding:22px;min-width:0}.grid-card h3{font-size:15px;line-height:1.6;color:#42653a}.grid-card p{font-size:11px;line-height:1.85;color:#6b7f5b;margin:8px 0 16px}.grid-packet{background:#f0f6ed;border-color:#c5d9c2}.grid-json{font:10px/1.85 ui-monospace,SFMono-Regular,Menlo,monospace;color:#42633c;white-space:pre-wrap;overflow-wrap:anywhere;max-height:350px;overflow:auto;margin:12px 0 0;min-width:0}.grid-hash{display:block;font:8px/1.7 ui-monospace,monospace;color:#7a8a6b;overflow-wrap:anywhere;margin-top:15px}.grid-disclosure{border-top:1px solid #e1e8d8;margin-top:15px;padding-top:12px;min-width:0}.grid-disclosure summary{font-size:10px;color:#5c7750;line-height:1.8;cursor:pointer}.grid-retention{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.9;color:#687f57;flex-wrap:wrap}.grid-retention svg{height:14px;width:14px}.grid-retention code{font-size:9px;overflow-wrap:anywhere}.grid-case-panel{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1.6fr);border:1px solid #d7e3ce;border-radius:10px;overflow:hidden;background:#fff}.grid-case-picker{background:#f4f8ed;padding:24px;border-right:1px solid #dde8d4}.grid-case-picker select{font-size:11px;min-height:44px;max-width:100%;width:100%}.grid-case-picker p{font-size:11px;line-height:1.9;color:#718464;margin-top:20px}.grid-case-result{padding:24px;min-width:0}.grid-case-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.grid-case-result h3{font-size:18px;line-height:1.6;color:#3c6034;margin:17px 0 10px}.grid-case-result>p{font-size:12px;line-height:1.8;color:#637d54}.grid-reason{display:inline-block;max-width:100%;font:9px/1.8 ui-monospace,monospace;padding:5px 8px;margin:13px 0;background:#eff4e9;border-radius:4px;color:#6b855b;overflow-wrap:anywhere}.grid-before-after{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-before-after>div{background:#f7f9f2;border:1px solid #e2e9d9;border-radius:6px;padding:14px;min-width:0}.grid-before-after strong{font-size:10px;color:#748768;font-weight:500}.grid-before-after .grid-json{font-size:9px;max-height:250px}.grid-artifacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.grid-artifact{background:#fff;border:1px solid #cddfc6;border-top:3px solid #4f8054;border-radius:9px;padding:18px;min-width:0}.grid-artifact-step{font-size:10px;color:#7c9170}.grid-artifact h3{font-size:13px;line-height:1.55;font-weight:550;color:#41643b;margin-top:11px;min-height:40px}.grid-artifact .grid-json{font-size:8px;max-height:300px}.grid-export{display:flex;justify-content:space-between;align-items:center;gap:28px;background:#fff;border:1px solid #d8e2cf;border-radius:10px;padding:23px 26px}.grid-export h3{font-size:15px;color:#44673a;font-weight:550}.grid-export p{font-size:11px;line-height:1.85;color:#6a7e5c;margin-top:6px;max-width:650px}.grid-export .button{white-space:normal;flex:none}.grid-empty{display:flex;flex-direction:column;align-items:center;padding:40px;border:1px dashed #c4d7b9;background:#f1f6e9;border-radius:10px;text-align:center}.grid-empty>svg{width:30px;height:30px;color:#60864e}.grid-empty h2{font-size:20px;color:#45633a;margin:18px 0 8px}.grid-empty p{font-size:12px;line-height:1.9;color:#728567;max-width:560px}.nav-button[aria-label="Free Electrons · энергия"],.nav-button[aria-label="Free Electrons · energy"]{white-space:normal;line-height:1.5}
@media(max-width:1100px){.grid-hero{grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr)}.grid-hero>div:first-child{padding:29px}.grid-hero h2{font-size:30px}.grid-launch{padding:26px}.grid-artifacts{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-case-panel{grid-template-columns:minmax(210px,.9fr) minmax(0,1.5fr)}}
@media(max-width:850px){.grid-hero{grid-template-columns:1fr}.grid-launch{border-left:0;border-top:1px solid #bacdb0}.grid-data-columns{grid-template-columns:1fr}.grid-case-panel{grid-template-columns:1fr}.grid-case-picker{border-right:0;border-bottom:1px solid #dce8d4}.grid-artifacts{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-export{align-items:flex-start}.grid-score h2{font-size:18px}}
@media(max-width:620px){.grid-page{gap:20px}.grid-hero>div:first-child,.grid-launch{padding:24px}.grid-hero h2{font-size:29px}.grid-tags span{font-size:9px}.grid-score{padding:20px;align-items:flex-start;flex-direction:column;gap:16px}.grid-score-number{align-items:flex-start}.grid-section-head{align-items:flex-start;flex-direction:column;gap:12px}.grid-section-head h2{font-size:21px}.grid-card,.grid-case-picker,.grid-case-result{padding:20px}.grid-before-after{grid-template-columns:1fr}.grid-artifacts{grid-template-columns:1fr}.grid-artifact h3{min-height:0}.grid-export{flex-direction:column;padding:20px;gap:17px}.grid-export .button{width:100%;justify-content:center}.grid-scope{font-size:10px}}

.grid-case-top{flex-wrap:wrap}
@media(max-width:620px){.shell:has(.grid-page) .nav{overflow-x:auto}}