@layer properties,theme,base,components,utilities;@layer components{.calculator-page{background:var(--surface-alt)}.calculator-hero{padding:clamp(4rem,9vw,8rem) var(--page-inset) clamp(3rem,7vw,6.5rem);background:var(--panel-night);color:var(--panel-text)}.calculator-hero__eyebrow,.calculator-section__eyebrow,.calculator-result__label,.calculator-field label,.calculator-choice legend{margin:0;font-size:var(--text-label);font-weight:650}.calculator-hero__eyebrow{color:var(--panel-text-faint)}.calculator-hero h1{max-width:12ch;margin:clamp(2rem,5vw,4.25rem) 0 0;font-size:clamp(2rem,10.75vw,3.15rem);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--display-leading)}.calculator-hero__intro{max-width:42rem;margin:1.75rem 0 0;color:var(--panel-text-soft);font-size:var(--text-lead)}.calculator-shell{display:grid;gap:1px;background:var(--border-subtle);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.calculator-form,.calculator-result{min-width:0;padding:clamp(2rem,5vw,4.5rem) var(--page-inset);background:var(--surface-base)}.calculator-form__head,.calculator-result__head{min-width:0;max-width:38rem}.calculator-section__eyebrow{color:var(--text-accent)}.calculator-result__label{color:var(--text-accent-inset)}.calculator-form h2,.calculator-result h2{max-width:none;margin:.9rem 0 0;font-size:clamp(1.6rem,8vw,2rem);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:var(--heading-leading)}.calculator-form__head>p:last-child,.calculator-result__head>p:last-child{margin:1rem 0 0;color:var(--text-secondary)}.calculator-fields{display:grid;gap:1.25rem;margin-top:clamp(2.25rem,5vw,4rem)}.calculator-mobile-result{position:sticky;top:calc(var(--header-h) + .75rem);z-index:calc(var(--z-sticky) - 1);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1rem;margin:1.75rem calc(-1 * var(--page-inset)) 0;padding:.85rem var(--page-inset);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-primary)}.calculator-mobile-result span{color:var(--text-accent);font-size:var(--text-micro);font-weight:650}.calculator-mobile-result strong{flex:0 1 auto;max-width:100%;min-width:0;margin-left:auto;font-size:var(--text-figure);font-weight:520;letter-spacing:var(--display-tracking);line-height:1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.calculator-field,.calculator-choice{padding-top:1.2rem;border-top:1px solid var(--border-subtle)}.calculator-field label,.calculator-choice legend{display:block;color:var(--text-primary)}.calculator-field p{margin:.35rem 0 0;color:var(--text-muted);font-size:var(--text-label);line-height:1.5}.calculator-input{display:flex;align-items:baseline;gap:.6rem;margin-top:.7rem;border-bottom:1px solid var(--border-strong)}.calculator-input:focus-within{border-color:var(--text-accent)}.calculator-input input{width:100%;min-width:0;padding:.45rem 0 .65rem;border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:var(--text-figure);font-weight:520;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;outline:none}.calculator-input span{flex:none;color:var(--text-muted);font-size:var(--text-label)}.calculator-range{width:100%;height:2.75rem;margin:.35rem 0 0;accent-color:var(--control-accent)}.calculator-range-scale{display:flex;justify-content:space-between;margin-top:.15rem;color:var(--text-muted);font-size:var(--text-micro)}.calculator-choice{border:0;padding:0}.calculator-choice__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.75rem}.calculator-choice label{display:flex;align-items:center;justify-content:center;min-height:3rem;padding:.6rem .8rem;border:1px solid var(--border-medium);color:var(--text-secondary);font-size:var(--text-small);font-weight:600;text-align:center;cursor:pointer}.calculator-choice input{position:absolute;opacity:0;pointer-events:none}.calculator-choice label:has(input:checked){border-color:var(--accent-solid);background:var(--accent-solid);color:var(--accent-solid-text)}.calculator-choice label:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}.calculator-result{background:var(--surface-inset)}.calculator-result__value{margin:clamp(2.5rem,6vw,5.5rem) 0 0;color:var(--text-display);font-size:clamp(3.5rem,8vw,7rem);font-weight:520;letter-spacing:var(--display-tracking);line-height:.9;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.calculator-result__context{max-width:34rem;margin:1rem 0 0;color:var(--text-secondary);font-size:var(--text-body)}.calculator-ledger{margin:clamp(2.25rem,5vw,4rem) 0 0;border-top:1px solid var(--border-subtle)}.calculator-ledger div{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border-subtle)}.calculator-ledger dt{color:var(--text-secondary);font-size:var(--text-small)}.calculator-ledger dd{margin:0;color:var(--text-primary);font-weight:650;font-variant-numeric:tabular-nums;text-align:right}.calculator-disclaimer{padding:clamp(2rem,5vw,4.5rem) var(--page-inset);background:var(--surface-base)}.calculator-disclaimer p{max-width:66ch;margin:0;color:var(--text-secondary)}.calculator-disclaimer strong{color:var(--text-primary)}@media(width>=720px){.calculator-hero h1{font-size:clamp(3.15rem,7vw,5.8rem)}.calculator-form h2,.calculator-result h2{max-width:14ch;font-size:clamp(2rem,1.45rem + 2.1vw,3.5rem)}:lang(de) .calculator-result h2{max-width:20ch}}@media(width>=900px){.calculator-hero,.calculator-disclaimer{padding-right:max(1rem,calc((100vw - 92rem)/2));padding-left:max(1rem,calc((100vw - 92rem)/2))}.calculator-mobile-result{display:none}.calculator-range{height:1.5rem;margin-top:.75rem}.calculator-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.calculator-form,.calculator-result{padding-right:clamp(3rem,6vw,7rem);padding-left:clamp(3rem,6vw,7rem)}.calculator-fields--two-column{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}.calculator-fields--two-column .calculator-choice,.calculator-fields--two-column .calculator-field--wide{grid-column:1 / -1}}}