.result-shell{--result-danger-fg: #b91c1c;--result-danger-bg: #fef2f2;--result-danger-line: #fecaca;--result-example-fg: #92400e;--result-example-bg: #fffbeb;--result-example-line: #fde68a;--result-min-h-default: 11rem}.result-shell[data-density=compact]{--result-min-h-default: 7rem}.result-shell[data-density=complex]{--result-min-h-default: 16rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .result-shell{--result-danger-fg: #fca5a5;--result-danger-bg: color-mix(in srgb, #7f1d1d 22%, var(--card));--result-danger-line: color-mix(in srgb, #f87171 30%, var(--line));--result-example-fg: #fcd34d;--result-example-bg: color-mix(in srgb, #78350f 20%, var(--card));--result-example-line: color-mix(in srgb, #f59e0b 30%, var(--line))}}:root[data-theme=dark] .result-shell{--result-danger-fg: #fca5a5;--result-danger-bg: color-mix(in srgb, #7f1d1d 22%, var(--card));--result-danger-line: color-mix(in srgb, #f87171 30%, var(--line));--result-example-fg: #fcd34d;--result-example-bg: color-mix(in srgb, #78350f 20%, var(--card));--result-example-line: color-mix(in srgb, #f59e0b 30%, var(--line))}.result-shell{position:relative;display:block;min-height:var(--result-min-h, var(--result-min-h-default))}.result-shell[data-boxed=true]{background:var(--card);border:1px solid var(--line);border-radius:1rem;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -12px #0f172a1f;padding:1.25rem}@media(min-width:640px){.result-shell[data-boxed=true]{padding:1.5rem}}[data-result-when]{display:none}.result-shell[data-result-state=empty] [data-result-when~=empty],.result-shell[data-result-state=example] [data-result-when~=example],.result-shell[data-result-state=valid] [data-result-when~=valid],.result-shell[data-result-state=invalid] [data-result-when~=invalid],.result-shell[data-result-state=example] [data-result-when~=valid]{display:block}.result-shell[data-result-state=example][data-boxed=true]{border-style:dashed;border-color:var(--result-example-line);background:var(--result-example-bg)}.result-shell[data-placeholder-align=center]{display:flex;flex-direction:column}.result-shell[data-placeholder-align=center] [data-result-when~=empty],.result-shell[data-placeholder-align=center] [data-result-when~=invalid]{margin-block:auto}.result-summary__value{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem .75rem;margin-top:.25rem}.result-value-group{display:inline-flex;align-items:baseline;gap:.35rem;min-width:0}.result-unit{color:var(--muted);font-weight:700;font-size:1.125rem;letter-spacing:-.01em}.result-shell[data-density=compact] .result-unit{font-size:1rem}.result-interpretation{margin-top:.75rem;color:var(--fg);font-size:1rem;line-height:1.5}.result-shell[data-density=compact] .result-interpretation{margin-top:.5rem;font-size:.9375rem}.result-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem}.result-breakdown,.result-assumptions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.result-assumptions{color:var(--muted);font-size:.875rem;line-height:1.5}.result-row{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;font-size:.9375rem}.result-row>dt,.result-row>.result-row__label{color:var(--muted)}.result-row>dd,.result-row>.result-row__value{color:var(--heading);font-weight:600;font-variant-numeric:tabular-nums;margin:0}.result-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.result-empty__hint{color:var(--muted);font-size:.9375rem;line-height:1.5;margin:0}.result-example{border:1px dashed var(--result-example-line);background:var(--result-example-bg);border-radius:.75rem;padding:.875rem 1rem}.result-example__badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--result-example-fg);margin:0 0 .5rem}.result-example-notice{margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px dashed var(--result-example-line)}.result-example__lede{margin:0 0 .15rem;font-size:.8rem;line-height:1.45;color:var(--result-example-fg)}.result-example__caption{margin:0 0 .6rem;font-size:.8rem;line-height:1.45;color:var(--muted)}.result-example__body{color:var(--fg)}.result-example__actions{margin-top:.75rem}.result-example__action{display:inline-flex;align-items:center;min-height:44px;padding:.35rem 0;background:none;border:0;font:inherit;font-size:.85rem;font-weight:700;color:var(--result-example-fg);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.result-example__action:hover{text-decoration-thickness:2px}.result-example__action:focus-visible{outline:2px solid var(--result-example-fg);outline-offset:3px;border-radius:.25rem}.result-invalid{border:1px solid var(--result-danger-line);background:var(--result-danger-bg);border-radius:.75rem;padding:.875rem 1rem}.result-invalid__title{font-weight:700;color:var(--result-danger-fg);margin:0 0 .25rem}.result-invalid__message{color:var(--result-danger-fg);font-size:.9375rem;line-height:1.45;margin:0}.result-shell[data-result-activity=just-updated] .result-value{animation:result-value-pop .6s ease}.result-shell[data-result-activity=calculating] .result-summary__value{opacity:.55;transition:opacity .15s ease}@keyframes result-value-pop{0%{color:var(--color-brand-600)}to{color:var(--heading)}}@media(prefers-reduced-motion:reduce){.result-shell[data-result-activity=just-updated] .result-value{animation:none}.result-shell[data-result-activity=calculating] .result-summary__value{transition:none}}
