.gauge{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.gauge__svg{width:100%;max-width:9.5rem;height:auto;overflow:visible}.gauge__face{fill:var(--paper-raised);stroke:var(--line);stroke-width:1px}.gauge__track{fill:none;stroke:color-mix(in srgb, var(--ink) 12%, transparent);stroke-width:7px}.gauge__zone{fill:none;stroke-width:7px}.gauge__zone--good{stroke:color-mix(in srgb, var(--ok) 55%, transparent)}.gauge__zone--bad{stroke:color-mix(in srgb, var(--warn) 60%, transparent)}.gauge__tick{stroke:var(--ink-subtle);stroke-width:1px}.gauge__tick--major{stroke:var(--ink);stroke-width:1.6px}.gauge__needle,.gauge__hub{fill:var(--ink)}.gauge__hub-dot{fill:var(--accent)}.gauge__value{font-family:var(--font-mono);fill:var(--ink);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.gauge__scale{font-family:var(--font-mono);fill:var(--ink-subtle);font-size:7.5px}.gauge__caption{text-align:center;flex-direction:column;align-items:center;gap:.1rem;margin-top:.15rem;display:flex}.gauge__label{font-family:var(--font-display);font-weight:500;font-size:var(--step--1);line-height:1.2}.gauge__hint{font-family:var(--font-mono);letter-spacing:0;color:var(--ink-subtle);white-space:nowrap;align-items:center;gap:.25em;font-size:.66rem;display:inline-flex}.gauge__hint svg{width:.75em;height:.75em}.gauge__delta{z-index:1;border-radius:var(--r-pill);font-family:var(--font-mono);font-variant-numeric:tabular-nums;pointer-events:none;animation:delta-pop 2.6s var(--ease-out) both;padding:.12rem .4rem;font-size:.75rem;font-weight:500;line-height:1.3;position:absolute;top:.15rem;right:0}.gauge__delta--good{background:var(--ok);color:var(--on-ok)}.gauge__delta--bad{background:var(--warn);color:var(--on-warn)}.gauge__delta--flat{background:var(--paper-sunk);color:var(--ink-muted);border:1px solid var(--line)}@keyframes delta-pop{0%{opacity:0;transform:translateY(6px)scale(.85)}12%{opacity:1;transform:translateY(0)scale(1.06)}20%{transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.gauge__delta{animation:2.6s linear both delta-fade}@keyframes delta-fade{0%,85%{opacity:1}to{opacity:0}}}