.calc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.calc .inputs{background:var(--line-white);border:1px solid var(--border);border-radius:var(--radius);gap:18px;padding:20px;display:grid}.calc .field{border:0;min-width:0;margin:0;padding:0}.calc .field>label,.calc .field legend{margin-bottom:6px;padding:0;font-weight:700;display:block}.calc .unit-input{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;display:flex}.calc .unit-input input,.calc select{width:100%;min-width:0;color:var(--asphalt);border:2px solid var(--border);border-radius:var(--radius);background:var(--line-white);flex:auto;padding:10px 12px}.calc .unit-input input{font:600 1.25rem var(--font-num);appearance:textfield}.calc .unit-input input::-webkit-inner-spin-button,.calc .unit-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc select{font:600 1rem var(--font)}.calc .unit-input input:focus,.calc select:focus{border-color:var(--sign-green)}.calc .choices{flex-wrap:wrap;gap:8px 20px;display:flex}.calc .choices legend{width:100%}.calc .choices label{cursor:pointer;align-items:center;gap:6px;display:flex}.calc .choices input{accent-color:var(--sign-green);width:18px;height:18px}.calc .hint{color:var(--muted);margin:6px 0 0;font-size:.875rem}.calc .group-title{border-top:1px solid var(--border);margin:4px 0 -6px;padding-top:12px;font-size:1.05rem;font-weight:800}.calc .group-title:first-child{border-top:0;padding-top:0}.calc .more{border-top:1px solid var(--border);padding-top:4px}.calc .more summary{cursor:pointer;color:var(--sign-green);align-items:center;gap:10px;min-height:44px;font-weight:700;list-style:none;display:flex}.calc .more summary::-webkit-details-marker{display:none}.calc .more summary:before{content:"+";border:2px solid;border-radius:4px;place-items:center;width:22px;height:22px;font-weight:800;line-height:1;display:inline-grid}.calc .more[open] summary:before{content:"−"}.calc .more-fields{gap:18px;padding:8px 0 4px;display:grid}.calc .results{gap:16px;min-width:0;display:grid;position:sticky;top:16px}.calc .results>.banner,.calc .results>.offer{margin:0}.calc .pump{background:var(--asphalt);color:var(--line-white);border-radius:var(--radius);gap:12px;padding:20px;display:grid}.calc .pump.four{grid-template-columns:repeat(3,minmax(0,1fr))}.calc .pump.three,.calc .pump.two{grid-template-columns:repeat(2,minmax(0,1fr))}.calc .readout{background:#000;border-radius:4px;min-width:0;padding:10px 12px}.calc .readout.total,.calc .readout.wide{grid-column:1/-1}.calc .readout.total{padding:16px}.calc .label{color:#b9c0bb;font-size:.85rem;display:block}.calc output{font-family:var(--font-num);color:var(--caution);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.35rem;font-weight:700;display:block}.calc .total output{font-size:clamp(2.4rem,7vw,3.6rem);line-height:1.1}.calc .range{color:#d9ded9;margin-top:6px;font-size:.95rem;display:block}.calc .compare-title{color:#b9c0bb;margin:4px 0 6px;font-size:.85rem}.calc .alts{margin:0;padding:0;list-style:none}.calc .alts li{border-top:1px solid #3a4046;grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:4px 14px;padding:9px 0;font-size:.95rem;display:grid}.calc .alt-label{color:#e4e8e4}.calc .alt-cost{font-family:var(--font-num);color:var(--line-white);text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.calc .alt-delta{font-family:var(--font-num);text-align:right;font-variant-numeric:tabular-nums;min-width:6.5em;font-size:.85rem}.calc .alt-delta.is-save{color:#7fd8a6}.calc .alt-delta.is-more{color:#f2b99a}.calc .pump-note{color:#b9c0bb;grid-column:1/-1;margin:0;font-size:.9rem}.result-bar{display:none}@media (width<=760px){.calc{grid-template-columns:minmax(0,1fr)}.calc .results{position:static}.calc .pump{scroll-margin-top:12px}.calc .choices label{min-height:44px;padding-right:6px}.calc .choices input{width:22px;height:22px}.result-bar{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:30;background:var(--asphalt);color:var(--line-white);font:inherit;text-align:left;cursor:pointer;visibility:hidden;border:0;border-radius:10px;align-items:center;gap:14px;padding:10px 14px;transition:transform .2s,visibility 0s linear .2s;display:flex;position:fixed;transform:translateY(calc(100% + 24px));box-shadow:0 8px 24px #0000004d}.result-bar.is-visible{visibility:visible;transition:transform .2s;transform:none}.result-bar-item{flex-direction:column;min-width:0;display:flex}.result-bar-label{color:#b9c0bb;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.result-bar-value{font-family:var(--font-num);color:var(--caution);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700;line-height:1.2}.result-bar-more{white-space:nowrap;background:#3a4046;border-radius:6px;margin-left:auto;padding:8px 12px;font-size:.9rem;font-weight:700}}@media (width<=420px){.calc .pump.four{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.calc .pump.four .readout:last-of-type{grid-column:1/-1}}
