.calculator{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow);gap:1rem;padding:1.25rem;display:grid}.calculator .field{gap:.3rem;display:grid}.calculator label{align-items:center;gap:.5rem;font-weight:600;display:flex}.calculator label .icon{color:var(--color-primary)}.calculator input,.calculator select{width:100%;min-height:48px;font:inherit;color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-border-strong);border-radius:10px;padding:.6rem .8rem}.calculator input:hover,.calculator select:hover{border-color:var(--color-text-muted)}.calculator input[aria-invalid=true]{border-color:var(--color-error)}.calculator .hint{color:var(--color-text-muted);margin:0;font-size:.9rem;display:block}.calculator .error{color:var(--color-error);margin:0;font-size:.92rem;font-weight:600}.calculator .error:empty{display:none}.calculator .actions{flex-wrap:wrap;gap:.75rem;display:flex}.result{border-radius:var(--radius);background:var(--color-primary-tint);border:2px solid var(--color-primary);margin:1.5rem 0;padding:1.25rem}.result h2{margin-top:0;font-size:1.15rem}.result .big-figure{color:var(--color-primary-strong);font-variant-numeric:tabular-nums;margin:.25rem 0;font-size:clamp(2.2rem,10vw,3.25rem);font-weight:800;line-height:1.1}.result .figure-note{color:var(--color-text-muted);margin:0 0 1rem}.result th,.result td{border-bottom:1px solid var(--color-border);text-align:left;padding:.55rem .4rem}.result td{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.result tr:last-child th,.result tr:last-child td{border-bottom:0}@media (width>=40rem){.calculator{padding:1.75rem}}.result ol{padding-left:1.25rem}.result li{margin-block:.75rem}.result li small{color:var(--color-text-muted);display:block}.result ul.warnings{padding-left:1.25rem}.calculator .help{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-alt);margin-top:.25rem;padding:.5rem .9rem;font-size:.95rem}.calculator .help summary{cursor:pointer;color:var(--color-primary);align-items:center;min-height:44px;font-weight:600;display:flex}.calculator .help ul{padding-left:1.25rem}.calculator .help p:last-child{margin-bottom:.25rem}.calculator .info{border-radius:var(--radius);background:var(--color-surface-alt);margin:0;padding:.6rem .9rem;font-size:.95rem}