#problems .uc-hydraulic{font-size:12px;color:#334155;min-width:0;max-width:100%;font-variant-numeric:tabular-nums}#problems .uc-hydraulic *{box-sizing:border-box}#problems .hf-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 0 13px;border-bottom:1px solid #dce2e7}#problems .hf-eyebrow{font-size:9px;letter-spacing:.09em;color:#64748b}#problems .hf-heading h3{font-size:18px;line-height:1.25;letter-spacing:-.025em;margin:4px 0 0;font-weight:600;color:#1e293b}#problems .hf-synthetic{font-size:9px;white-space:nowrap;border:1px solid #d7dfe5;border-radius:3px;padding:4px 6px;color:#64748b}#problems .hf-scenarios{display:flex;flex-wrap:wrap;gap:5px;padding:12px 0 9px}#problems .uc-hydraulic button{font:inherit;font-size:10px;line-height:1.4;border:1px solid #cdd6de;border-radius:4px;padding:6px 9px;color:#475569;background:#fff;cursor:pointer}#problems .uc-hydraulic button:hover{background:#f5f7f9;border-color:#94a3b8}#problems .uc-hydraulic button[aria-pressed=true]{background:#fff3e9;border-color:#c97642;color:#7c3c1a}#problems .uc-hydraulic button:focus-visible,#problems .hf-table-scroll:focus-visible,#problems .hf-assumptions summary:focus-visible{outline:2px solid #bf6e36;outline-offset:3px}#problems .hf-studyline{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:0 0 10px}#problems .hf-studyline strong{font-size:11px;color:#334155}#problems .hf-studyline>span{font-size:9px;color:#64748b}#problems .hf-run{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(150px,.8fr);gap:12px;min-width:0}#problems .hf-schematic{background:#12202c;border:1px solid #263845;border-radius:5px;overflow:hidden;min-width:0;display:flex;flex-direction:column;justify-content:space-between}#problems .hf-schematic svg{width:100%;height:auto;display:block}#problems .hf-cad-label,#problems .hf-cad-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;padding:10px 12px;color:#a4b3be;font:8px/1.4 ui-monospace,monospace;letter-spacing:.04em}#problems .hf-cad-label{border-bottom:1px solid #293a46}#problems .hf-cad-foot{border-top:1px solid #293a46;letter-spacing:0}#problems .hf-readings{display:grid;grid-template-rows:repeat(3,1fr);border:1px solid #dce2e7;border-radius:5px;padding:0 12px;min-width:0}#problems .hf-readings>div{display:flex;flex-direction:column;justify-content:center;padding:9px 0;min-width:0}#problems .hf-readings>div+div{border-top:1px solid #e4e9ee}#problems .hf-readings span{font-size:8px;letter-spacing:.065em;color:#64748b}#problems .hf-readings strong{font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.03em;color:#1e293b;margin:3px 0}#problems .hf-readings strong small{font-size:11px;letter-spacing:0;font-weight:400}#problems .hf-readings small{font-size:9px;line-height:1.5;color:#64748b}#problems .hf-comparison{margin-top:15px;min-width:0}#problems .hf-section-title{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px;margin:0 0 7px}#problems .hf-section-title strong{font-size:11px;color:#334155}#problems .hf-section-title span{font-size:9px;color:#64748b}#problems .hf-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #dce2e7;border-radius:4px}#problems .hf-comparison table{border-collapse:collapse;width:100%;min-width:445px;font-size:10px;line-height:1.4;text-align:left}#problems .hf-comparison th,#problems .hf-comparison td{padding:7px 10px;border-bottom:1px solid #e5e9ed;white-space:nowrap}#problems .hf-comparison thead th{background:#f5f7f9;color:#64748b;font-size:9px;font-weight:500}#problems .hf-comparison th small{font-size:8px;font-weight:400}#problems .hf-comparison tbody th{font-weight:600;color:#334155}#problems .hf-comparison tbody th span{font-weight:400;color:#64748b}#problems .hf-comparison tr.is-selected{background:#fff8f2}#problems .hf-comparison tr:last-child>*{border-bottom:0}#problems .hf-comparison button{font-size:9px;padding:3px 7px;min-width:68px}#problems .hf-review{margin-top:11px;border-left:3px solid #b76b3b;background:#fff9f4;padding:9px 11px;color:#804324;font-size:10px;line-height:1.5}#problems .hf-review strong{font-weight:600}#problems .hf-review p{margin:3px 0 0;color:#774931;font-size:10px;line-height:1.5}#problems .hf-assumptions{font-size:10px;color:#586776;line-height:1.6;margin-top:10px}#problems .hf-assumptions summary{cursor:pointer;font-weight:500;padding:4px 0;color:#475569}#problems .hf-assumptions p{font-size:10px;line-height:1.6;margin:8px 0}#problems .hf-assumptions>div{border-top:1px solid #e2e8ed;margin-top:5px;padding-top:2px}@media(max-width:700px){#problems .hf-run{grid-template-columns:minmax(0,1fr)}#problems .hf-readings{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;padding:0 9px;gap:8px}#problems .hf-readings>div+div{border-top:0}#problems .hf-readings strong{font-size:19px}#problems .hf-readings span{font-size:7px}#problems .hf-readings small{font-size:8px}#problems .hf-studyline{display:block}#problems .hf-studyline>span{display:block;margin-top:3px}}@media(max-width:380px){#problems .hf-heading{align-items:flex-start}#problems .hf-heading h3{font-size:16px}#problems .hf-synthetic{font-size:8px;padding:3px}#problems .hf-readings{grid-template-columns:1fr;padding:0 10px;gap:0}#problems .hf-readings>div+div{border-top:1px solid #e4e9ee}#problems .hf-readings>div{padding:8px 0}#problems .hf-readings strong{font-size:21px}#problems .hf-scenarios button{font-size:9px}}
/* Desktop first view: keep the complete run and all readings above the workspace fold. */
@media(min-width:1000px){#problems .hf-heading{padding-bottom:8px}#problems .hf-scenarios{padding:8px 0 7px}#problems .hf-studyline{padding-bottom:7px}#problems .hf-run{height:190px;align-items:stretch;grid-template-columns:minmax(0,1.75fr) minmax(165px,.8fr)}#problems .hf-schematic{height:190px;min-height:0}#problems .hf-schematic svg{display:block;flex:1 1 auto;min-height:0;height:132px;max-height:132px;width:100%}#problems .hf-schematic svg text{font-size:15px}#problems .hf-cad-label,#problems .hf-cad-foot{flex:0 0 auto;padding:7px 10px}#problems .hf-readings{height:190px;min-height:0;padding:0 10px;grid-template-rows:repeat(3,minmax(0,1fr))}#problems .hf-readings>div{padding:5px 0}#problems .hf-readings strong{font-size:20px;margin:2px 0;line-height:1.15}#problems .hf-readings small{font-size:9px;line-height:1.3}#problems .hf-readings strong small{font-size:11px}#problems .hf-comparison{margin-top:11px}}