.iv-fluid{--iv-fluid-space:28px}
.iv-fluid>.eyebrow{margin-top:0}
.iv-fluid[aria-labelledby="iv-fluid-heading"]>.eyebrow{margin:0 0 10px}
.iv-fluid-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
.iv-fluid-input-card,.iv-fluid-result-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:var(--iv-fluid-space);box-shadow:var(--shadow);min-width:0}
.iv-fluid h2{margin:0 0 12px;font-size:19px}
.iv-fluid h3{margin:24px 0 12px;font-size:15px}
.iv-fluid-input-card>p{margin:0 0 24px;color:var(--muted)}
.iv-fluid label{display:block;margin-bottom:8px;font-weight:600}
.iv-fluid label span{font-weight:400}
.iv-fluid-weight-control{position:relative}
.iv-fluid-weight-control input{width:100%;min-height:58px;border:1px solid var(--control-border);border-radius:8px;padding:12px 65px 12px 16px;font-size:23px;font-variant-numeric:tabular-nums}
.iv-fluid-weight-control>span{position:absolute;right:35px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.iv-fluid-help{font-size:12px;color:var(--muted);margin:8px 0 16px}
.iv-fluid-error{font-size:13px;font-weight:600;margin:0 0 16px}
.iv-fluid-actions{display:flex;gap:12px}
.iv-fluid-actions button{font-size:14px;font-weight:600;min-height:44px}
.iv-fluid-reset{border:1px solid var(--control-border);border-radius:8px;padding:11px 20px;background:var(--white);cursor:pointer}
.iv-fluid-reset:hover{background:var(--surface)}
.iv-fluid-rule{border-top:1px solid var(--line);margin-top:28px}
.iv-fluid-rule>div{display:flex;gap:14px;align-items:center;margin-top:16px}
.iv-fluid-rule strong{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:var(--surface);border-left:3px solid var(--teal);border-radius:6px;font-size:22px}
.iv-fluid-rule small,.iv-fluid-breakdown small{display:block;font-size:12px;color:var(--muted)}
.iv-fluid-result-card{border-top:4px solid var(--teal)}
.iv-fluid-result-header{display:flex;align-items:start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.iv-fluid-badge{display:inline-block;background:var(--surface);border-radius:5px;padding:5px 9px;font-size:11px;font-weight:700}
.iv-fluid-status{font-size:13px;color:var(--muted);margin:16px 0}
.iv-fluid-hourly{background:var(--navy);color:var(--white);border-radius:8px;padding:20px;overflow-wrap:anywhere}
.iv-fluid-hourly>span,.iv-fluid-daily>span{display:block;font-size:13px}
.iv-fluid-hourly strong{font-size:46px;line-height:1.3;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.iv-fluid-hourly div>span{font-size:15px;white-space:nowrap}
.iv-fluid-daily{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.iv-fluid-daily strong{font-size:28px;font-variant-numeric:tabular-nums}
.iv-fluid-daily small{font-size:12px;color:var(--muted)}
.iv-fluid-breakdown{margin:0}
.iv-fluid-breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}
.iv-fluid-breakdown dt{font-size:14px;font-weight:600}
.iv-fluid-breakdown dt small{font-weight:400;margin-top:3px}
.iv-fluid-breakdown dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.iv-fluid-prescription-note{margin:20px 0 0;font-size:12px;font-weight:600}
.iv-fluid-disclaimer{border-left:4px solid var(--teal);margin-top:24px;padding:20px 24px;background:var(--white);border-radius:0 var(--radius) var(--radius) 0}
.iv-fluid-disclaimer h2{font-size:15px;margin-bottom:8px}
.iv-fluid-disclaimer p{font-size:13px;margin:0;color:var(--muted)}
.iv-fluid-npo{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.iv-fluid .iv-fluid-npo-title{font-size:23px;line-height:1.2;margin-bottom:7px}
.iv-fluid-npo-hours-label{margin-top:18px}
.iv-fluid-npo .iv-fluid-input-card>h3,.iv-fluid-npo .iv-fluid-result-header>h3{margin:0 0 12px;font-size:19px}
.iv-fluid-npo .iv-fluid-disclaimer h3{margin:0 0 8px;font-size:15px}
.iv-fluid-third-space{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.iv-fluid-reference{margin-top:44px;padding-top:32px;border-top:1px solid var(--line)}
.electrolyte-repletion{margin-top:44px;padding:var(--iv-fluid-space);background:var(--white);color:var(--navy);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}
.electrolyte-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 16px}
.electrolyte-inputs label{font-size:13px;min-width:0}
.electrolyte-inputs input,.electrolyte-inputs select{display:block;width:100%;min-height:44px;margin-top:7px;padding:10px 12px;border:1px solid var(--control-border);border-radius:8px;background:var(--white);color:var(--navy);font:inherit;font-size:14px}
.electrolyte-inputs input[aria-invalid="true"]{border:2px solid var(--navy)}
.electrolyte-inputs input:focus-visible,.electrolyte-inputs select:focus-visible,.electrolyte-table-scroll:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.electrolyte-result{padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:8px;background:var(--surface);color:var(--navy);font-size:14px}
.electrolyte-result p{margin:0 0 14px}
.electrolyte-result p:last-child{margin-bottom:0}
.electrolyte-summary-caution,.electrolyte-reference-note{font-size:12px;line-height:1.6;color:var(--muted)}
.electrolyte-reference-group{margin-top:28px}
.electrolyte-reference-group h3{font-size:17px;margin:0 0 12px}
.electrolyte-formula{font-size:13px;line-height:1.6;color:var(--muted)}
.electrolyte-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:8px}
.electrolyte-reference-table{min-width:440px;table-layout:fixed}
.electrolyte-reference-table th,.electrolyte-reference-table td{padding:12px;border:0;border-bottom:1px solid var(--line);font-size:13px;text-align:left;vertical-align:middle;overflow-wrap:anywhere}
.electrolyte-reference-table thead th{background:var(--surface);color:var(--navy);font-weight:700}
.electrolyte-reference-table tbody th{background:var(--white);font-weight:400}
.electrolyte-reference-table tbody tr:last-child>*{border-bottom:0}
.electrolyte-repletion [hidden]{display:none!important}
@media(max-width:600px){.electrolyte-inputs{grid-template-columns:minmax(0,1fr)}.electrolyte-result{padding:16px}}
.iv-fluid-reference>p{color:var(--muted);font-size:13px}
.iv-fluid-composition-scroll{max-width:100%;overflow-x:auto;border-radius:var(--radius)}
.iv-fluid-composition-scroll:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.iv-fluid-composition-table{min-width:1300px;font-variant-numeric:tabular-nums}
.iv-fluid-composition-table caption{text-align:left;font-weight:600;padding:12px 0}
.iv-fluid-composition-table th,.iv-fluid-composition-table td{padding:12px;text-align:center;vertical-align:middle}
.iv-fluid-composition-table th:first-child{min-width:210px;max-width:260px;text-align:left}
.iv-fluid-composition-table tbody th{position:sticky;left:0;z-index:1;background:var(--surface)}
.iv-fluid-composition-table small{display:block;font-size:11px;font-weight:400;white-space:nowrap}
.iv-fluid .iv-fluid-third-space-title{font-size:23px;line-height:1.2;margin-bottom:7px}
.iv-fluid-third-space-label{margin-top:18px}
.iv-fluid-third-space .iv-fluid-input-card>h3,.iv-fluid-third-space .iv-fluid-result-header>h3{margin:0 0 12px;font-size:19px}
.iv-fluid-third-space .iv-fluid-disclaimer h3{margin:0 0 8px;font-size:15px}
.iv-fluid-hour-table-wrap{max-width:100%;overflow-x:auto;margin-top:24px}
.iv-fluid-hour-table{min-width:380px;table-layout:fixed;font-variant-numeric:tabular-nums}
.iv-fluid-hour-table caption{font-size:13px;font-weight:600;text-align:left;padding-bottom:12px}
.iv-fluid-hour-table th:first-child{width:43%;text-align:left}
.iv-fluid-hour-table th,.iv-fluid-hour-table td{padding:10px 7px;font-size:12px;overflow-wrap:anywhere;text-align:right}
.iv-fluid-hour-table tbody th{background:var(--white)}
.iv-fluid-hour-table small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}
.iv-fluid-hour-table .iv-fluid-hour-total th,.iv-fluid-hour-table .iv-fluid-hour-total td{background:var(--surface);font-weight:700;border-top:3px solid var(--teal)}
@media(max-width:1068px){.iv-fluid{margin-inline:18px}}
@media(max-width:800px){.iv-fluid{margin-inline:0;--iv-fluid-space:22px}.iv-fluid-grid{grid-template-columns:1fr}.iv-fluid-hourly strong{font-size:40px}}
@media(max-width:400px){.iv-fluid{--iv-fluid-space:18px}.iv-fluid-hourly strong{font-size:34px}.iv-fluid-disclaimer{padding:18px}}

.serum-anion-gap{margin-top:44px;padding:var(--iv-fluid-space);background:var(--white);color:var(--navy);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.anion-intro{color:var(--muted);margin:0 0 24px}.anion-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.anion-inputs>div{min-width:0}.anion-inputs label{font-size:13px}.anion-inputs input{width:100%;min-height:48px;padding:12px;border:1px solid var(--control-border);border-radius:8px;background:var(--white);color:var(--navy);font:inherit}.anion-inputs .iv-fluid-error{margin:8px 0 0}.anion-inputs input[aria-invalid=true]{border:2px solid var(--navy)}.anion-inputs input:focus-visible,.anion-guide summary:focus-visible{outline:2px solid var(--navy);outline-offset:3px}.anion-result{margin-top:24px;padding:20px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:8px;background:var(--surface)}.anion-result p{margin:12px 0 0}.anion-result p:first-child{margin-top:0}.anion-result dl{margin:0}.anion-result dl>div{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 0}.anion-result dd{margin:0;font-variant-numeric:tabular-nums}.anion-result dd strong{font-size:24px}.anion-guide{margin-top:24px;font-size:13px;color:var(--muted)}.anion-guide summary{cursor:pointer;font-weight:600;color:var(--navy);padding:12px 0;min-height:44px}.anion-guide p{line-height:1.7}.serum-anion-gap [hidden]{display:none!important}@media(max-width:600px){.anion-inputs{grid-template-columns:minmax(0,1fr)}.anion-result{padding:16px}}

.vbg-inputs{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.vbg-actions{flex-wrap:wrap}.vbg-actions .primary{flex:1}.vbg-copy{margin-top:16px}.vbg-analyzer .anion-result h3{margin:12px 0;font-size:24px}.vbg-analyzer .eyebrow{color:var(--teal)}@media(max-width:600px){.vbg-inputs{grid-template-columns:minmax(0,1fr)}.vbg-actions>*{flex:1 1 100%}}

/* ABG analyzer: nested panels follow the page's navy, teal, and white palette. */
.abg-analyzer{padding:28px;overflow:hidden}
.abg-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.abg-heading>div{max-width:690px}.abg-heading h2{font-size:28px;margin:8px 0 12px}.abg-heading p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}
.abg-analyzer .eyebrow{color:var(--teal);font-size:10px;letter-spacing:2px;font-weight:700}
.abg-browser-badge{flex-shrink:0;border:1px solid var(--line);background:var(--surface);border-radius:30px;padding:9px 14px;color:var(--teal);font-size:11px}
.abg-entry-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px}
.abg-inputs{margin-bottom:16px}.abg-analyzer .anion-inputs label{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.abg-analyzer .anion-inputs label span{color:var(--muted);font-size:11px;text-align:right}
.abg-analyzer .anion-inputs input{min-height:54px;font-size:19px;font-weight:600;border-radius:11px;font-variant-numeric:tabular-nums}
.abg-main-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:20px}.abg-main-actions button{min-height:48px;border-radius:10px}
.abg-entry-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:11px;color:var(--muted)}
.abg-entry-footer button{padding:8px 0;border:0;background:transparent;font:inherit;font-weight:600;color:var(--teal);text-decoration:underline;cursor:pointer}
.abg-interpretation{margin-top:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden;padding:24px}
.abg-result-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.abg-result-toolbar .eyebrow{margin-right:auto}.abg-copy{min-height:36px;padding:7px 12px;font-size:12px;border-radius:24px}
.abg-result-heading{padding:8px 0 24px;border-bottom:1px solid var(--line);margin-bottom:24px}.abg-result-heading>p{color:var(--muted);font-size:12px;margin-bottom:6px}.abg-analyzer .abg-result-heading h3{font-size:26px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.abg-result-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.abg-result-cards article,.abg-pf-cards article{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}
.abg-analyzer h4{font-size:10px;letter-spacing:1.4px;color:var(--muted);margin:0 0 14px;font-weight:700}.abg-result-cards strong{font-size:14px;line-height:1.6}.abg-result-cards article:first-child strong{font-size:25px}.abg-result-cards p,.abg-pf-cards p{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 0}
.abg-explanation{padding:20px;border:1px solid var(--line);border-radius:14px;margin-top:18px}.abg-explanation h4{color:var(--teal)}.abg-explanation p{font-size:13px;line-height:1.8;margin:0}
.abg-empty{padding:20px 0;color:var(--muted)}
.abg-pf{margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.abg-pf h3{font-size:16px;margin:8px 0}.abg-pf>p{font-size:12px;line-height:1.7;color:var(--muted)}
#abg-pf-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:22px}#abg-pf-form .anion-inputs{grid-template-columns:1fr}#abg-pf-form button{min-height:54px;border-radius:10px}
.abg-pf-output{margin-top:22px;font-size:13px}.abg-pf-cards{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px}.abg-pf-cards article{background:var(--surface)}.abg-pf-cards article:first-child strong{font-size:30px}.abg-pf-cards small{font-size:12px;font-weight:400}
.abg-ards-note{border:1px solid var(--line);border-left:3px solid var(--teal);padding:16px;border-radius:10px;margin-top:18px;background:var(--surface);font-size:12px;line-height:1.7}.abg-ards-note p{color:var(--muted);margin:6px 0 0}
.abg-disclaimer{margin:22px 0 0;padding:18px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:11px;line-height:1.8}
@media(max-width:900px){.abg-result-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.abg-heading{align-items:start;flex-direction:column;gap:14px}}
@media(max-width:600px){.abg-analyzer{padding:18px}.abg-entry-panel,.abg-interpretation{padding:16px}.abg-heading h2{font-size:25px}.abg-main-actions{grid-template-columns:1fr}.abg-entry-footer{align-items:start;flex-direction:column;gap:8px}.abg-result-cards,.abg-pf-cards{grid-template-columns:1fr}.abg-analyzer .abg-result-heading h3{font-size:22px}.abg-pf{padding:14px}#abg-pf-form{grid-template-columns:1fr}}