/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
/*!r:1788336612357*/
.pf__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:62ch;margin-block-end:var(--space-l)}.pf__estimate{max-inline-size:28rem}.pf__label{font-weight:600}.pf__sliderrow{display:flex;align-items:center;gap:var(--space-s);margin-block:var(--space-2xs) var(--space-m)}.pf__range{flex:1}.pf__out{font-weight:800;font-size:var(--step-0);min-inline-size:5ch}.pf__result{max-inline-size:32rem}.pf__bars{display:flex;flex-direction:column;gap:var(--space-s);margin-block-end:var(--space-l)}.pf__bar{display:grid;grid-template-columns:6.5rem 1fr 2.5rem;align-items:center;gap:var(--space-s)}.pf__barlabel{font-size:var(--step--1);font-weight:600}.pf__track{block-size:1.4rem;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;overflow:hidden}.pf__fill{display:block;block-size:100%}.pf__fill--est{background:var(--accent)}.pf__fill--real{background:var(--status-unsupported-fg)}.pf__barval{font-weight:700;font-variant-numeric:tabular-nums}.pf__breakdown{font-size:var(--step--1)}.pf__bdtitle{font-weight:600;margin-block-end:var(--space-2xs)}.pf__breakdown ul{margin:0;padding-inline-start:1.2em;color:var(--muted)}.pf__readout{font-size:var(--step-0);line-height:var(--leading-snug);min-block-size:1.6em;margin-block-start:var(--space-m);padding:var(--space-s);background:var(--accent-soft);border-radius:var(--radius-s);max-inline-size:64ch}.pf__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.pf__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.pf__alt[open] summary{margin-block-end:var(--space-s)}