.utility-page{max-width:1440px}.utility-heading{margin-bottom:1.75rem}.utility-heading h1{margin-bottom:.65rem;font-size:clamp(2rem,4vw,2.8rem)}.utility-workspace{--utility-bg:#0f172a;--utility-card:#1e293b;--utility-line:#3b4d65;--utility-ink:#f1f5f9;--utility-muted:#b0bfd1;--utility-accent:#34d399;color:var(--utility-ink);grid-template-columns:205px minmax(0,1fr);gap:1.5rem;display:grid}.utility-sidebar{align-self:start;min-width:0;position:sticky;top:1rem}.utility-tablist{gap:.5rem;display:grid}.utility-tablist button{text-align:left;min-height:76px;color:var(--utility-muted);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.8rem;padding:.9rem;display:flex}.utility-tablist button[aria-selected=true]{color:var(--utility-ink);background:#103630;border-color:#10b981}.utility-tablist button:hover{border-color:var(--utility-line)}.utility-tablist strong{font-size:1rem;display:block}.utility-tablist small{margin-top:.15rem;font-size:.875rem;display:block}.utility-tab-marker{color:var(--utility-accent);font-size:.875rem}.utility-session-note{color:var(--utility-muted);padding:1rem;font-size:.875rem;line-height:1.65}.utility-panels,.utility-panels>section{min-width:0}.utility-tool{background:var(--utility-bg);border:1px solid var(--utility-line);border-radius:20px;padding:clamp(1rem,2.5vw,1.8rem)}.utility-tool-heading,.utility-section-heading,.utility-equipment-top,.utility-row-result{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.utility-tool-heading h2{margin:.4rem 0 0;font-size:1.7rem}.utility-kicker{text-transform:uppercase;letter-spacing:.09em;color:var(--utility-muted);font-size:.8125rem;font-weight:650}.utility-badge{color:var(--utility-accent);white-space:nowrap;background:#103630;border-radius:100px;padding:.3rem .65rem;font-size:.875rem}.utility-intro{color:var(--utility-muted);margin:1rem 0 1.5rem;font-size:1rem}.utility-metrics{grid-template-columns:1.2fr 1fr 1fr;gap:.8rem;margin-bottom:1.25rem;display:grid}.utility-metric{background:var(--utility-card);border:1px solid var(--utility-line);border-radius:13px;min-width:0;padding:1.15rem}.utility-metric-primary{border-left:4px solid #10b981}.utility-metric-value{letter-spacing:-.06em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:.65rem 0 .35rem;font-size:clamp(1.65rem,2.7vw,2.5rem);font-weight:750}.utility-metric-primary .utility-metric-value{color:var(--utility-accent)}.utility-metric-value span{letter-spacing:0;color:var(--utility-muted);margin-left:.4rem;font-size:1rem;font-weight:450}.utility-metric p{color:var(--utility-muted);margin:0;font-size:.875rem}.utility-card{background:var(--utility-card);border:1px solid var(--utility-line);border-radius:14px;min-width:0;margin-bottom:1rem;padding:1.25rem}.utility-section-heading{margin-bottom:1rem}.utility-section-heading h3{margin:0;font-size:1.1rem}.utility-section-heading>span{color:var(--utility-muted);font-size:.875rem}.utility-field{min-width:0}.utility-field label{color:var(--utility-ink);margin:0 0 .45rem;font-size:.875rem;display:block}.utility-field input,.utility-field select{background:var(--utility-bg);color:var(--utility-ink);border-color:#52647e;min-height:48px;padding:.65rem .75rem;font-size:1rem}.utility-field-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.utility-hint{color:var(--utility-muted);margin:.5rem 0;font-size:.875rem;line-height:1.6}.utility-button{color:#a7f3d0;background:#103630;border:1px solid #10b981;border-radius:9px;min-height:44px;padding:.55rem .85rem;font-size:.875rem;font-weight:650}.utility-button:hover{background:#174d40}.utility-button:disabled,.utility-remove:disabled{opacity:.45;cursor:not-allowed}.utility-equipment-list{gap:.85rem;margin-top:1.2rem;display:grid}.utility-equipment{background:#0f172a80;border:1px solid #44536c;border-radius:12px;min-width:0;margin:0;padding:1rem}.utility-equipment legend{color:var(--utility-muted);padding:0 .3rem;font-size:.8125rem}.utility-name{flex:1;min-width:130px}.utility-remove{color:#fda4af;background:0 0;border:0;align-self:flex-end;min-height:44px;padding:.5rem;font-size:.875rem}.utility-device-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.utility-row-result{border-top:1px solid var(--utility-line);margin-top:1rem;padding-top:.8rem;font-size:.875rem}.utility-row-result>span{color:var(--utility-muted)}.utility-row-result>strong{color:var(--utility-accent);font-variant-numeric:tabular-nums}.utility-error{color:#fecdd3;background:#3d202b;border:1px solid #ef4444;border-radius:9px;padding:.85rem 1rem;font-size:.875rem}.utility-method{color:var(--utility-muted);padding:.5rem .2rem;font-size:.875rem}.utility-method summary{color:#a7f3d0;min-height:30px}.utility-method a{color:#a7f3d0}.utility-converter{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.utility-converter .utility-card{gap:1.1rem;display:grid}.utility-converted{letter-spacing:-.045em;color:var(--utility-accent);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;column-gap:.6rem;margin:.6rem 0 1rem;font-size:clamp(2rem,4vw,3.8rem);font-weight:750;line-height:1.2;display:flex}.utility-converted>span{color:var(--utility-ink);letter-spacing:0;font-size:1.35rem;font-weight:500}.utility-conversion-result{border-left:4px solid #10b981;align-self:start;min-width:0;padding:1.2rem}.utility-original{color:var(--utility-muted);overflow-wrap:anywhere;margin:1.5rem 0 .2rem}.utility-conversion-note{color:#fcd34d;border-top:1px solid var(--utility-line);margin-top:1.5rem;padding-top:1rem;font-size:.875rem}.utility-swap{justify-self:start}.utility-panels>section:focus-visible{outline:2px solid var(--utility-accent);outline-offset:6px;border-radius:16px}.utility-workspace .panel{background:var(--utility-card);border-color:var(--utility-line)}.utility-workspace .result-panel{background:linear-gradient(145deg,#123a35,#1e293b 75%);border-left:4px solid #10b981}.utility-workspace .vpd-number,.utility-workspace .eyebrow{color:var(--utility-accent)}.utility-workspace .status-pill{color:#a7f3d0;background:#103630}.utility-workspace .status-pill.below,.utility-workspace .status-pill.above{color:#fcd34d;background:#45351a}.utility-workspace .range-zone,.utility-workspace .segmented button[aria-pressed=true]{background:#34d399}.utility-workspace .vpd-number{letter-spacing:-.045em;overflow-wrap:anywhere}.utility-workspace .formula-note{padding-bottom:0}.utility-workspace .formula-note p,.utility-workspace .field-note{color:var(--utility-muted)}.utility-workspace .app-note{border-color:#42605b}.utility-workspace .app-note strong{font-size:1rem}.utility-expenses{gap:.8rem;display:grid}.utility-expense{grid-template-columns:minmax(0,1.8fr) minmax(90px,1fr) auto;align-items:end;gap:.75rem;display:grid}.utility-budget-total{border-top:1px solid var(--utility-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.4rem;padding-top:1.2rem;display:flex}.utility-budget-total p{color:var(--utility-muted);margin:.3rem 0 0;font-size:.875rem}.utility-budget-total>strong{color:var(--utility-accent);font-variant-numeric:tabular-nums;letter-spacing:-.045em;overflow-wrap:anywhere;font-size:2rem}.utility-water-metrics{margin:1.25rem 0 .75rem}.utility-water-metrics .utility-metric{background:#0f172a80}.utility-water-metrics .utility-metric-value{font-size:1.85rem}.utility-water-details{border-top:1px solid var(--utility-line);margin-top:1.25rem;padding-top:1rem}.utility-water-details[open]>summary{margin-bottom:1rem}.utility-notes{margin-top:1rem}.utility-field textarea{resize:vertical;width:100%;font:inherit;background:var(--utility-bg);color:var(--utility-ink);border:1px solid #52647e;border-radius:10px;padding:.75rem;font-size:1rem;line-height:1.6;display:block}.utility-field textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.utility-field textarea::placeholder{color:var(--utility-muted)}.utility-actions{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.85rem;display:flex}.utility-button-muted{color:var(--utility-ink);background:0 0;border-color:#52647e}.utility-button-muted:hover{background:#2c3d55}.utility-count{color:var(--utility-accent);background:#0f172a;border-radius:6px;margin-left:.35rem;padding:.1rem .45rem;font-size:.875rem;display:inline-block}.utility-session-warning{color:#fcd34d;background:#382f2080;border-left:3px solid #f59e0b;padding:.6rem .9rem;font-size:.875rem}.utility-log-notice{color:var(--utility-accent);font-size:.875rem}.utility-log-notice:empty{display:none}.utility-empty{text-align:center;color:var(--utility-muted);border:1px dashed #52647e;border-radius:10px;padding:2rem 1rem;font-size:1rem}.utility-reading-list{gap:.85rem;margin-top:1rem;display:grid}.utility-reading{border:1px solid var(--utility-line);background:#0f172a80;border-radius:12px;min-width:0;padding:1.1rem}.utility-reading h4{overflow-wrap:anywhere;margin:0 0 .2rem;font-size:1rem}.utility-reading time{color:var(--utility-muted);font-size:.8125rem}.utility-reading .utility-actions{margin:0}.utility-reading-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.utility-reading-values dt{color:var(--utility-muted);font-size:.8125rem}.utility-reading-values dd{overflow-wrap:anywhere;margin:.3rem 0 0;font-size:1.2rem;font-weight:650}.utility-reading-note{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0;font-size:.9375rem}body:has(.utility-workspace) .site-header{flex-wrap:wrap}body:has(.utility-workspace) .site-header nav{scrollbar-width:thin;white-space:nowrap;min-width:0;max-width:100%;padding-bottom:.25rem;overflow-x:auto}@media (width<=1200px){body:has(.utility-workspace) .site-header nav{flex-basis:100%;order:3;justify-content:flex-start;gap:1.5rem}body:has(.utility-workspace) .adult-badge{margin-left:auto}}@media (width<=1100px){.utility-workspace{grid-template-columns:170px minmax(0,1fr);gap:1rem}.utility-tab-marker{display:none}.utility-metrics{grid-template-columns:1fr 1fr}.utility-metric-primary{grid-column:1/-1}.utility-converter,.utility-workspace .calculator-grid{grid-template-columns:1fr}}@media (width<=720px){.utility-page{padding-bottom:calc(125px + env(safe-area-inset-bottom))}.utility-workspace{display:block}.utility-sidebar{z-index:20;backdrop-filter:blur(16px);border-top:1px solid var(--utility-line);padding:.4rem .6rem calc(.4rem + env(safe-area-inset-bottom));background:#0f172af5;position:fixed;inset:auto 0 0}.utility-tablist{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;display:grid}.utility-tablist button{text-align:center;justify-content:center;min-height:62px;padding:.45rem}.utility-tablist strong{font-size:.875rem}.utility-tablist small,.utility-session-note{display:none}.utility-metrics{gap:.6rem}.utility-metric{padding:1rem}.utility-metric-value{font-size:1.9rem}.utility-metric-primary .utility-metric-value{font-size:2.6rem}.utility-card{padding:1rem}.utility-device-fields{grid-template-columns:1fr 1fr}.utility-field-grid{grid-template-columns:1fr}.utility-heading p{max-width:32rem}.utility-converted{font-size:2.7rem}.utility-workspace button,.utility-workspace input,.utility-workspace select,.utility-workspace summary,.utility-workspace textarea{scroll-margin-bottom:110px}.utility-expense{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.utility-expense .utility-remove{grid-column:1/-1;justify-self:end}.utility-reading-values{grid-template-columns:1fr 1fr}body:has(.utility-workspace) footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}@media (width<=380px){.utility-metrics{grid-template-columns:1fr}.utility-tool{padding:.8rem}.utility-tablist strong{font-size:.8125rem}}