.calc{display:grid;gap:var(--s7)}.calc__inputs{padding:var(--s5);background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-panel);display:grid;gap:var(--s4);align-content:start}.calc__inputstitle{font-size:var(--t-h3);margin:0}.calc__inputslead{margin:0;font-size:var(--t-small);color:var(--muted)}.calc__field{margin:0}.calc__insuffix{font-weight:var(--fw-reg);color:var(--muted)}.calc__field input{font-variant-numeric:tabular-nums}.calc__reset{margin:0}.calc__reset .btn[hidden]{display:none}.calc__rates{display:grid;gap:var(--s4);padding-block-start:var(--s4);border-block-start:1px solid var(--hairline)}.calc__ratestitle{margin:0;font-size:var(--t-body);font-weight:var(--fw-bold);color:var(--heading)}.calc__rateslead{margin:0;font-size:var(--t-small);color:var(--muted)}.calc__out{display:grid;gap:var(--s5);align-content:start}.calc__outtitle{font-size:var(--t-h3);margin:0;max-inline-size:var(--measure)}.calc__lines{list-style:none;margin:0;padding:0;display:grid;gap:var(--s6)}.calc__line{padding:var(--s5);background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-panel);border-block-start:3px solid var(--action)}.calc__linetitle{font-size:var(--t-h3);margin:0}.calc__from{margin:0;margin-block-start:var(--s2);font-size:var(--t-small);color:var(--body);max-inline-size:var(--measure)}.calc__say{margin:0;margin-block-start:var(--s3);font-size:var(--t-body);color:var(--heading);max-inline-size:var(--measure)}.calc__say .calc__res{color:var(--action);white-space:nowrap}.calc__figlabel{font-weight:var(--fw-bold);color:var(--heading)}.calc__fignum,.calc__pc{font-weight:var(--fw-bold);color:var(--action);font-variant-numeric:tabular-nums;white-space:nowrap}.calc__steps{list-style:none;margin:0;margin-block-start:var(--s5);padding:0;display:grid;gap:var(--s3)}.calc__howbody>.calc__steps{margin-block-start:var(--s1);margin-block-end:var(--s2)}.calc__step{padding:var(--s3) var(--s4);background:var(--sunken);border-radius:var(--r-md)}.calc__eq{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--s2);font-size:var(--t-body);color:var(--heading);font-variant-numeric:tabular-nums}.calc__own,.calc__res{font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.calc__own{color:var(--heading)}.calc__eq .calc__res:last-of-type{color:var(--action)}.calc__unit{font-size:var(--t-small);color:var(--muted)}.calc__op{color:var(--muted);padding-inline:var(--s1)}.calc__why{margin:0;margin-block-start:var(--s2);font-size:var(--t-small);color:var(--muted);max-inline-size:var(--measure)}.calc__total .calc__lines--money{margin-block-start:var(--s4);gap:var(--s3)}.calc__line--money{padding:var(--s4);border:1px solid var(--hairline);border-radius:var(--r-panel);background:var(--paper)}.calc__line--money .calc__linetitle{font-size:var(--t-body)}.calc__line--money .calc__steps{margin-block-start:var(--s3)}.calc__lines--money:not(:has(>li:not([hidden]))){display:none}.calc__usd:not(:empty)::before{content:"$"}.calc__total{padding:var(--s5);background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-panel);border-block-start:3px solid var(--action)}.calc__totaltitle{margin:0;font-size:var(--t-h3)}.calc__totalnum{margin:0;margin-block-start:var(--s3);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s3)}.calc__totalnum[hidden]{display:none}.calc__totalfig{font-size:var(--t-fig);font-weight:var(--fw-black);line-height:1.1;letter-spacing:-.02em;color:var(--accent-lg);font-variant-numeric:tabular-nums}.calc__totalsays{margin:0;margin-block-start:var(--s2);font-size:var(--t-small);color:var(--body);max-inline-size:var(--measure)}.calc__total>.calc__how{margin-block-start:var(--s4)}.calc__punch{display:grid;gap:var(--s4);padding:var(--s6) var(--s5);background:var(--tint);border-radius:var(--r-panel);max-inline-size:var(--measure-wide);container-type:inline-size}.calc__punchline{margin:0;font-size:var(--t-h1);font-size:min(var(--t-h1),10cqi);font-weight:var(--fw-black);line-height:var(--lh-tight);letter-spacing:-.022em;color:var(--heading)}.calc__punchbody{margin:0;font-size:var(--t-body);color:var(--body);max-inline-size:var(--measure)}.calc__how{margin-block-start:var(--s4);border-block-start:1px solid var(--hairline)}.calc__howsum{display:flex;align-items:center;gap:var(--s2);min-block-size:44px;font-size:var(--t-small);font-weight:var(--fw-bold);color:var(--action);cursor:pointer}.calc__howsum{list-style:none}.calc__howsum::marker{content:none}.calc__howsum::-webkit-details-marker{display:none}.calc__howsum::before{content:"";flex:none;inline-size:0;block-size:0;border-inline-start:6px solid currentColor;border-block:5px solid transparent;transition:transform var(--d-fast) var(--ease)}.calc__how[open]>.calc__howsum::before{transform:rotate(90deg)}.calc__howsum:hover{color:var(--link-hover)}.calc__howbody{padding-block:var(--s2) var(--s4);display:grid;gap:var(--s2)}.calc__howhead{margin:0;font-size:var(--t-small);font-weight:var(--fw-bold);color:var(--heading);max-inline-size:var(--measure)}.calc__howhead+.calc__howformula{margin-block-start:0}.calc__howbody .calc__howhead:not(:first-child){margin-block-start:var(--s3)}.calc__howformula,.calc__hownote{margin:0;font-size:var(--t-small);color:var(--body);max-inline-size:var(--measure)}.calc__hownote+.calc__hownote{margin-block-start:var(--s2)}.calc__howgives{margin:0;font-size:var(--t-small);color:var(--muted);max-inline-size:var(--measure)}.calc__how--board{max-inline-size:var(--measure-wide)}@media (min-width:1024px){.calc{grid-template-columns:22rem minmax(0,1fr);gap:var(--s7);align-items:start}}@media (min-width:1024px){.calc__step{display:block}.calc__eq{display:inline-flex;margin-inline-end:var(--s5)}.calc__why{display:inline;margin-block-start:0;max-inline-size:none}}@media (min-width:1280px){.calc__line{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:var(--s4)}.calc__line>*{grid-column:1/-1}.calc__linetitle{grid-column:1}.calc__from{grid-column:2;margin-block-start:0}}@media (min-width:560px) and (max-width:1023px){.calc__inputs,.calc__rates{grid-template-columns:1fr 1fr}.calc__inputstitle,.calc__inputslead,.calc__rates,.calc__reset,.calc__ratestitle,.calc__rateslead{grid-column:1/-1}}@media (max-width:559px){.calc__field{display:grid;grid-template-columns:minmax(7.5rem,40%) minmax(0,1fr);column-gap:var(--s3);align-items:center}.calc__field .field__label{grid-column:1/-1}.calc__field input{grid-column:1}.calc__field{row-gap:var(--s1)}.calc__field .field__hint{grid-column:1/-1}.calc__eq{gap:0 var(--s2)}.calc__op{padding-inline:0}.calc__steps{margin-block-start:var(--s4);gap:var(--s2)}}@media (max-width:479px){.calc__inputs,.calc__line,.calc__total{padding:var(--s4)}.calc__line--money{padding:var(--s3)}.calc__step{padding:var(--s2) var(--s3)}.calc__punch{padding:var(--s5) var(--s4)}}@media (min-width:1024px){.calc__field{grid-template-columns:minmax(0,1fr) 8rem;column-gap:var(--s3);row-gap:var(--s1);align-items:center}.calc__field .field__label{grid-column:1}.calc__field input{grid-column:2}.calc__field .field__hint{grid-column:1/-1}.calc__inputs,.calc__rates{gap:var(--s3)}}.impact-note{margin-block-start:var(--s7);padding-block-start:var(--s4);border-block-start:1px solid var(--hairline);font-size:var(--t-cap);color:var(--body);max-inline-size:var(--measure)}