.calc{margin:var(--sp-6) 0 var(--sp-8);padding:var(--sp-5);background:var(--c-raised);border:1px solid var(--c-hair);border-radius:var(--r-2);box-shadow:var(--sh-1)}.calc__inputs{gap:var(--sp-4);padding-bottom:var(--sp-5);border-bottom:1px solid var(--c-hair);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.calc__field{gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.calc__label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-ink-dim);font-weight:600}.calc__input{min-height:48px;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-rule);border-radius:var(--r-1);background:var(--c-paper);color:var(--c-ink);font-family:var(--font-mono);font-size:var(--fs-body);font-variant-numeric:tabular-nums}.calc__input:focus-visible{border-color:var(--c-brand);box-shadow:var(--ring-focus);outline:none}.calc__readout{padding:var(--sp-5) 0 var(--sp-4);border-bottom:1px solid var(--c-hair)}.calc__headline{font-family:var(--font-mono);font-size:var(--fs-num-lg);font-variant-numeric:tabular-nums;color:var(--c-ink);margin:0;line-height:1.1}.calc__detail{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--c-ink-2);max-width:62ch}.calc__tablescroll{margin-top:var(--sp-4);overflow-x:auto}.calc__table{border-collapse:collapse;width:100%;font-size:var(--fs-xs)}.calc__table caption{text-align:left;padding-bottom:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-ink-dim)}.calc__table th,.calc__table td{text-align:left;vertical-align:top;padding:var(--sp-3) var(--sp-4) var(--sp-3) 0;border-bottom:1px solid var(--c-hair)}.calc__table thead th{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-ink-dim);white-space:nowrap;font-weight:400}.calc__table tbody th,.calc__table tbody td{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--c-ink-2);font-weight:400}.calc__table tr[data-over=true] td,.calc__table tr[data-over=true] th{color:var(--c-volt)}.calc__table tbody td.calc__gloss{font-family:var(--font-ui);font-size:var(--fs-xs);line-height:var(--lh-body);max-width:40ch}.calc__cite{margin-top:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--c-ink-dim);display:block}.calc__cite a{color:var(--c-ink-dim);text-underline-offset:3px;text-decoration:underline}.calc__cite a:hover{color:var(--c-brand)}.tools-page{max-width:var(--maxw);padding:var(--sp-8) var(--gutter) var(--sp-10);margin:0 auto}@media (max-width:40rem){.calc__tablescroll{overflow-x:visible}.calc__table,.calc__table tbody,.calc__table tr,.calc__table th,.calc__table td{width:auto;display:block}.calc__table thead{display:none}.calc__table tbody tr{padding:var(--sp-4) 0;border-bottom:1px solid var(--c-hair)}.calc__table th,.calc__table td{padding:var(--sp-1) 0;border-bottom:0}.calc__table tbody th{font-family:var(--font-ui);font-size:var(--fs-body);color:var(--c-ink);font-weight:600}.calc__table td[data-label]:before{content:attr(data-label);margin-top:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-ink-faint);font-weight:600;display:block}.calc__table tbody td.calc__gloss{max-width:none}}@media (max-width:30rem){.calc{padding:var(--sp-4)}}