/* Leftover Planner chrome for tool pages that keep their own design (car deal checker, subscription finder, medical bill help, moving and deposits).
   Everything is scoped to .lpbar and .lpx so it can't change the tool underneath. System fonts only: no extra downloads. */
.lpbar,.lpx{
  --ink:#0f1a16; --ink2:#34433d; --muted:#5b6a64; --line:#dfe6e2; --line2:#ecf1ee; --wash:#eef3f0; --surface:#ffffff;
  --brand:#059669; --brand-dark:#047857; --brand-ink:#ffffff; --brand-wash:#e2f5eb;
  --lp-bg:#f4f7f5; --lp-font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lpbar,:root:not([data-theme="light"]) .lpx{
  --ink:#e6eeea; --ink2:#bac8c2; --muted:#8b9b94; --line:#24322d; --line2:#1b2723; --wash:#18241f; --surface:#121b18;
  --brand:#10b981; --brand-dark:#34d399; --brand-ink:#03251b; --brand-wash:#0e2c22; --lp-bg:#0b1210}}
:root[data-theme="dark"] .lpbar,:root[data-theme="dark"] .lpx{
  --ink:#e6eeea; --ink2:#bac8c2; --muted:#8b9b94; --line:#24322d; --line2:#1b2723; --wash:#18241f; --surface:#121b18;
  --brand:#10b981; --brand-dark:#34d399; --brand-ink:#03251b; --brand-wash:#0e2c22; --lp-bg:#0b1210}

/* top bar */
.lpbar{background:var(--lp-bg);border-bottom:1px solid var(--line);font:500 14px/1.3 var(--lp-font);color:var(--ink);position:relative;z-index:60}
.lpbar-in{max-width:1180px;margin:0 auto;padding:0 16px;min-height:44px;display:flex;align-items:center;gap:10px}
.lpbar a{color:var(--ink);text-decoration:none}
.lpbar-logo{display:inline-flex;align-items:center;gap:8px;font-weight:650;letter-spacing:-.01em;white-space:nowrap}
.lpbar-logo i,.lpx .logo i{width:20px;height:20px;border-radius:6px;background:var(--brand);position:relative;flex:none;display:inline-block}
.lpbar-logo i::after,.lpx .logo i::after{content:"";position:absolute;left:5px;right:5px;bottom:5px;height:3px;border-radius:1px;background:var(--brand-ink)}
.lpbar-sep{color:var(--muted)}
.lpbar-here{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lpbar-all{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--brand-dark)!important;white-space:nowrap;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);min-height:32px}
.lpbar-all:hover{border-color:var(--brand)}
.lpbar-all svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:520px){.lpbar-sep,.lpbar-here{display:none}}

