/* Budget expands in document flow below its Home card, never in an overlay. */
#home .hero-side{align-content:start;align-items:start}
#home .home-hero.budget-expanded{align-items:start}
.budget-mini .budget-row{justify-content:flex-start;align-items:baseline;gap:7px;flex-wrap:wrap}
.budget-mini .budget-row strong{min-width:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.budget-mini .budget-row>span{white-space:nowrap}
.budget-mini.budget-over .budget-row strong,.budget-mini.budget-over .budget-row>span{color:var(--danger)}
.budget-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;margin-top:10px;padding:10px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--brand);font-size:12px;font-weight:800;cursor:pointer;touch-action:manipulation}
.budget-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.budget-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.budget-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:7px}
.budget-inline{grid-column:1/-1;min-width:0;width:100%;max-width:440px;justify-self:end;overflow:hidden}
.budget-inline[hidden]{display:none!important}
.budget-inline-card{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:20px}
.budget-inline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.budget-inline-head h3{margin:0;font-size:15px;letter-spacing:-.025em}
.budget-inline-head>span{color:var(--muted);font-size:11px}
.budget-inline-list{display:grid;gap:8px}
.budget-inline-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:12px;min-width:0;font-size:13px}
.budget-inline-field{position:relative;display:block;min-width:0}
.budget-inline-field>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px;pointer-events:none}
.budget-inline-field input{display:block;width:100%;min-width:0;height:42px;padding:9px 11px 9px 27px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font:inherit;font-size:16px;text-align:right;font-variant-numeric:tabular-nums}
.budget-inline-field input:focus{outline:2px solid var(--brand2);outline-offset:1px}
.budget-inline-note{margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.budget-mini.budget-over>p{color:var(--danger)}
.budget-mini.budget-over .bar>i{background:var(--danger)}
@media(min-width:641px) and (max-width:900px){
  .budget-inline{grid-column:2}
}
@media(max-width:640px){
  .budget-toggle{font-size:11px;margin-top:8px}
  .budget-inline{max-width:none}
  .budget-inline-card{padding:14px;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){
  .budget-toggle svg{transition:none}
}