.sc{--sc-bg:var(--brand-surface,white);--sc-text-color:var(--brand-ink,#102542);--sc-muted-color:#10254299;--sc-input-border:#0000001f;--sc-input-focus-ring:var(--brand-accent,#1e5fcf);--sc-input-padding:.75rem;--sc-result-bg:#00000006;--sc-result-emphasized-bg:var(--brand-accent,#1e5fcf);--sc-result-emphasized-text:white;--sc-gap:1rem;--sc-section-padding:2rem;--sc-radius:1rem;--sc-title-size:1.5rem;background:var(--sc-bg);color:var(--sc-text-color);padding:var(--sc-section-padding);border-radius:var(--sc-radius);border:1px solid var(--sc-input-border)}.sc__title{font-size:var(--sc-title-size);margin:0 0 .5rem;font-weight:600;line-height:1.3}.sc__description{color:var(--sc-muted-color);margin:0 0 1.5rem;font-size:.9375rem}.sc__inputs{gap:var(--sc-gap);margin-bottom:1.5rem;display:grid}.sc__field{flex-direction:column;gap:.5rem;display:flex}.sc__label{font-size:.875rem;font-weight:500}.sc__input-group{border:1px solid var(--sc-input-border);border-radius:.5rem;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.sc__input-group:focus-within{border-color:var(--sc-input-focus-ring);box-shadow:0 0 0 3px #1e5fcf1f}.sc__prefix,.sc__suffix{color:var(--sc-muted-color);background:var(--sc-result-bg);padding:0 .75rem;font-size:.9375rem}.sc__prefix{border-right:1px solid var(--sc-input-border)}.sc__suffix{border-left:1px solid var(--sc-input-border)}.sc__input{padding:var(--sc-input-padding);background:0 0;border:0;outline:0;flex:1;min-width:0;font-family:inherit;font-size:.9375rem}.sc__results{gap:.5rem;display:grid}.sc__result{background:var(--sc-result-bg);border-radius:.5rem;justify-content:space-between;align-items:baseline;padding:.875rem 1rem;font-size:.9375rem;display:flex}.sc__result--emphasized{background:var(--sc-result-emphasized-bg);color:var(--sc-result-emphasized-text);font-size:1.0625rem}.sc__result-label{color:inherit;opacity:.85}.sc__result-value{font-variant-numeric:tabular-nums;font-weight:600}.sc--side-by-side{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.sc--side-by-side .sc__inputs{margin-bottom:0}@media (max-width:768px){.sc--side-by-side{grid-template-columns:1fr}}