.budget-explorer{min-inline-size:0;container:budget/inline-size}.budget-steps{gap:var(--space-3xs);grid-template-columns:repeat(2,minmax(0,1fr));margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.budget-step{inline-size:100%;min-block-size:var(--tap-min);border:1px solid var(--color-mist);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);text-align:start;cursor:pointer;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"n title""n total";column-gap:.55rem;padding:.55rem .7rem;display:grid}.budget-step[aria-current=step]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.budget-step:focus-visible,.budget-item:focus-visible{outline:2px solid var(--color-lagoon);outline-offset:2px}.budget-step-number{font:750 var(--step-0) / 1 var(--font-sans), system-ui, sans-serif;grid-area:n;align-self:center}.budget-step-title{font:700 var(--step--1) / 1.25 var(--font-sans), system-ui, sans-serif;overflow-wrap:anywhere;grid-area:title}.budget-step-total{font:600 var(--step--2) / 1.3 var(--font-sans), system-ui, sans-serif;font-variant-numeric:tabular-nums;grid-area:total}.budget-unit{color:var(--color-slate);font-size:var(--step--2);margin:.55rem 0 0}.budget-stage{gap:1rem;margin-block-start:.75rem;display:grid}.budget-lines,.budget-explain{min-inline-size:0}.budget-trail{color:var(--color-slate);font-size:var(--step--1);flex-wrap:wrap;align-items:center;gap:.35rem .8rem;margin:0 0 .35rem;display:flex}.budget-items{gap:.25rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.budget-item{inline-size:100%;min-block-size:var(--tap-min);border:1px solid var(--color-mist);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);text-align:start;cursor:pointer;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title value""hint hint";gap:0 .8rem;padding:.5rem .7rem;display:grid}.budget-item[aria-pressed=true]{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.budget-item-title{font:650 var(--step--1) / 1.3 var(--font-sans), system-ui, sans-serif;overflow-wrap:anywhere;grid-area:title}.budget-item-value{font:700 var(--step--1) / 1.3 var(--font-sans), system-ui, sans-serif;font-variant-numeric:tabular-nums;grid-area:value}.budget-item-hint{color:var(--color-slate);font-size:var(--step--2);grid-area:hint}.budget-explain{border:1px solid var(--color-mist);border-inline-start:4px solid var(--color-lagoon);border-radius:var(--radius-card);background:var(--color-surface);padding:.9rem 1rem}.budget-explain h4{font-family:var(--font-display,var(--font-sans)), Georgia, serif;font-size:var(--step-1);overflow-wrap:anywhere;margin:0;line-height:1.2}.budget-explain-value{color:var(--color-ink);font:700 var(--step-2) / 1.15 var(--font-sans), system-ui, sans-serif;font-variant-numeric:tabular-nums;margin:.4rem 0 0}.budget-explain-value span{font-size:var(--step--1);color:var(--color-slate);font-weight:600}.budget-explain-facts,.budget-explain-hint{color:var(--color-slate);font-size:var(--step--1);margin:.4rem 0 0;line-height:1.45}.budget-explain-facts:empty{display:none}.budget-explain-text{gap:.2rem;margin:.8rem 0 0;display:grid}.budget-explain-text dt{color:var(--color-slate);font-size:var(--step--2);letter-spacing:.04em;text-transform:uppercase;margin-block-start:.5rem;font-weight:750}.budget-explain-text dd{color:var(--color-ink);font-size:var(--step-0);max-inline-size:42rem;margin:0;line-height:1.5}.budget-explain .data-chip{margin-block-start:.8rem}.budget-explain .data-figure-selection{min-block-size:2.6rem}@container budget (min-width:40rem){.budget-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.budget-stage{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.budget-explain{position:sticky;inset-block-start:var(--space-s)}}@media print{.budget-steps,.budget-items{display:none}}.budget-explain-more{margin-block-start:.8rem}.budget-explain-more>summary{cursor:pointer;color:var(--color-lagoon);font-size:var(--step--1);font-weight:650;list-style:none}.budget-explain-more>summary::-webkit-details-marker{display:none}.budget-explain-more>summary:after{content:" ›"}.budget-explain-more[open]>summary:after{content:" ‹"}.budget-explain-more .budget-explain-text{margin-block-start:.2rem}