.calc{display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:stretch}@media (min-width:56rem){.calc{grid-template-columns:1.1fr 0.9fr}}.calc__form{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-lg);margin:0}.calc__field{display:flex;flex-direction:column;gap:var(--space-2xs)}.calc__label{font-weight:600;color:var(--color-text)}.calc__hint{font-size:0.85rem;color:var(--color-text-muted)}.calc__modes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xs);padding:var(--space-3xs);background:var(--color-bg-soft);border-radius:var(--radius-md);border:0;margin:0}.calc__modes legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.calc__mode-input{position:absolute;opacity:0;pointer-events:none}.calc__mode-label{text-align:center;padding:var(--space-2xs) var(--space-sm);border-radius:calc(var(--radius-md) - 0.25rem);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:background 0.18s ease,color 0.18s ease}.calc__mode-input:checked + .calc__mode-label{background:var(--color-primary);color:var(--color-primary-fg);box-shadow:var(--shadow-md)}.calc__mode-input:focus-visible + .calc__mode-label{outline:3px solid var(--color-primary);outline-offset:2px}.calc__slider-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.calc__slider-val{font-size:clamp(1.5rem,1.2rem + 1.5vw,2rem);font-weight:700;color:var(--color-primary);line-height:1;white-space:nowrap}.calc__slider-val small{font-size:0.9rem;font-weight:500;color:var(--color-text-muted)}.calc__range{-webkit-appearance:none;appearance:none;width:100%;height:0.5rem;border-radius:999px;background:var(--color-bg-soft);background-image:linear-gradient(var(--color-primary),var(--color-primary));background-size:var(--fill,50%) 100%;background-repeat:no-repeat;cursor:pointer}.calc__range:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.calc__select,.calc__number{width:100%;padding:var(--space-sm);border:1px solid var(--color-text-muted);border-radius:0;background:var(--color-bg);color:var(--color-text);font:inherit}.calc__select:focus-visible,.calc__number:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.calc__select{padding-right:var(--space-lg)}.calc__group[hidden]{display:none}.calc__result{background:var(--color-primary);color:var(--color-primary-fg);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center}.calc__result-kicker{text-transform:uppercase;letter-spacing:0.08em;font-size:0.8rem;color:var(--color-accent-on-dark);margin:0}.calc__result-value{font-size:clamp(2.5rem,1.8rem + 3.5vw,4rem);font-weight:700;line-height:1;color:var(--color-accent-on-dark);margin:0}.calc__result-month{margin:0;font-size:1.05rem;opacity:0.92}.calc__breakdown{margin:var(--space-sm) 0 0;border-top:1px solid rgba(255,255,255,0.25);padding-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-2xs)}.calc__breakdown>div{display:flex;justify-content:space-between;gap:var(--space-sm);font-size:0.95rem}.calc__breakdown dt{margin:0;opacity:0.92}.calc__breakdown dd{margin:0;font-weight:600;white-space:nowrap}.calc__note{margin-top:var(--space-md);font-size:0.85rem;color:var(--color-text-muted);max-width:var(--container-text)}@media (prefers-reduced-motion:reduce){.calc__mode-label{transition:none}}