/* footer area */
.lpx{background:var(--lp-bg);color:var(--ink);font:400 15px/1.55 var(--lp-font);padding:28px 16px 40px;margin-top:40px;border-top:1px solid var(--line);text-align:left;letter-spacing:normal;text-transform:none}
.lpx,.lpx *,.lpbar,.lpbar *{font-family:var(--lp-font)!important;letter-spacing:normal;text-transform:none;text-shadow:none}
.lpx .bigfoot .brand{display:block!important;font-size:inherit!important;color:inherit!important;gap:0!important;background:none!important;padding:0!important;margin:0!important;border:0!important}
.lpx-note{max-width:1120px;margin:0 auto 4px!important;font-size:.82rem!important;line-height:1.6;color:var(--muted)!important}
.lpx .bigfoot{margin-top:22px!important;background:none!important;box-shadow:none!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
.lpx .bigfoot h2{font:700 .78rem/1.2 var(--lp-font)!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--muted)!important;margin:0 0 10px!important;border:0!important;padding:0!important;background:none!important}
.lpx .bigfoot ul{list-style:none!important;padding:0!important;margin:0!important}
.lpx .bigfoot li{margin:0!important;padding:0!important;border:0!important;background:none!important}
.lpx .bigfoot li::before,.lpx .bigfoot li::after{display:none!important}
.lpx .bigfoot a{color:var(--ink2)!important;text-decoration:none!important;font-size:.88rem;background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
.lpx .bigfoot a:hover{color:var(--brand-dark)!important}
.lpx .bigfoot .logo{color:var(--ink)!important;font-weight:650;font-size:1.02rem!important;display:inline-flex!important;align-items:center;gap:8px}
.lpx .bigfoot p{color:var(--muted)!important;font-size:.84rem!important;max-width:none}
.lpx .bigfoot summary{background:none!important;border:0!important;padding:0!important}
.lpx .bigfoot .legal{font-size:.78rem!important}
@media (max-width:760px){.lpx .bigfoot details.fcol>summary{padding:4px 0!important;min-height:52px}}
@media print{.lpbar,.lpx{display:none}}

/* tool menu name: full on wide screens, short on phones */
.lbl-short{display:none}
.lbl-full,.lbl-short{white-space:nowrap}
@media (max-width:560px){.lbl-full{display:none}.lbl-short{display:inline}}

/* "Can you afford it?" card that connects a tool to your money plan */
.lpc{--ink:#0f1a16;--ink2:#34433d;--muted:#5b6a64;--line:#dfe6e2;--surface:#fff;--brand:#059669;--brand-dark:#047857;--brand-ink:#fff;--brand-wash:#e2f5eb;--good:#15803d;--warn:#b45309;--bad:#dc2626;
  max-width:1120px;margin:28px auto;padding:0 16px;font:400 15px/1.55 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);position:relative;z-index:2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lpc{--ink:#e6eeea;--ink2:#bac8c2;--muted:#8b9b94;--line:#24322d;--surface:#121b18;--brand:#10b981;--brand-dark:#34d399;--brand-ink:#03251b;--brand-wash:#0e2c22;--good:#34d399;--warn:#fbbf24;--bad:#f87171}}
:root[data-theme="dark"] .lpc{--ink:#e6eeea;--ink2:#bac8c2;--muted:#8b9b94;--line:#24322d;--surface:#121b18;--brand:#10b981;--brand-dark:#34d399;--brand-ink:#03251b;--brand-wash:#0e2c22;--good:#34d399;--warn:#fbbf24;--bad:#f87171}
.lpc *{font-family:inherit!important;letter-spacing:normal;text-transform:none}
.lpc-in{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:14px;padding:16px 18px;box-shadow:0 10px 30px -22px rgba(0,0,0,.45)}
.lpc-ic{width:42px;height:42px;border-radius:12px;background:var(--brand-wash);display:grid;place-items:center;flex:none}
.lpc-ic svg{width:22px;height:22px;fill:none;stroke:var(--brand-dark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lpc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.lpc-k{font:700 .7rem/1 inherit;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--muted)}
.lpc-body b{font-weight:650;color:var(--ink)}
.lpc-t{font-size:1.05rem}
.lpc-t.ok{color:var(--good)}.lpc-t.warn{color:var(--warn)}.lpc-t.bad{color:var(--bad)}
.lpc-body p{margin:0;color:var(--ink2);font-size:.92rem}
.lpc-bar{height:8px;border-radius:99px;background:color-mix(in srgb,var(--muted) 18%,transparent);overflow:hidden;margin-top:6px}
.lpc-bar i{display:block;height:100%;border-radius:99px;background:var(--good);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.lpc-bar i.warn{background:var(--warn)}.lpc-bar i.bad{background:var(--bad)}
.lpc-btn{flex:none;display:inline-flex;align-items:center;min-height:42px;padding:10px 16px;border-radius:10px;background:var(--brand-dark);color:var(--brand-ink)!important;font-weight:650;text-decoration:none!important;white-space:nowrap;border:1px solid var(--brand-dark)}
.lpc-btn.line{background:transparent;color:var(--brand-dark)!important}
@media (max-width:620px){.lpc-in{flex-direction:column;align-items:stretch}.lpc-ic{display:none}.lpc-btn{justify-content:center}}