.flow-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:32px;align-items:start}.flow-form,.flow-results,.print-sheet{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 8px 24px rgba(21,55,44,.04)}.flow-results{position:sticky;top:24px}.flow-fieldset{margin:0;padding:0;border:0}.flow-fieldset legend{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.flow-fieldset legend strong{font-size:1.35rem}.choice-grid{display:grid;gap:12px}.two-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid label{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 14px;border:1px solid #899a91;border-radius:12px;cursor:pointer}.choice-grid label:has(input:checked){border:3px solid var(--accent);padding:10px 12px;background:var(--soft)}.choice-grid input{width:22px;height:22px;accent-color:var(--accent)}.choice-grid span{font-weight:850}.choice-grid small{display:block;margin-top:2px;color:var(--muted);font-weight:600}.flow-step{margin-top:38px}.flow-step h2,.trial-heading h2{font-size:1.65rem}.preset-row{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.preset-button{min-height:46px;padding:9px 14px;border:1px solid #899a91;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-weight:800;cursor:pointer}.preset-button[aria-pressed="true"]{border-color:var(--accent-dark);background:var(--accent-dark);color:#fff}.flow-label{display:block}.flow-label>span:first-child{display:block;margin:0 0 8px;font-weight:850}.flow-label input,.flow-label select{width:100%;min-height:52px;padding:11px 13px;border:1px solid #899a91;border-radius:9px;background:#fff;color:var(--ink);font:inherit}.flow-label input:focus,.flow-label select:focus,.choice-grid input:focus-visible,.preset-button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.flow-label small{display:block;margin-top:7px;color:var(--muted)}.input-with-unit{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #899a91;border-radius:9px;overflow:hidden}.input-with-unit input{border:0!important;border-radius:0}.input-with-unit>span{padding:0 13px;color:var(--muted);font-weight:800}.mode-fieldset{margin-top:16px}.stopwatch-panel,.manual-panel{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.stopwatch-panel h3,.manual-panel h3{margin-top:0}.timer{margin:.25em 0;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,8vw,4rem);font-weight:900;line-height:1}.timer-actions,.flow-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.timer-actions button,.flow-actions button,.runtime-card button,.print-toolbar button{border:0;font:inherit;cursor:pointer}.stop-button{background:#7a2d24}.stop-button:hover{background:#5f2019}.button:disabled{background:#9aa8a1;cursor:not-allowed}.trial-heading,.print-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:34px}.text-button{min-height:48px;border:0;background:transparent;color:var(--accent-dark);font:inherit;font-weight:850;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.text-button:disabled{color:#7a8981;cursor:not-allowed}.trial-table-wrap{min-width:0}.trial-table{width:100%;border-collapse:collapse}.trial-table th,.trial-table td{padding:11px;border-bottom:1px solid var(--line);text-align:left}.trial-table th{background:var(--soft);font-size:.82rem}.form-message{min-height:1.5em;color:#7a2d24;font-weight:750}.setup-details{margin-top:26px;border:1px solid var(--line);border-radius:12px;padding:16px}.setup-details summary{font-weight:850;cursor:pointer}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.primary-result{margin:16px 0;padding:20px;border-radius:14px;background:var(--soft)}.primary-result span,.primary-result small{display:block;color:var(--muted)}.primary-result strong{display:block;margin:4px 0;font-size:clamp(2.1rem,7vw,3.5rem);line-height:1.05}.result-list{display:grid;gap:0;margin:0 0 22px}.result-list>div{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.result-list dt{color:var(--muted);font-weight:750}.result-list dd{margin:0;font-weight:800}.spread-note{font-weight:750}.runtime-card{margin-top:22px;padding-top:22px;border-top:2px solid var(--line)}.runtime-card .button{margin-top:12px}.runtime-result{font-weight:850}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.example-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.print-section[hidden]{display:none}.print-toolbar{margin:0 0 24px}.print-sheet h2{margin-top:0}.print-meta,.print-results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.print-meta>div,.print-results>div{padding:12px;border:1px solid var(--line);border-radius:10px}.print-meta strong,.print-results span{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.continuation-actions{display:grid;grid-template-columns:1fr;gap:2px}
@media(max-width:850px){.flow-layout,.method-grid{grid-template-columns:1fr}.flow-results{position:static}}
@media(max-width:620px){.flow-form,.flow-results,.print-sheet{padding:22px}.two-choice,.setup-grid,.print-meta,.print-results{grid-template-columns:1fr}.timer-actions,.flow-actions{align-items:stretch;flex-direction:column}.timer-actions .button,.flow-actions .button{width:100%}.trial-heading,.print-toolbar{align-items:flex-start;flex-direction:column}.result-list>div{grid-template-columns:1fr}.preset-button{flex:1 1 42%}}
@media print{*{color:#000!important;background-color:#fff!important;box-shadow:none!important}.water-flow-page header,.water-flow-page footer,.water-flow-page .hero,.water-flow-page #flow-test,.water-flow-page #method,.water-flow-page .print-toolbar{display:none!important}.print-section{display:block!important;padding:0}.print-sheet{border:0;border-radius:0;padding:0}.print-meta,.print-results{grid-template-columns:repeat(2,1fr)}.boundary{break-inside:avoid;border:2px solid #000}}