.calc{gap:var(--space-lg);background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:62rem){.calc{padding:var(--space-xl);gap:var(--space-xl);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}.calc__fields{gap:var(--space-md);align-content:start;display:grid}.calc__field{gap:var(--space-2xs);display:grid}.calc__field label,.calc__legend{font-weight:600;font-size:var(--text-sm);color:var(--color-ink)}.calc__hint{font-size:var(--text-xs);color:var(--color-muted);margin:0}.calc input[type=number],.calc select{font:inherit;font-size:var(--text-base);color:var(--color-ink);background:var(--color-paper);border:1.5px solid var(--color-rule);border-radius:var(--radius-sm);width:100%;max-width:100%;min-height:2.9rem;padding:.65rem .8rem}.calc input:focus-visible,.calc select:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.calc__row{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.calc__result{background:var(--color-paper-warm);border-radius:var(--radius-md);padding:var(--space-lg);gap:var(--space-sm);align-content:start;display:grid}.calc__result-label{font-size:var(--text-sm);color:var(--color-ink-2);margin:0}.calc__result-big{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);color:var(--color-ink);overflow-wrap:anywhere;margin:0;line-height:1.1}.calc__result-note{font-size:var(--text-sm);color:var(--color-ink-2);margin:0}.calc__lines{gap:var(--space-xs);margin:0;padding:0;list-style:none;display:grid}.calc__lines li{justify-content:space-between;gap:var(--space-md);font-size:var(--text-sm);border-bottom:var(--rule-hair) solid var(--color-rule);padding-bottom:var(--space-xs);display:flex}.calc__lines li span:last-child{white-space:nowrap;font-weight:600}.calc__bars{gap:var(--space-sm);display:grid}.calc__bar{gap:var(--space-3xs);display:grid}.calc__bar-head{justify-content:space-between;gap:var(--space-md);font-size:var(--text-sm);display:flex}.calc__bar-track{border-radius:var(--radius-pill);background:var(--color-paper-3);height:.9rem;overflow:hidden}.calc__bar-fill{border-radius:var(--radius-pill);background:var(--color-ink-2);height:100%}.calc__bar[data-hp=true] .calc__bar-fill{background:var(--color-accent)}