.checker{display:grid;gap:var(--space-m);background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-l);padding:var(--space-l);box-shadow:var(--shadow-m)}.checker-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s) var(--space-m);align-items:end}.field{display:grid;gap:var(--space-3xs)}.field label{font-family:var(--font-heading);font-weight:600;font-size:var(--step--1);color:var(--brand-ink-soft)}.field input[type=number],.field select{appearance:none;font:inherit;padding:.7em .85em;border:1px solid var(--brand-border-strong);border-radius:var(--radius-s);background:var(--brand-surface);color:var(--brand-ink);width:100%}.field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:.6rem;background:linear-gradient(90deg,var(--brand-after) 0%,var(--brand-accent) 100%);border-radius:var(--radius-pill);cursor:pointer;margin:.4rem 0}.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--brand-surface);border:4px solid var(--brand-after-strong);box-shadow:var(--shadow-s);cursor:grab}.field input[type=range]::-moz-range-thumb{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--brand-surface);border:4px solid var(--brand-after-strong);box-shadow:var(--shadow-s);cursor:grab}.field input[type=range]:active::-webkit-slider-thumb{cursor:grabbing;border-color:var(--brand-accent-strong)}.field input:focus-visible,.field select:focus-visible{outline:2px solid var(--brand-accent);outline-offset:1px}.field input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--brand-accent);outline-offset:2px}.checker-out{display:grid;gap:var(--space-m);border-top:1px solid var(--brand-border);padding-top:var(--space-m)}.rec{background:var(--brand-primary-soft);border:1px solid var(--brand-primary-line);border-radius:var(--radius-m);padding:var(--space-m)}.rec-tag{font-family:var(--font-heading);font-weight:700;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.04em;color:var(--brand-primary-strong)}.rec-headline{font-family:var(--font-heading);font-weight:800;font-size:var(--step-2);color:var(--brand-ink);margin-top:var(--space-3xs)}.rec-rationale{color:var(--brand-ink-soft);margin-top:var(--space-2xs)}.payoff{display:grid;gap:var(--space-2xs)}.payoff-row{display:grid;grid-template-columns:7rem 1fr auto;align-items:center;gap:var(--space-s)}.payoff-lbl{font-size:var(--step--1);color:var(--brand-ink-soft)}.payoff-track{position:relative;height:1.6rem;background:var(--brand-surface-sunk);border-radius:var(--radius-pill);overflow:hidden}.payoff-fill{position:absolute;top:0;height:100%;border-radius:var(--radius-pill)}.fill-owe{left:0;background:linear-gradient(100deg,var(--brand-owe-strong),var(--brand-owe))}.fill-after{left:0;background:linear-gradient(100deg,var(--brand-after-strong),var(--brand-after));border-radius:var(--radius-pill) 0 0 var(--radius-pill);z-index:1}.fill-sliver{background:repeating-linear-gradient(45deg,var(--brand-sliver) 0 5px,oklch(.72 .13 34) 5px 10px);border-radius:0 var(--radius-pill) var(--radius-pill) 0}@media(prefers-reduced-motion:no-preference){.fill-after,.fill-sliver{transition:width .35s cubic-bezier(.22,1,.36,1),left .35s cubic-bezier(.22,1,.36,1)}}.payoff-amt{font-family:var(--font-heading);font-weight:800;font-variant-numeric:tabular-nums}.payoff-legend{display:flex;flex-wrap:wrap;gap:var(--space-s);margin:var(--space-3xs) 0 0;padding-left:calc(7rem + var(--space-s))}.lg{font-family:var(--font-mono);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-ink-faint);display:inline-flex;align-items:center;gap:.4em}.lg:before{content:"";width:.7em;height:.7em;border-radius:3px}.lg-after:before{background:var(--brand-after)}.lg-sliver:before{background:var(--brand-sliver)}.scen{display:grid;gap:var(--space-2xs);border:1px solid var(--brand-border);border-radius:var(--radius-m);padding:var(--space-m)}.scen-row{display:flex;justify-content:space-between;gap:var(--space-s);font-size:var(--step-0)}.scen-row dt{color:var(--brand-ink-soft);margin:0}.scen-row dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.scen-row.warnrow dd{color:var(--brand-negative)}.scen-cols{display:grid;gap:var(--space-s);grid-template-columns:1fr}.scen-col{border-radius:var(--radius-m);padding:var(--space-s) var(--space-m);border:1px solid var(--brand-border)}.scen-col-good{background:var(--brand-positive-soft);border-color:color-mix(in oklab,var(--brand-after) 30%,transparent)}.scen-col-bad{background:var(--brand-accent-soft);border-color:var(--brand-accent-line)}.scen-col-lbl{display:block;font-family:var(--font-mono);font-weight:700;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2xs)}.scen-col-good .scen-col-lbl{color:var(--brand-after-strong)}.scen-col-bad .scen-col-lbl{color:var(--brand-accent-strong)}.scen-col dl{display:grid;gap:var(--space-3xs)}.scen-col .scen-row dd{color:var(--brand-ink)}.scen-col-bad .scen-row.warnrow dd{color:var(--brand-accent-strong)}@media(min-width:34rem){.scen-cols{grid-template-columns:1fr 1fr}}.tool-caveat{font-size:var(--step--1);color:var(--brand-ink-faint)}.tool-caveat strong{color:var(--brand-warn)}.tool-alt{font-size:var(--step--1)}.big{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-m);align-items:stretch}.big>div{padding:var(--space-s) var(--space-m);border-radius:var(--radius-m);border:1px solid var(--brand-border)}.big>div:first-child{background:var(--brand-surface-sunk);border-color:var(--brand-border-strong)}.big>div:last-child{background:var(--brand-accent-soft);border-color:var(--brand-accent-line)}.big-amt{display:block;font-family:var(--font-heading);font-weight:800;font-size:var(--step-4);line-height:1;color:var(--brand-primary-strong);margin-top:var(--space-3xs)}.big>div:last-child .big-amt{color:var(--brand-accent-strong)}.big-lbl{display:block;font-family:var(--font-mono);font-weight:600;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.08em;color:var(--brand-ink-faint)}@media(max-width:30rem){.big{grid-template-columns:1fr}}@media(max-width:40rem){.checker-form{grid-template-columns:1fr}.payoff-row{grid-template-columns:5.5rem 1fr}.payoff-amt{grid-column:2;text-align:right}}