/* Clear controls and explanatory live scenes, on top of the shared deck. */
.economics-slide .eyebrow{margin-bottom:15px}.economics-slide h2{font-size:clamp(34px,3.5vw,58px)}
.edit-instruction{display:flex;gap:11px;align-items:center;background:#eff8eb;border:1px dashed #709a77;padding:12px 15px;border-radius:12px;margin:20px 0 0;color:#356343}
.edit-instruction>span{font-size:26px;line-height:1}.edit-instruction p{font-size:11px;line-height:1.7}.edit-instruction strong{font-weight:600}
.calc-fields.primary-fields{gap:12px;margin-top:17px}.calc-fields .editable-field{display:flex;flex-direction:column;gap:8px;padding:13px 14px;background:#ffffff9c;border:1px solid #b2ceb1;border-radius:12px;cursor:text;transition:border-color .2s,box-shadow .2s}.editable-field:hover{border-color:#4d8555;box-shadow:0 3px 14px #467f4210}.editable-field:focus-within{background:#fff!important;border-color:#367744!important;box-shadow:0 0 0 3px #6d9d6a22!important}.editable-field-label{font-size:10px;font-weight:500;line-height:1.5;min-height:1.5em}.editable-control{display:flex;gap:7px;align-items:center;min-width:0;border-top:1px solid #dae8d6;padding-top:8px}.calc-fields .editable-control input{border:0!important;padding:0!important;background:transparent!important;width:100%;min-width:0;box-shadow:none;border-radius:2px;font-size:25px;font-weight:500;color:#245935;line-height:1.35;outline-offset:2px}.editable-control input:focus-visible{outline:2px solid #80a878}.editable-unit{font-size:10px;white-space:nowrap;color:#5f7f60}.edit-pencil{display:grid;place-items:center;height:25px;min-width:25px;background:#e7f2e1;border-radius:6px;color:#467a49;font-size:17px}
.fcr-explanation{margin-top:16px}.fcr-equation{display:flex;align-items:center;gap:10px;font-size:12px}.fcr-equation b{font-weight:500;border-radius:7px;background:#ecf5e6;padding:8px 10px}.fcr-equation>span{color:#58865a}.fcr-explanation p{font-size:10px;line-height:1.8;margin-top:9px;max-width:450px;color:#537050}.calc-result .calc-fields .editable-field{padding:10px 11px;gap:5px;background:#f8fbf5}.calc-result .editable-field-label{font-size:9px}.calc-result .editable-control input{font-size:17px}.calc-result .editable-control{padding-top:6px}.calc-result .edit-pencil{height:21px;min-width:21px;font-size:14px}
/* The water overview is a readable screen with a small physical explanation. */
.water-overview{background:#edf4ed;border:1px solid #d4e2d2;border-radius:21px;padding:21px;color:#183c2d;align-self:center;width:100%}.overview-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.overview-kicker{font-size:9px;color:#6b8370}.overview-top h3{font-size:21px;margin-top:6px}.overview-top>.pill{font-size:9px;white-space:nowrap;background:#dcebd7}.overview-top .status-dot{margin-right:0}.pool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pool-card{background:#fff;border:1px solid #dfe8da;border-radius:11px;padding:12px;position:relative;overflow:hidden}.pool-card>div{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px}.pool-card b{font-weight:500}.pool-card .status-dot{margin:0;width:5px;height:5px}.pool-card>strong{font-size:25px;font-weight:500;letter-spacing:-.045em;display:block;margin-top:10px}.pool-card>strong small{font-size:9px;font-weight:400;letter-spacing:0;color:#647e66}.pool-card p{font-size:9px;margin-top:8px;display:flex;justify-content:space-between;gap:4px}.pool-card p>span{font-size:7px;color:#6b8b6b;max-width:60px;text-align:right}.pool-spark{display:flex;gap:3px;align-items:end;height:17px;margin-top:9px}.pool-spark i{display:block;flex:1;background:#c4dcbb;border-radius:2px 2px 0 0}.pool-spark i:nth-child(3n){background:#8db185}.overview-model{position:relative;margin-top:11px;background:#e0ebdb;border-radius:12px;overflow:hidden}.model-area{position:relative;min-width:0;width:100%;height:185px;overflow:hidden;touch-action:pan-y;cursor:grab}.model-area.dragging{cursor:grabbing}.model-area canvas{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;touch-action:pan-y}.model-fallback{position:absolute;inset:0;transition:opacity .25s}.model-fallback img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.webgl-ready .model-fallback{opacity:0;pointer-events:none}.model-badge{position:absolute;left:12px;top:11px;z-index:2;font-size:9px;background:#ffffffd9;color:#3b6343;padding:6px 9px;border-radius:20px;pointer-events:none}.model-hint{position:absolute;left:13px;bottom:10px;font-size:8px;color:#57765d;pointer-events:none;z-index:2}.model-reset{position:absolute;right:10px;bottom:9px;border:1px solid #adc6a8;color:#466e4b;border-radius:20px;background:#f5faefc9;padding:6px 9px;font-size:9px;z-index:3}.overview-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;font-size:9px;color:#526d56}.water-overview .demo-disclaimer{font-size:8px;margin-top:10px;color:#6d836d;line-height:1.6}
/* The graph and event chain advance on their own; buttons only pause. */
.live-badge{display:flex;align-items:center;gap:6px!important;font-size:9px!important;color:#4c7555;opacity:1!important;white-space:nowrap}.live-badge>i{height:5px;width:5px;border-radius:50%;background:#62916b;animation:live-pulse 2s ease-in-out infinite}.live-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.live-controls>span{font-size:9px;line-height:1.6;color:#617a65;max-width:320px}.live-controls>button{flex:none}.oxygen-demo,.fish-demo{justify-content:center;padding:22px}.oxygen-demo .demo-panel{padding:20px}.oxygen-main{display:flex;justify-content:space-between;align-items:center;gap:18px}.oxygen-main .oxygen-reading{display:block}.oxygen-main .oxygen-reading strong{display:block;font-size:57px;line-height:1.1}.oxygen-main .oxygen-reading small{font-size:10px;display:block;margin-top:5px}.oxygen-secondary{text-align:right;display:grid;gap:6px;padding-left:18px;border-left:1px solid #dfe8dc}.oxygen-secondary strong{font-size:21px;font-weight:500;letter-spacing:-.04em}.oxygen-secondary span{font-size:9px;color:#6b8270}.oxygen-demo .panel-title{margin-bottom:20px}.oxygen-demo .panel-title>span:first-child{font-size:12px;max-width:270px;line-height:1.5}.oxygen-chart{position:relative;padding:22px 5px 0 29px;margin-top:6px;color:#4c8a62}.oxygen-chart svg{width:100%;height:125px;overflow:visible}.chart-labels{position:absolute;left:0;top:0;bottom:0;width:100%;pointer-events:none;font-size:8px;color:#829382}.chart-labels>span:first-child{position:absolute;left:29px;top:5px}.chart-labels>span:nth-child(2){position:absolute;top:37px}.chart-labels>span:nth-child(3){position:absolute;top:92px}.chart-labels>span:nth-child(4){position:absolute;top:139px}.chart-grid{stroke:#e3ebdf;stroke-width:1;fill:none}.oxygen-threshold{stroke:#bc9676;stroke-width:1;stroke-dasharray:4 5;fill:none}.oxygen-line{stroke:currentColor;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;fill:none}.threshold-label{fill:#9f896d;font:8px Manrope,Arial,sans-serif}.chart-time{display:flex;justify-content:space-between;font-size:8px;color:#7b907c;margin-top:7px}.incident-active .oxygen-chart{color:#c17a4f}.incident-timeline{display:flex;gap:11px;margin-top:20px}.incident-timeline>div{display:flex;align-items:start;gap:6px;flex:1;border-top:2px solid #dce6d7;padding-top:10px;color:#8b9b88}.incident-timeline>div>span{background:#edf2e8;border-radius:50%;height:17px;width:17px;font-size:8px;display:grid;place-items:center;flex:none}.incident-timeline b{font-size:10px;font-weight:500;display:block;line-height:1.5}.incident-timeline small{font-size:8px;display:block;line-height:1.6;margin-top:3px}.incident-timeline .done{border-color:#75a177;color:#3d7149}.incident-timeline .done>span{background:#dfedd8}.oxygen-demo .demo-message{font-size:10px;min-height:64px;margin-top:15px;display:flex;align-items:center;line-height:1.7}.oxygen-demo .demo-disclaimer,.fish-demo .demo-disclaimer{font-size:8px;line-height:1.7;margin-top:11px}
/* A labelled camera view, rather than a static bounding box over a photograph. */
.fish-demo .segmented{margin:0 0 13px}.fish-viewport{position:relative;overflow:hidden;border:1px solid #386153;border-radius:12px;background:#244e43;isolation:isolate}.fish-viewport>svg{display:block;width:100%;height:auto;max-height:270px}.camera-overlay{fill:#dfede1;font:9px Manrope,Arial,sans-serif;letter-spacing:.06em}.camera-overlay circle{fill:#d1e6bf}.measure-frame{color:#def4c9}.measure-frame path{fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}.measure-frame rect{fill:#173d32;fill-opacity:.87;stroke:#d8efc5;stroke-opacity:.4;stroke-width:.5}.measure-frame text{fill:#eef9df;font:11px Manrope,Arial,sans-serif}.measure-frame .measurement-caption{font-size:9px;fill:#d0e9c5}.counting-line{stroke:#d8eac8;stroke-width:2;stroke-dasharray:5 6;fill:none}.counting-caption{fill:#d6e9c4;font:10px Manrope,Arial,sans-serif}.fish-readings{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}.fish-readings>div{background:#fff;border:1px solid #dbe6d5;border-radius:11px;padding:13px 12px;min-width:0}.fish-readings small{font-size:8px;color:#6e856f;display:block;line-height:1.5}.fish-readings strong{font-size:25px;font-weight:500;letter-spacing:-.04em;display:block;margin-top:7px;white-space:nowrap}.fish-readings em{font-size:11px;font-style:normal;color:#6c886d}.fish-readings:has(.fish-counter){grid-template-columns:1fr 1fr}.fish-readings .transfer-value{font-size:23px}.fish-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 13px;border-radius:9px;border:1px dashed #aac6a5;font-size:10px;color:#658065}.fish-summary strong{font-size:14px;font-weight:500;color:#355f3a;white-space:nowrap}
/* Keep the threshold caption outside the stretched SVG coordinate system. */
.oxygen-chart .oxygen-plot{position:relative;min-width:0}
.oxygen-chart .oxygen-plot svg{display:block}
.oxygen-chart .oxygen-plot .threshold-label{position:absolute;top:58.108%;left:8px;transform:translateY(calc(-100% - 5px));display:inline-flex;align-items:center;gap:7px;max-width:calc(100% - 16px);padding:5px 10px;border:1px solid #e2d1b5;border-radius:8px;background:#fffcf4f5;box-shadow:0 2px 6px #8f6e4210;color:#866748;font:500 11px/1.45 Manrope,Arial,sans-serif;letter-spacing:0;white-space:normal;pointer-events:none}
.oxygen-chart .oxygen-plot .threshold-label i{width:16px;flex:none;border-top:2px dashed #b99569}
@media(max-width:520px){.oxygen-chart .oxygen-plot .threshold-label{left:4px;max-width:calc(100% - 8px);font-size:10px;padding:4px 7px;gap:5px}}
@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(min-width:1500px) and (min-height:900px){.water-overview{padding:27px}.pool-card{padding:15px}.pool-card>div{font-size:11px}.pool-card>strong{font-size:29px}.pool-card p{font-size:11px}.pool-card p>span{font-size:9px}.pool-spark{height:21px}.model-area{height:210px}.overview-top h3{font-size:25px}.overview-kicker,.overview-bottom{font-size:11px}.water-overview .demo-disclaimer{font-size:10px}.oxygen-demo,.fish-demo{padding:28px}.oxygen-chart svg{height:145px}.fish-viewport>svg{max-height:300px}.fish-readings strong{font-size:29px}.fish-readings small{font-size:10px}.live-controls>span,.oxygen-demo .demo-message{font-size:12px}.oxygen-demo .demo-disclaimer,.fish-demo .demo-disclaimer{font-size:10px}.edit-instruction p{font-size:13px}.editable-field-label{font-size:12px}.fcr-explanation p{font-size:12px}.fcr-equation{font-size:14px}}
@media(max-height:760px) and (min-width:951px){.water-overview{padding:15px}.overview-top{margin-bottom:10px}.overview-top h3{font-size:18px}.pool-card{padding:9px}.pool-card>strong{font-size:23px;margin-top:7px}.pool-card p{margin-top:5px}.pool-spark{height:11px;margin-top:5px}.model-area{height:133px}.overview-bottom{margin-top:9px;font-size:8px}.water-overview .demo-disclaimer{font-size:7px;margin-top:7px}.oxygen-demo,.fish-demo{padding:16px}.oxygen-demo .demo-panel{padding:15px}.oxygen-demo .panel-title{margin-bottom:12px}.oxygen-main .oxygen-reading strong{font-size:45px}.oxygen-secondary strong{font-size:18px}.oxygen-chart svg{height:95px}.chart-labels>span:nth-child(2){top:32px}.chart-labels>span:nth-child(3){top:75px}.chart-labels>span:nth-child(4){top:111px}.incident-timeline{margin-top:13px}.incident-timeline>div{padding-top:8px}.oxygen-demo .demo-message{min-height:54px;font-size:9px;margin-top:11px}.live-controls{margin-top:10px}.live-controls>span{font-size:8px}.oxygen-demo .demo-disclaimer,.fish-demo .demo-disclaimer{font-size:7px;margin-top:8px}.fish-viewport>svg{max-height:195px}.fish-readings{margin-top:9px}.fish-readings>div{padding:9px 10px}.fish-readings strong{font-size:22px;margin-top:5px}.fish-summary{margin-top:9px;padding:8px 10px;font-size:9px}.fish-demo .segmented{margin-bottom:9px}.fish-demo .segmented button{padding:6px 10px}.economics-slide .eyebrow{margin-bottom:11px}.economics-slide h2{font-size:38px}.edit-instruction{margin-top:13px;padding:9px 12px}.edit-instruction p{font-size:10px}.calc-fields.primary-fields{gap:9px;margin-top:12px}.calc-fields .editable-field{padding:10px 11px;gap:6px}.editable-field-label{font-size:9px}.calc-fields .editable-control input{font-size:22px}.fcr-explanation{margin-top:11px}.fcr-equation{font-size:10px}.fcr-equation b{padding:6px 8px}.fcr-explanation p{font-size:9px;margin-top:7px}}
@media(max-width:1100px) and (min-width:951px){.pool-grid{gap:6px}.pool-card{padding:9px 8px}.pool-card p>span{display:none}.overview-top{gap:10px}.overview-top h3{font-size:18px}.overview-top>.pill{font-size:8px;padding:5px 8px}.water-overview{padding:15px}.oxygen-demo,.fish-demo{padding:15px}.oxygen-secondary{padding-left:12px}.oxygen-secondary strong{font-size:18px}.fish-readings>div{padding:10px 8px}.fish-readings strong{font-size:22px}.incident-timeline{gap:6px}.incident-timeline small{font-size:7px}.live-controls>span{font-size:8px}.fish-summary{font-size:9px}.economics-slide h2{font-size:38px}}
@media(max-width:950px){.water-overview{padding:22px}.model-area{height:215px}.pool-card{padding:14px}.pool-card>strong{font-size:29px}.pool-card>div{font-size:10px}.pool-card p>span{font-size:8px}.overview-top h3{font-size:23px}.oxygen-demo,.fish-demo{min-height:0;padding:22px}.oxygen-chart svg{height:135px}.fish-viewport>svg{max-height:none}.fish-readings>div{padding:15px}.fish-readings strong{font-size:29px}.fish-readings small{font-size:10px}.live-controls>span{font-size:10px}.oxygen-demo .demo-disclaimer,.fish-demo .demo-disclaimer{font-size:9px}.economics-slide .copy-col{max-width:none}.economics-slide h2{font-size:43px}.calc-fields .editable-field{padding:15px}.editable-field-label{font-size:11px}.calc-fields .editable-control input{font-size:27px}.fcr-explanation p{font-size:11px}.fcr-explanation{margin-bottom:0}}
@media(max-width:520px){.water-overview{padding:16px;border-radius:16px}.overview-top{display:block}.overview-top>.pill{margin-top:12px;font-size:9px}.overview-top h3{font-size:21px}.pool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pool-card{padding:12px}.pool-card>strong{font-size:27px}.pool-card>div{font-size:9px}.pool-card p>span{display:none}.pool-spark{height:14px}.model-area{height:190px}.model-badge{font-size:8px;left:10px;top:10px}.model-hint{font-size:7px;left:10px;bottom:12px;max-width:165px;line-height:1.5}.model-reset{font-size:8px;padding:5px 7px}.overview-bottom{display:block;line-height:1.8;font-size:9px}.overview-bottom>span{display:block}.water-overview .demo-disclaimer{font-size:8px;margin-top:9px}.oxygen-demo,.fish-demo{padding:15px}.oxygen-demo .demo-top,.fish-demo .demo-top{align-items:start;gap:9px;line-height:1.5}.live-badge{font-size:8px!important;white-space:normal;min-width:87px;max-width:100px}.oxygen-demo .demo-panel{padding:13px}.oxygen-demo .panel-title{gap:8px;margin-bottom:16px}.oxygen-demo .panel-title>span:first-child{font-size:11px}.oxygen-demo .panel-title .pill{font-size:8px}.oxygen-main .oxygen-reading strong{font-size:44px}.oxygen-main .oxygen-reading small{font-size:9px}.oxygen-secondary{padding-left:10px}.oxygen-secondary strong{font-size:17px}.oxygen-secondary span{font-size:8px;max-width:85px}.oxygen-chart{padding-left:24px}.oxygen-chart svg{height:115px}.chart-labels>span:first-child{left:24px}.chart-labels>span:nth-child(2){top:35px}.chart-labels>span:nth-child(3){top:85px}.chart-labels>span:nth-child(4){top:126px}.chart-time{font-size:7px}.incident-timeline{gap:5px;margin-top:16px}.incident-timeline>div{display:block}.incident-timeline>div>span{margin-bottom:5px}.incident-timeline b{font-size:9px}.incident-timeline small{font-size:7px}.oxygen-demo .demo-message{font-size:9px;min-height:76px}.live-controls{align-items:center;gap:10px}.live-controls>span{font-size:8px}.oxygen-demo .demo-disclaimer,.fish-demo .demo-disclaimer{font-size:8px}.fish-demo .segmented button{font-size:9px;padding:8px 10px}.fish-readings{gap:6px;margin-top:10px}.fish-readings>div{padding:11px 8px}.fish-readings strong{font-size:22px;margin-top:7px}.fish-readings small{font-size:8px;min-height:24px}.fish-readings em{font-size:9px}.fish-summary{font-size:9px;padding:9px 10px}.fish-summary strong{font-size:12px}.camera-overlay{font-size:10px}.economics-slide h2{font-size:37px}.economics-slide .eyebrow{font-size:8px;max-width:100%;line-height:1.6}.edit-instruction{padding:11px 12px;margin-top:17px}.edit-instruction p{font-size:10px}.calc-fields.primary-fields{gap:10px;margin-top:15px}.calc-fields .editable-field{padding:12px 10px}.editable-field-label{font-size:9px;min-height:27px}.calc-fields .editable-control input{font-size:23px}.editable-unit{font-size:9px}.edit-pencil{height:22px;min-width:22px;font-size:15px}.editable-control{gap:5px}.fcr-equation{font-size:10px;gap:8px}.fcr-equation b{padding:7px 8px}.fcr-explanation p{font-size:10px}.calc-result .calc-fields{grid-template-columns:1fr}.calc-result .calc-fields .editable-field{grid-column:auto}.calc-result .editable-field-label{min-height:0}}
.pool-card{padding:10px}.pool-card>strong{font-size:24px;margin-top:7px}.pool-card p{margin-top:5px}.pool-card p>span{display:none}.pool-spark{height:10px;margin-top:5px}.water-overview{padding:18px}.model-area canvas{transform:scale(1.15);transform-origin:50% 58%}
@media(max-width:1100px) and (min-width:951px){.overview-model .model-area{height:130px}.overview-top h3{font-size:17px}.water-overview{padding:14px}.overview-top{margin-bottom:11px}.overview-bottom{font-size:8px}.water-overview .demo-disclaimer{font-size:7px}.oxygen-demo .demo-message{font-size:9px;min-height:56px}}
@media(max-width:950px){.water-overview{padding:20px}.pool-card{padding:13px}.pool-card>strong{font-size:27px}.pool-spark{height:14px;margin-top:7px}}
@media(max-width:520px){.water-overview{padding:16px}.pool-card{padding:12px}}
@media(prefers-reduced-motion:reduce){.live-badge>i{animation:none}}
@media print{.live-controls,.model-reset{display:none!important}.model-area canvas{display:none!important}.model-area .model-fallback{opacity:1!important}.water-overview{padding:17px}.pool-grid{grid-template-columns:repeat(3,1fr)}.model-area{height:155px}.fish-viewport>svg{max-height:220px}.oxygen-chart svg{height:105px}.economics-slide .edit-instruction{margin-top:15px}.calc-fields.primary-fields{margin-top:15px}.calc-fields .editable-field{padding:12px}.fcr-explanation p{font-size:10px}}