.guide-page{--guide-navy:#082c4c;--guide-blue:#087fb5;--guide-aqua:#56dded;--guide-orange:#cb601b;--guide-ink:#24374c;--guide-muted:#52687b;color:var(--guide-ink)}
.guide-wrap{width:min(1240px,100%);margin:auto;padding:28px 24px 64px}.guide-heading{max-width:850px;margin-bottom:24px}.guide-heading h1{font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.16;color:var(--guide-navy);margin:8px 0 14px}.guide-heading p{font-size:1.03rem;line-height:1.65}.guide-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;font-size:.9rem;color:var(--guide-muted)}.guide-breadcrumb a{color:#075c86;text-decoration:underline}.guide-kicker{color:#075c86;font-weight:700;letter-spacing:.11em;text-transform:uppercase;font-size:.76rem}.guide-studio{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr);border:1px solid #ccd9e2;background:#f5f9fc;box-shadow:0 12px 35px #082c4c0d}.guide-scene{background:linear-gradient(135deg,#eef6fa,#fff);position:relative;padding:16px 12px 0;min-width:0}.guide-scene svg{width:100%;display:block;max-height:450px;overflow:visible;font-family:Arial,sans-serif}.guide-scene svg text{font-size:18px;fill:#28455b}.guide-scene svg .port-label{font-size:17px;font-weight:700}.guide-scene svg .dynamic-label{font-size:18px;font-weight:700;fill:#075c86}.guide-scene svg .pipe{fill:none;stroke:#627d91;stroke-width:7;stroke-linejoin:round;stroke-linecap:round}.guide-scene svg .high{stroke:#087fb5}.guide-scene svg .low{stroke:#cb601b}.guide-scene svg .wire{fill:none;stroke:#435c6f;stroke-width:3}.guide-scene svg .liquid{fill:url(#liquid-grad)}.guide-scene svg .wave{fill:none;stroke:#65d9f3;stroke-width:3}.guide-scene svg .instrument{fill:url(#steel-grad);stroke:#617b8f;stroke-width:2}.guide-scene-caption{font-size:.82rem;padding:0 12px 14px;margin:0;color:var(--guide-muted);line-height:1.5}.guide-console{padding:24px;background:#082c4c;color:#e8f5fa}.guide-console-title{display:flex;justify-content:space-between;gap:10px;font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}.guide-live-dot{color:#5ae4ca}.guide-lcd{background:linear-gradient(130deg,#ccfff5,#a7f4e6);color:#063f3a;padding:18px 20px;border:6px solid #173e55;border-radius:5px;box-shadow:inset 0 2px 9px #14574c20,0 0 22px #54e0bd16;min-height:156px}.guide-lcd-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.guide-lcd-number{font:600 clamp(2rem,4vw,3.2rem)/1.3 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.05em;white-space:nowrap}.guide-lcd-unit{font-size:1.1rem;letter-spacing:0;margin-left:7px}.guide-lcd-output{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #237f713b;padding-top:8px;font:600 1rem/1.5 ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}.guide-console-note{margin:14px 0 0;font-size:.85rem;line-height:1.55;color:#c4dce7;min-height:48px}.guide-signal{height:7px;margin:18px 0 7px;background:#305268;overflow:hidden}.guide-signal-fill{height:100%;width:50%;background:#5fe0d5;transition:width .15s linear}.guide-signal-scale{display:flex;justify-content:space-between;font-size:.75rem;color:#c0d7e3}.guide-controls{grid-column:1/-1;padding:22px 26px;border-top:1px solid #d3e0e8;background:white}.guide-primary{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:12px;align-items:end;margin-bottom:18px}.guide-controls label{font-size:.85rem;font-weight:600;display:block;color:#28445d}.guide-controls input[type=number],.guide-controls select{width:100%;min-width:0;border:1px solid #b9cbd8;border-radius:3px;height:40px;padding:7px 10px;margin-top:6px;font:inherit;color:#16344e;background:white}.guide-controls input[type=range]{width:100%;accent-color:#087fb5;height:28px;margin-top:8px}.guide-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px}.guide-control-unit{color:#52687b;font-weight:400}.guide-control-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:18px}.guide-control-actions button{border:1px solid #b5c9d7;background:#fff;color:#143c5b;font-weight:600;padding:10px 16px;cursor:pointer;min-height:44px}.guide-control-actions button:first-child{background:#08618b;color:white;border-color:#08618b}.guide-control-actions button:hover{filter:brightness(.95)}.guide-control-actions button:focus-visible,.guide-controls input:focus-visible,.guide-controls select:focus-visible,.guide-family-tab:focus-visible{outline:3px solid #cb601b;outline-offset:3px}.guide-play-state{font-size:.85rem;color:#516779}.guide-error{color:#a51d1d;background:#fff1f0;padding:12px;margin:12px 0 0}.guide-error[hidden]{display:none}.guide-equation{padding:26px;margin-top:25px;border-left:4px solid #087fb5;background:#eef6fa}.guide-equation h2,.guide-read h2{font-size:1.2rem;color:#082c4c;margin:0 0 14px}.guide-formula{font:500 1rem/1.8 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.guide-worked{font:500 .95rem/1.8 ui-monospace,Consolas,monospace;white-space:pre-line;color:#07516f}.guide-definitions{font-size:.85rem;line-height:1.7;color:#536779}.guide-read-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.guide-read p{line-height:1.75}.guide-sources{margin:30px 0;padding-top:20px;border-top:1px solid #d2dee6;font-size:.9rem}.guide-sources a{color:#075c86;text-decoration:underline;display:block;margin:8px 0}.guide-bottom-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.guide-bottom-links a{color:#075c86;text-decoration:underline}.guide-directory-intro{max-width:850px;line-height:1.7}.guide-family-nav{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.guide-family-tab{padding:8px 14px;background:#eef5f9;color:#07516f;border:1px solid #c9d9e4;text-decoration:none}.guide-directory-group{scroll-margin-top:160px;margin:34px 0}.guide-directory-group h2{font-size:1.45rem;color:#082c4c}.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{padding:22px;border:1px solid #ccdae5;background:linear-gradient(150deg,#f1f8fc,#fff);color:#213d53;text-decoration:none;display:block;transition:transform .15s,box-shadow .15s}.guide-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #082c4c12}.guide-card small{font-size:.72rem;color:#075c86;text-transform:uppercase;letter-spacing:.1em}.guide-card h3{font-size:1.1rem;color:#082c4c;margin:10px 0}.guide-card p{font-size:.88rem;line-height:1.65}.guide-card span{color:#075c86;font-weight:600;font-size:.85rem}.guide-mini{width:100%;height:90px;margin:10px 0;background:#082c4c;display:flex;align-items:center;justify-content:center;gap:20px;color:#76eee0!important;font:600 1.5rem ui-monospace,monospace}.guide-mini small{color:#d9f4f1;font-size:.68rem;letter-spacing:.03em}.guide-static-note{font-size:.85rem;color:#52687b;line-height:1.6}.guide-scene .flow-dash{stroke-dasharray:10 18}.guide-studio.is-playing .flow-dash{animation:guide-flow 1s linear infinite}@keyframes guide-flow{to{stroke-dashoffset:-56}}.guide-studio.is-playing .wave{animation:guide-wave 1.5s ease-in-out infinite alternate}@keyframes guide-wave{to{transform:translateY(2px)}}
@media(max-width:850px){.guide-studio{grid-template-columns:1fr}.guide-scene svg{max-height:410px}.guide-console{padding:20px}.guide-lcd{max-width:540px;margin:auto}.guide-console-note{min-height:0}.guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.guide-wrap{padding:20px 14px 44px}.guide-controls{padding:18px 14px}.guide-primary{grid-template-columns:minmax(0,1fr) 115px}.guide-control-grid{grid-template-columns:1fr 1fr;gap:12px}.guide-controls label{font-size:.78rem}.guide-read-grid,.guide-card-grid{grid-template-columns:1fr}.guide-equation{padding:20px 16px}.guide-scene{padding:6px}.guide-console{padding:14px}.guide-lcd-number{font-size:2.5rem}.guide-heading h1{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.guide-studio .wave,.guide-studio .flow-dash{animation:none!important}.guide-card,.guide-signal-fill{transition:none}.guide-card:hover{transform:none}}

.guide-scene svg [data-value="small-current"]{font-size:13px;fill:#063f3a}.guide-scene svg [data-value="mounting"]{font-size:15px}.guide-scene svg [data-value="tank-level"]{fill:#fff;font-size:22px}

/* Compact instrument workstation: process remains beside its controls. */
.guide-page .guide-wrap{width:min(1160px,100%);padding:14px 20px 40px;box-sizing:border-box}
.guide-page .guide-heading{max-width:100%;margin-bottom:12px}
.guide-page .guide-heading h1{font-size:1.55rem;line-height:1.2;margin:5px 0 7px}
.guide-page .guide-heading p{font-size:.9rem;line-height:1.45;margin:5px 0}
.guide-page .guide-heading .guide-kicker{font-size:.68rem;letter-spacing:.07em}
.guide-page .guide-breadcrumb{font-size:.75rem;gap:6px}
.guide-page .guide-studio{grid-template-columns:minmax(0,1.1fr) minmax(430px,1fr);grid-template-rows:auto auto;align-items:stretch}
.guide-page .guide-scene{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;padding:12px 8px;overflow:hidden}
.guide-page .guide-scene [data-scene]{min-width:0}
.guide-page .guide-scene svg{width:100%;height:300px;max-height:300px}
.guide-page .guide-scene-caption{padding:8px 8px 0;font-size:.7rem;line-height:1.35}
.guide-page .guide-console{grid-column:2;grid-row:1;padding:12px 14px}
.guide-page .guide-console-title{font-size:.67rem;letter-spacing:.04em;margin-bottom:7px}
.guide-page .guide-lcd{padding:9px 12px;border-width:4px;min-height:0}
.guide-page .guide-lcd-label{font-size:.64rem;letter-spacing:.08em}
.guide-page .guide-lcd-number{font-size:2rem;line-height:1.25}
.guide-page .guide-lcd-unit{font-size:.9rem;margin-left:5px}
.guide-page .guide-lcd-output{font-size:.8rem;line-height:1.3;padding-top:5px;flex-wrap:wrap}
.guide-page .guide-signal{height:5px;margin:9px 0 4px}
.guide-page .guide-signal-scale{font-size:.65rem}
.guide-page .guide-console-note{font-size:.72rem;line-height:1.35;margin:6px 0 0;min-height:0}
.guide-page .guide-controls{grid-column:2;grid-row:2;padding:10px 14px;border-left:1px solid #d3e0e8}
.guide-page .guide-primary{grid-template-columns:minmax(0,1fr) 115px;gap:10px;margin-bottom:9px}
.guide-page .guide-controls label{font-size:.73rem;line-height:1.25}
.guide-page .guide-controls input[type=number],.guide-page .guide-controls select{height:32px;margin-top:4px;padding:4px 7px;font-size:.8rem;box-sizing:border-box}
.guide-page .guide-controls input[type=range]{height:24px;margin-top:4px}
.guide-page .guide-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px}
.guide-page .guide-control-actions{margin-top:10px;gap:8px}
.guide-page .guide-control-actions button{padding:7px 10px;min-height:34px;font-size:.75rem}
.guide-page .guide-play-state{font-size:.7rem;line-height:1.3}
.guide-page .guide-equation{margin-top:16px;padding:16px 20px}
.guide-page .guide-equation h2,.guide-page .guide-read h2{font-size:1rem;margin-bottom:9px}
.guide-page .guide-formula,.guide-page .guide-worked{font-size:.82rem;line-height:1.6}
.guide-page .guide-definitions{font-size:.75rem;line-height:1.5}
.guide-page .guide-read-grid{gap:24px;margin-top:20px}
.guide-page .guide-read p{font-size:.88rem;line-height:1.6}
.guide-page .guide-family-nav{margin:16px 0;gap:6px}
.guide-page .guide-family-tab{padding:6px 10px;font-size:.8rem}
.guide-page .guide-directory-group{margin:22px 0}
.guide-page .guide-directory-group h2{font-size:1.2rem}
.guide-page .guide-card-grid{gap:12px}
.guide-page .guide-card{padding:14px}
.guide-page .guide-mini{height:52px;margin:7px 0;font-size:1.1rem;gap:12px}
.guide-page .guide-card h3{font-size:.98rem;margin:8px 0}
.guide-page .guide-card p{font-size:.8rem;line-height:1.5;margin:7px 0}
.guide-page .guide-card span{font-size:.78rem}
@media(max-width:980px){
 .guide-page .guide-studio{grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}
 .guide-page .guide-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guide-page .guide-scene svg{height:270px;max-height:270px}
}
@media(max-width:680px){
 .guide-page .guide-wrap{padding:12px 12px 32px}
 .guide-page .guide-studio{grid-template-columns:1fr 1fr}
 .guide-page .guide-scene{grid-column:1;grid-row:1;padding:6px 2px}
 .guide-page .guide-scene svg{height:180px;max-height:180px}
 .guide-page .guide-scene-caption{font-size:.6rem;padding:4px}
 .guide-page .guide-console{grid-column:2;grid-row:1;padding:10px 8px}
 .guide-page .guide-console-title{font-size:.56rem;gap:4px;flex-wrap:wrap}
 .guide-page .guide-lcd{padding:7px 6px;border-width:3px}
 .guide-page .guide-lcd-number{font-size:1.4rem;white-space:normal;overflow-wrap:anywhere}
 .guide-page .guide-lcd-label{font-size:.55rem;letter-spacing:.02em}
 .guide-page .guide-lcd-unit{font-size:.7rem}
 .guide-page .guide-lcd-output{font-size:.64rem;gap:4px}
 .guide-page .guide-console-note{font-size:.63rem}
 .guide-page .guide-controls{grid-column:1/-1;grid-row:2;border-left:0}
 .guide-page .guide-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .guide-page .guide-controls input[type=number],.guide-page .guide-controls select{height:36px}
 .guide-page .guide-control-actions button{min-height:40px}
 .guide-page .guide-heading h1{font-size:1.3rem}
 .guide-page .guide-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
 .guide-page .guide-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guide-page .guide-scene svg{height:150px;max-height:150px}
 .guide-page .guide-card-grid{grid-template-columns:1fr}
}

/* v59: compact fixed-width readout beside the process. */
.guide-page .guide-wrap{width:min(1080px,100%);padding-top:10px}
.guide-page .guide-heading{margin-bottom:9px}
.guide-page .guide-heading .guide-kicker{margin:3px 0;font-size:.62rem}
.guide-page .guide-heading h1{font-size:1.35rem;margin:4px 0}
.guide-page .guide-heading p{font-size:.82rem;line-height:1.35;margin:4px 0}
.guide-page .guide-studio{grid-template-columns:minmax(0,.85fr) minmax(480px,1fr)}
.guide-page .guide-scene svg{height:210px;max-height:210px}
.guide-page .guide-scene{padding:8px 4px}
.guide-page .guide-console{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:7px 12px;padding:10px 12px;align-content:start;align-items:start}
.guide-page .guide-console-title{grid-column:1/-1;margin:0;font-size:.62rem}
.guide-page .guide-lcd{grid-column:1;width:100%;max-width:250px;box-sizing:border-box;margin:0;padding:7px 9px}
.guide-page .guide-lcd-label{font-size:.59rem;line-height:1.3;letter-spacing:.035em}
.guide-page .guide-lcd-number{font-size:1.65rem;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
.guide-page .guide-lcd-unit{font-size:.75rem}
.guide-page .guide-lcd-output{font-size:.7rem;gap:4px;flex-wrap:wrap}
.guide-page .guide-console-meta{min-width:0}
.guide-page .guide-signal{margin:2px 0 4px}
.guide-page .guide-console-note{font-size:.68rem;line-height:1.3;margin:5px 0 0}
.guide-page .guide-controls{padding:8px 12px}
.guide-page .guide-primary{margin-bottom:7px}
.guide-page .guide-control-grid{gap:6px 9px}
.guide-page .guide-control-actions{margin-top:8px}
@media(max-width:980px){
 .guide-page .guide-studio{grid-template-columns:minmax(0,.8fr) minmax(410px,1fr)}
 .guide-page .guide-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .guide-page .guide-console{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:6px 9px}
 .guide-page .guide-lcd{max-width:220px}
 .guide-page .guide-scene svg{height:190px;max-height:190px}
}
@media(max-width:760px){
 .guide-page .guide-studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .guide-page .guide-scene{grid-column:1;grid-row:1}
 .guide-page .guide-console{grid-column:2;grid-row:1;display:block;padding:8px}
 .guide-page .guide-console-title{font-size:.56rem;margin-bottom:5px}
 .guide-page .guide-lcd{max-width:250px}
 .guide-page .guide-console-meta{margin-top:6px}
 .guide-page .guide-controls{grid-column:1/-1;grid-row:2;border-left:0}
 .guide-page .guide-scene svg{height:170px;max-height:170px}
}
@media(max-width:420px){
 .guide-page .guide-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guide-page .guide-lcd-number{font-size:1.25rem}
 .guide-page .guide-lcd-label{font-size:.52rem}
 .guide-page .guide-lcd-output{font-size:.6rem}
 .guide-page .guide-console-note{font-size:.61rem}
 .guide-page .guide-scene svg{height:150px;max-height:150px}
}

/* Application range inputs stay visible; extra geometry can be expanded. */
.guide-page .guide-range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 9px;margin-bottom:9px}
.guide-page .guide-settings{border-top:1px solid #d3e0e8;padding-top:6px;margin-top:6px;font-size:.73rem}
.guide-page .guide-settings summary{cursor:pointer;color:#075c86;font-weight:600;padding:4px 0}
.guide-page .guide-settings .guide-control-grid{margin:8px 0}
.guide-page .guide-settings summary:focus-visible{outline:3px solid #cb601b;outline-offset:2px}
@media(max-width:420px){.guide-page .guide-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.guide-page .guide-unit-help{font-size:.68rem;line-height:1.35;color:#52687b;margin:0 0 8px}