.calc{align-items:start;gap:24px;display:grid}.calc__form{gap:20px;display:grid}.calc__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;display:grid}.calc__wide{grid-column:1/-1}.calc__price{min-height:58px;font-size:22px;font-weight:650}.calc__preset{font-size:15px}.calc__more{border-top:1px solid var(--hairline);padding-top:4px}.calc__more>summary{cursor:pointer;color:var(--orange-text);align-items:center;gap:10px;min-height:44px;font-weight:650;list-style:none;display:inline-flex}.calc__more>summary::-webkit-details-marker{display:none}.calc__more>summary:before{content:"";width:9px;height:9px;transition:transform var(--t-base) var(--ease);border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg)}.calc__more[open]>summary:before{transform:rotate(45deg)}.calc__more .field{margin:6px 0 4px}.calc__submit{justify-self:start}.calc-how{border-top:0;padding-top:0}.calc-how>p{max-width:58ch;color:var(--ink-soft);padding-bottom:4px;font-size:16px;line-height:1.5}.calc__hybrid{color:var(--ink-soft);margin-top:4px;font-size:15px}.calc__receipt{border-radius:var(--r-xl);background:var(--white);border:1px solid var(--hairline);box-shadow:var(--shadow-panel);scroll-margin-top:calc(var(--header-h) + 12px);gap:18px;padding:clamp(20px,2.6vw,30px);display:grid}.calc__receipt:focus{outline:none}.calc__receipt-title{font-family:var(--font);color:var(--ink-soft);letter-spacing:0;font-size:16px;font-weight:650}.calc__total{gap:8px;display:grid}.calc__total-value{font-family:var(--font-display);font-size:var(--fs-total);color:var(--ink);font-weight:800;line-height:.9}.calc__total-value.is-partial{color:var(--ink-soft)}.flip{display:inline-block}@media (prefers-reduced-motion:no-preference){.flip.is-flipping{animation:flip-in .2s var(--ease)}@keyframes flip-in{0%{opacity:.35;transform:translateY(-.3em)}to{opacity:1;transform:none}}}.calc__total-more{color:var(--ink);gap:6px;max-width:52ch;margin:0;padding:0;font-size:15px;line-height:1.45;list-style:none;display:grid}.calc__total-more li{padding-left:16px;position:relative}.calc__total-more li:before{content:"";background:var(--orange);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:2px}.calc__warn{border-radius:var(--r-md);background:var(--warn-soft);color:var(--warn-ink);border:1px solid #efd29f;gap:8px;margin:0;padding:12px 14px;font-size:15px;line-height:1.45;list-style:none;display:grid}.calc__rows .ledger__row.is-changed{animation:row-changed 1.4s var(--ease)}@keyframes row-changed{0%{background:var(--orange-soft);box-shadow:-10px 0 0 var(--orange-soft), 10px 0 0 var(--orange-soft)}to{background:0 0;box-shadow:-10px 0 #0000,10px 0 #0000}}.calc__total-value.is-empty{color:var(--field-line)}.calc__total-note{color:var(--muted);max-width:46ch;font-size:15px;line-height:1.45}.calc__rows .ledger__row{font-size:16px}.calc__rate{border-radius:var(--r-md);background:var(--surface);gap:4px;padding:14px 16px;display:grid}.calc__rate-line{flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:16px;display:flex}.calc__rate-line strong{font-weight:700}.calc__rate-warn{color:var(--warn-ink);font-size:15px;font-weight:600}.calc__details{gap:4px;display:grid}.calc__details:empty{display:none}.calc__actions{justify-items:start;gap:6px;display:grid}.calc__actions [data-calc-share] svg{flex:none}.calc-more{border-top:1px solid var(--hairline)}.calc-more:last-child{border-bottom:1px solid var(--hairline)}.calc-more>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:50px;font-size:16px;font-weight:650;list-style:none;display:flex}.calc-more>summary::-webkit-details-marker{display:none}.calc-more>summary:after{content:"";width:9px;height:9px;transition:transform var(--t-base) var(--ease);border-bottom:2px solid;border-right:2px solid;flex:none;margin-right:4px;transform:translateY(-2px)rotate(45deg)}.calc-more[open]>summary:after{transform:translateY(2px)rotate(-135deg)}.calc-group{padding:4px 0 14px}.calc-group__title{font-family:var(--font);color:var(--muted);margin:6px 0 2px;font-size:14px;font-weight:650}.calc-line{border-bottom:1px dashed var(--hairline);justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0;font-size:15px;display:flex}.calc-line:last-child{border-bottom:0}.calc-line__label{gap:1px;display:grid}.calc-line__label small{color:var(--muted);font-size:13px;line-height:1.35}.calc-line__value{white-space:nowrap;font-variant-numeric:tabular-nums;justify-items:end;gap:1px;font-weight:650;display:grid}.calc-line__value small{color:var(--muted);font-size:13px;font-weight:400}.calc-line--missing .calc-line__value{color:var(--muted);font-style:italic;font-weight:500}.calc-notes{color:var(--ink-soft);gap:8px;margin:0 0 14px;padding-left:1.1em;font-size:15px;line-height:1.45;display:grid}.calc-snapshot{align-items:start;gap:24px;display:grid}.calc-snapshot__params p{max-width:52ch}@media (width>=980px){.calc-snapshot{grid-template-columns:minmax(0,1fr) minmax(260px,.5fr);gap:48px}}@media (width<=759px){.calc--compact:not([data-calc-done]) .calc__receipt{display:none}}@media (width>=760px){.calc{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.calc__receipt{top:calc(var(--header-h) + 20px);position:sticky}}@media (width>=760px) and (height>=820px){.calc__form{top:calc(var(--header-h) + 20px);align-self:start;position:sticky}}@media (width>=980px){.calc{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:48px}}@media (width<=520px){.calc__submit{justify-self:stretch}.calc__actions{justify-items:stretch}}@media (width<=359px){.calc__fields{grid-template-columns:1fr}}.calc__examples{gap:8px;margin-top:4px;display:grid}.calc__examples ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.calc__examples li a{border:1.5px solid var(--field-line);background:var(--white);min-height:44px;color:var(--ink);transition:border-color var(--t-fast) var(--ease);border-radius:999px;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:6px 14px;font-size:15px;font-weight:650;line-height:1.25;text-decoration:none;display:inline-flex}.calc__examples li a span{color:var(--ink-soft);font-weight:400}@media (hover:hover){.calc__examples li a:hover{border-color:var(--ink)}}
