@layer components{.js-ready [data-calculator]:not([data-calculator-ready]){min-block-size:44rem}.calc{margin-block:0 var(--space-block);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:var(--color-neutral-0);box-shadow:var(--shadow-card);color:var(--color-neutral-700);font-size:var(--text-base);line-height:1.5;display:block;overflow:clip;container:calc/inline-size}.calc__form{gap:24px;margin:0;padding:20px;display:grid}.calc__group{border:0;min-inline-size:0;margin:0;padding:0}.calc__legend,.calc__label{color:var(--color-ink-900);font-size:var(--text-sm);margin-block-end:10px;padding:0;font-weight:700;line-height:1.4;display:block}.calc__field{min-inline-size:0}.calc__help{color:var(--color-neutral-500);font-size:var(--text-sm);margin:8px 0 0;line-height:1.5}.calc__error{color:var(--color-danger);font-size:var(--text-sm);margin:8px 0 0;font-weight:600;line-height:1.4}.calc__error[hidden],.calc [hidden]{display:none}.calc__pair{gap:24px;display:grid}.calc__chips{flex-wrap:wrap;gap:8px;display:flex}.calc__chips--grid{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));display:grid}.calc__chips--grid .calc-chip__text{inline-size:100%}.calc-chip,.calc-seg,.calc-choice{min-inline-size:0;display:flex;position:relative}.calc-chip__input,.calc-seg__input,.calc-choice__input{z-index:1;opacity:0;cursor:pointer;appearance:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.calc-chip__text{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-neutral-0);min-block-size:44px;color:var(--color-ink-900);font-size:var(--text-sm);align-items:center;padding:8px 14px;font-weight:600;line-height:1.25;transition:background-color .15s,border-color .15s;display:inline-flex}.calc-chip__input:checked+.calc-chip__text,.calc-seg__input:checked+.calc-seg__text{border-color:var(--color-ink-900);background:var(--color-brand-500);box-shadow:inset 0 0 0 1px var(--color-ink-900)}@media (hover:hover){.calc-chip__input:not(:checked):hover+.calc-chip__text,.calc-seg__input:not(:checked):hover+.calc-seg__text,.calc-choice__input:not(:checked):hover+.calc-choice__text{border-color:var(--color-ink-900)}}.calc-chip__input:focus-visible+.calc-chip__text,.calc-seg__input:focus-visible+.calc-seg__text,.calc-choice__input:focus-visible+.calc-choice__text{outline:3px solid var(--color-teal-700);outline-offset:2px}.calc__segments{gap:8px;display:grid}.calc-seg__text{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-neutral-0);min-block-size:52px;color:var(--color-ink-900);flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:2px 12px;padding:8px 14px;line-height:1.25;transition:background-color .15s,border-color .15s;display:flex}.calc-seg__name{font-size:var(--text-sm);font-weight:700}.calc-seg__count{font-size:var(--text-xs);color:var(--color-ink-700);font-variant-numeric:tabular-nums;font-weight:500}.calc__choices{gap:8px;display:grid}.calc-choice__text{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-neutral-0);color:var(--color-ink-900);flex:1;align-content:start;gap:4px;padding:12px 14px;transition:background-color .15s,border-color .15s;display:grid}.calc-choice__input:checked+.calc-choice__text{border-color:var(--color-ink-900);background:var(--color-brand-100);box-shadow:inset 0 0 0 1px var(--color-ink-900)}.calc-choice__title{font-size:var(--text-base);font-weight:700;line-height:1.3}.calc-choice__desc{color:var(--color-ink-700);font-size:var(--text-sm);line-height:1.45}.calc__input{border:1px solid var(--color-neutral-500);border-radius:var(--radius-md);background:var(--color-neutral-0);min-block-size:48px;inline-size:100%;box-shadow:none;color:var(--color-ink-900);font:inherit;font-variant-numeric:tabular-nums;padding:10px 14px;line-height:1.3;display:block}.calc__input:focus{border-color:var(--color-ink-900);box-shadow:none}.calc__input:focus-visible{outline:3px solid var(--color-teal-700);outline-offset:2px}.calc__input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.calc__input::placeholder{color:var(--color-neutral-500)}.calc__affix{position:relative}.calc__input--affix{padding-inline-end:40px}.calc__suffix{color:var(--color-ink-700);pointer-events:none;align-items:center;font-weight:600;display:flex;position:absolute;inset-block:0;inset-inline-end:14px}.calc__count{grid-template-columns:48px minmax(0,1fr) 48px;gap:8px;max-inline-size:18rem;display:grid}.calc__count--plain{grid-template-columns:minmax(0,1fr)}.calc__input--count{text-align:center}.calc__count--plain .calc__input--count{text-align:start}.calc__step{border:1px solid var(--color-neutral-500);border-radius:var(--radius-md);background:var(--color-neutral-0);min-block-size:48px;color:var(--color-ink-900);font-size:var(--text-xl);cursor:pointer;justify-content:center;align-items:center;padding:0;font-weight:600;line-height:1;transition:background-color .15s;display:inline-flex}.calc__step:hover{background:var(--color-neutral-100)}.calc__details{font-size:var(--text-sm);margin-block-start:8px}.calc__details summary{min-block-size:44px;color:var(--color-teal-700);text-underline-offset:4px;cursor:pointer;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.calc__details p{color:var(--color-neutral-700);margin:0 0 8px;line-height:1.55}.calc__result{background:var(--color-ink-900);color:#ffffffdb;gap:16px;padding:24px 20px;display:grid}.calc__result>*{min-inline-size:0;margin:0}.calc__kicker{color:#ffffffb3;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.calc__figure{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.calc__amount{background:var(--color-brand-500);color:var(--color-ink-950);letter-spacing:-.04em;font-variant-numeric:tabular-nums;border-radius:14px;align-items:baseline;gap:.3em;padding:4px 14px 8px;font-size:clamp(2rem,1rem + 5.5cqi,3.5rem);font-weight:900;line-height:1.05;display:inline-flex}.calc__prefix{letter-spacing:0;font-size:.4em;font-weight:700}.calc__per{color:#ffffffdb;font-size:var(--text-base);font-weight:600}.calc__none{color:var(--color-white);font-size:var(--text-3xl);letter-spacing:-.03em;font-weight:800;line-height:1.1}.calc__empty{color:var(--color-white);font-size:var(--text-lg);font-weight:600;line-height:1.4}.calc__total{border-radius:var(--radius-md);border:1px solid #fff3;gap:2px;padding:14px 16px;display:grid}.calc__total>p{margin:0}.calc__total-label{color:#ffffffb3;font-size:var(--text-sm)}.calc__total-value{color:var(--color-white);font-size:var(--text-2xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2}.calc__total-sub{color:#ffffffc7;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.calc__combined{color:var(--color-white);font-size:var(--text-lg);border-block-start:1px solid #fff3;margin-block-start:8px;padding-block-start:10px;font-weight:800;line-height:1.3}.calc__link,.calc__result a:not(.btn){color:var(--color-teal-300);text-underline-offset:4px;font-weight:600;text-decoration:underline}.calc__link{align-items:center;min-block-size:44px;display:inline-flex}.calc__result a:not(.btn):hover{color:var(--color-white)}.calc__facts{grid-template-columns:minmax(0,1fr);gap:2px 16px;display:grid}.calc__facts dt{color:#ffffffb3;font-size:var(--text-sm);margin-block-start:8px}.calc__facts dd{color:var(--color-white);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.calc__note{color:#ffffffbd;font-size:var(--text-sm);line-height:1.5}.calc__top{gap:8px;display:grid}.calc__top-title{color:#ffffffb3;font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:600}.calc__top-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.calc__top-item{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #fff3;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;min-block-size:48px;padding:6px 14px;list-style:none;display:grid}.calc__rank{color:#ffffffb3;font-family:var(--font-mono);font-size:var(--text-sm)}.calculator :is(h2,h3,legend){-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.calc__top-name{min-inline-size:0;color:var(--color-white);overflow-wrap:anywhere;font-weight:600}.calc__result a.calc__top-name{color:var(--color-white);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.calc__result a.calc__top-name:hover{color:var(--color-brand-500)}.calc__top-value{color:var(--color-white);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.calc__cta{text-align:center;inline-size:100%}.calc__reasons{gap:8px;margin:0;padding:0;list-style:none;display:grid}.calc__reasons li{border-inline-start:4px solid var(--color-brand-500);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-white);background:#ffffff0f;padding:12px 14px;line-height:1.5;list-style:none}.calc__details--dark{margin:0}.calc__details--dark summary{color:var(--color-teal-300)}.calc__conditions{gap:8px;margin:0 0 8px;padding-inline-start:1.25em;list-style:outside;display:grid}.calc__conditions li{color:#ffffffdb;font-size:var(--text-sm);padding:0;line-height:1.55;list-style:outside}.calc__details--dark p{color:#ffffffdb}@container calc (inline-size>=30rem){.calc__segments{grid-template-columns:repeat(3,minmax(0,1fr))}.calc-seg__text{flex-direction:column;justify-content:center;align-items:flex-start}}@container calc (inline-size>=40rem){.calc__form{gap:28px;padding:28px}.calc__result{gap:20px;padding:32px 28px}.calc__choices,.calc__pair{grid-template-columns:repeat(2,minmax(0,1fr))}.calc__pair{align-items:start;gap:24px}.calc__cta{justify-self:start;inline-size:auto}.calc__facts{grid-template-columns:max-content minmax(0,1fr)}.calc__facts dt,.calc__facts dd{border-block-start:1px solid #ffffff24;margin-block:0;padding-block:8px}}@media (prefers-reduced-motion:reduce){.calc *,.calc :before,.calc :after{transition:none}}}
