.bio-explorer{margin:28px 0 35px;border:1px solid #cdddda;border-radius:9px;overflow:hidden;background:#fff;color:#405862}.bio-explorer [hidden]{display:none!important}.bio-heading{padding:26px 25px 20px}.bio-heading h5{font:700 27px/1.3 var(--sans);letter-spacing:-.5px;margin:10px 0;color:#294d55}.bio-heading p,.bio-subheading p{font:11px/1.9 var(--mono);max-width:910px;margin:12px 0}.bio-badge{display:inline-block;font:9px/1.6 var(--mono);padding:5px 9px;border:1px solid #b9d1cb;border-radius:20px;color:#38766d}.bio-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:end;padding:20px 25px;background:#f2f7f5;border-top:1px solid #dce7e3}.bio-controls>label{flex:1;min-width:160px}.bio-explorer label{font:10px/1.8 var(--mono);color:#3d6269}.bio-explorer label>span{display:block;font-size:9px;color:#677d80}.bio-explorer output{float:right;font-weight:700;color:#197d7e;padding-left:9px}.bio-explorer input[type=range]{width:100%;min-height:44px;accent-color:#197d7e;cursor:pointer}.bio-explorer input[type=checkbox]{width:18px;height:18px;accent-color:#197d7e}.bio-explorer :is(button,select,input[type=number]){font:10px/1.6 var(--mono);min-height:44px;border:1px solid #b8d0ce;border-radius:5px;background:#fff;color:#345b62;padding:9px 12px}.bio-explorer button{cursor:pointer}.bio-explorer button:hover{background:#e9f3f0}.bio-explorer button[aria-pressed=true]{background:#226e6c;border-color:#226e6c;color:white}.bio-explorer button:disabled{opacity:.65;cursor:default}.bio-explorer select,.bio-explorer input[type=number]{display:block;width:100%;margin-top:6px}.bio-explorer :is(button,input,select,a,summary):focus-visible{outline:3px solid #b97751;outline-offset:3px}.bio-explorer .bio-check{display:flex;gap:8px;align-items:center;min-height:44px;flex-basis:65%;cursor:pointer}.flow-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 25px;background:#fafcfb;border-top:1px solid #dce7e3}.flow-counts span{font:9px/1.8 var(--mono);color:#657f80}.flow-counts strong{display:block;font:700 26px var(--sans);color:#285b62;margin-bottom:5px}.flow-counts .flow-count-final strong{color:#197d7e}.flow-plots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 20px 0}.flow-plots>div{min-width:0;border:1px solid #d9e5e2;border-radius:6px;background:#fff}.flow-plots h6{font:700 13px/1.5 var(--sans);margin:16px 15px 3px;color:#365d62}.bio-chart{overflow:auto;overscroll-behavior-x:contain;min-width:0}.bio-chart:focus-visible{outline:3px solid #197d7e;outline-offset:-3px}.bio-chart svg{display:block;width:100%;height:auto}.flow-plots svg{min-width:320px}.bio-chart text{font:11px var(--mono);fill:#5a747a}.bio-chart .bio-small{font-size:10px}.bio-chart .bio-svg-title{font:700 16px var(--sans);fill:#385e65}.bio-chart .bio-axis{stroke:#99b3b7;stroke-width:1}.bio-chart .bio-grid{stroke:#e0e9e6;stroke-width:1}.bio-legend{display:flex;gap:12px 22px;flex-wrap:wrap;padding:18px 25px;font:9px/1.8 var(--mono);color:#607b7d}.bio-legend span{display:flex;gap:6px;align-items:center}.bio-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}.bio-reading{font:10px/1.9 var(--mono);border-left:3px solid #58a09c;background:#eff6f3;padding:13px 15px;margin:14px 25px;color:#40686b}.flow-inspector{border-top:1px solid #dae7e2}.flow-inspector .bio-controls{border:0;background:white;padding-bottom:0;max-width:600px}.bio-details{padding:8px 25px 18px}.bio-details summary{font:10px/1.8 var(--mono);min-height:44px;padding:12px 0;cursor:pointer}.bio-details :is(p,li){font:10px/1.9 var(--mono)}.bio-table-scroll{overflow:auto}.bio-table-scroll table{border-collapse:collapse;font:10px/1.8 var(--mono);width:100%;min-width:450px}.bio-table-scroll :is(th,td){padding:10px;text-align:left;border-bottom:1px solid #d9e5e2}.bio-table-scroll caption{text-align:left;font-weight:bold;padding:12px 0}.bio-source{padding:17px 25px;font:9px/1.9 var(--mono);color:#5b7479;border-top:1px solid #d9e5e2;background:#edf4f1;margin:0}.bio-source a{text-decoration:underline}.bio-mobile-hint{display:none}.t1d-explorer{border-color:#d6d5e2}.bio-subheading{padding:23px 25px 12px}.bio-subheading h6{font:700 22px/1.3 var(--sans);margin:9px 0;color:#405067;letter-spacing:-.3px}.ecm-section{border-top:1px solid #dddfe8;background:#f8f8fc;padding-bottom:20px}.bio-steps{display:flex;flex-wrap:wrap;gap:7px;padding:8px 25px 18px}.bio-steps button{flex:1;text-align:left;min-width:130px}.ecm-chart{margin:0 25px;border:1px solid #dedfeb;border-radius:6px;background:#fff}.ecm-chart svg{min-width:750px}.bio-note{font:9px/1.9 var(--mono);color:#677980;margin:12px 25px}.delivery-section{padding-bottom:20px;border-top:1px solid #dfe3e8}.delivery-controls{background:#f5f4f9;border:0}.delivery-chart{margin:0 20px;border:1px solid #d8e2e5;background:#fafdfc;border-radius:7px}.delivery-chart svg{min-width:700px}.delivery-timeline{padding:18px 25px 0}.delivery-timeline>label{display:block}.delivery-timeline .bio-steps{padding:4px 0}.delivery-copy{padding:7px 25px 0;min-height:108px}.delivery-copy h6{font:700 17px/1.5 var(--sans);color:#4b536b;margin:8px 0}.delivery-copy p{font:10px/1.9 var(--mono);margin:0;max-width:950px}
@media(max-width:1100px){.flow-plots{grid-template-columns:1fr}.flow-plots>div{max-width:650px;width:100%;margin:auto}.flow-plots svg{max-width:600px;margin:auto}}
@media(max-width:760px){.bio-heading{padding:22px 16px 17px}.bio-heading h5{font-size:24px}.bio-heading p,.bio-subheading p{font-size:10px}.bio-controls{padding:17px 16px;gap:16px}.flow-controls>label{flex-basis:100%}.flow-counts{grid-template-columns:1fr 1fr;padding:20px 16px;gap:19px}.flow-counts strong{font-size:25px}.flow-plots{padding:0 12px;gap:15px}.bio-mobile-hint{display:block;font:9px/1.8 var(--mono);color:#647d81;margin:14px 16px}.bio-legend{padding:17px 16px;font-size:9px;gap:9px 14px}.bio-reading{margin:14px 16px}.bio-details,.bio-source{padding-left:16px;padding-right:16px}.bio-subheading{padding:21px 16px 12px}.bio-steps{padding:8px 16px 17px}.bio-steps button{font-size:9px;min-width:110px}.ecm-chart{margin:0 12px}.bio-note{margin:12px 16px}.delivery-chart{margin:0 12px}.delivery-controls>label{flex-basis:100%}.delivery-timeline,.delivery-copy{padding-left:16px;padding-right:16px}}
@media print{.bio-explorer [data-flow-controls],.bio-explorer [data-t1d-controls]{display:none!important}.flow-plots{display:block}.flow-plots>div{break-inside:avoid;margin-bottom:18px}.bio-chart svg{min-width:0!important}.bio-mobile-hint{display:none}}