.foundation-lab{padding:26px;border:1px solid #ccd9c1;background:#fffefa;border-radius:12px;margin:20px 0 36px}.foundation-lab h2{font-size:24px;line-height:1.5;margin:10px 0 25px}.fl-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(205px,1fr);align-items:center;gap:28px}.fl-picture{min-width:0}.fl-picture svg{width:100%;height:auto;display:block;max-height:360px}.fl-picture h3{font-size:13px;margin:15px 0 10px;color:#61735a}.fl-picture p{font-size:12px;line-height:1.8;color:#64715e}.fl-controls{display:flex;flex-direction:column;gap:18px;min-width:0}.fl-controls>label{font-size:13px;color:#496043;display:flex;flex-direction:column;gap:9px}.fl-controls>label>span{display:flex;gap:12px;align-items:center}.fl-controls input[type=range]{min-width:0;flex:1;accent-color:#3c7152}.fl-controls output{min-width:36px;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.fl-controls select{width:100%;min-width:0;max-width:100%;border:1px solid #c4d2ba;background:#f7faef;padding:10px 7px;border-radius:5px;font-size:12px;color:#385832}.fl-controls .fl-check{display:flex;flex-direction:row;align-items:center;line-height:1.8}.fl-check input{accent-color:#3c7152;width:17px;height:17px;flex:none}.fl-controls button{background:#f0f4e8;border:1px solid #c7d4ba;border-radius:5px;padding:10px 14px;color:#3b603f;cursor:pointer;align-self:start;font-size:12px}.fl-controls button:hover{background:#e3ecd8}.fl-metrics{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 17px}.fl-metrics>div{background:#edf3e5;border-radius:6px;padding:13px 16px;min-width:110px;flex:1}.fl-metrics span{display:block;font-size:11px;color:#60705a;margin-bottom:7px}.fl-metrics strong{font-size:18px;font-weight:650;color:#2f5941;overflow-wrap:anywhere}.fl-observation{font-size:15px;line-height:1.85;color:#39563f}.fl-details{border-top:1px solid #dfe6d5;margin-top:20px;padding-top:12px;font-size:12px;color:#64735c}.fl-details summary{cursor:pointer;padding:7px 0}.fl-details>div{line-height:1.9;padding:8px 0;overflow-wrap:anywhere}.fl-details a{color:#386444;text-underline-offset:3px}.fl-cells{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:4px}.fl-cells>span{min-height:32px;min-width:0;padding:6px 2px;background:#edf1e6;border:1px solid #d5dfcb;display:flex;align-items:center;justify-content:center;font-size:12px;font-variant-numeric:tabular-nums;border-radius:3px;overflow:hidden}.fl-cells>.is-selected{outline:2px solid #bc7850;outline-offset:-2px;background:#e1ebd2}.fl-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.fl-table{width:100%;overflow-x:auto}.fl-table table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.7}.fl-table th{color:#5a6d50;background:#edf2e5;font-weight:500;text-align:left;padding:8px}.fl-table td{padding:8px;border-bottom:1px solid #e3e9db;white-space:normal;overflow-wrap:anywhere}.fl-token-row{display:flex;flex-wrap:wrap;gap:6px}.fl-token-row>span{background:#e7efdc;border:1px solid #c5d5b6;padding:8px 13px;border-radius:5px;font-size:16px;font-weight:600}.fl-weight-bars{margin-top:17px}.fl-weight-bars>div{position:relative;height:29px;margin:7px 0;background:#f1f4eb;padding:3px 8px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.fl-weight-bars i{position:absolute;inset:0 auto 0 0;background:#9fbd8d88;max-width:100%}.fl-weight-bars span,.fl-weight-bars b{z-index:1}.fl-flow{display:flex;align-items:center;justify-content:space-between;gap:10px}.fl-flow>div{background:#edf3e4;border:1px solid #cfddc2;padding:18px;flex:1;text-align:center;border-radius:7px}.fl-flow small{display:block;font-size:11px;color:#6b7a61;margin-bottom:7px}.fl-flow b{font-size:19px;line-height:1.5}.fl-flow>span{font-size:20px;color:#7c916d}
@media(max-width:950px){.fl-layout{grid-template-columns:1fr}.fl-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fl-controls>button{align-self:end}.fl-controls .fl-check{align-self:center}}
@media(max-width:600px){.foundation-lab{padding:17px 14px}.foundation-lab h2{font-size:21px}.fl-layout{gap:20px}.fl-controls{grid-template-columns:1fr}.fl-cells{gap:2px}.fl-cells>span{font-size:10px;padding:4px 0;min-height:27px}.fl-metrics{gap:6px}.fl-metrics>div{min-width:105px;padding:11px}.fl-metrics strong{font-size:16px}.fl-observation{font-size:14px}.fl-table table{font-size:11px}.fl-table th,.fl-table td{padding:6px 4px}.fl-flow{gap:6px}.fl-flow>div{padding:10px 5px}.fl-flow b{font-size:16px}.fl-pair{gap:12px}}