/* Compact icon, comfortable touch target. Keep the label readable in narrow panes. */
.gauge-info{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;min-height:32px;padding:0;margin:0;border:0;border-radius:var(--r-round);background:transparent;color:var(--muted);vertical-align:middle;cursor:pointer}
.gauge-info:hover,.gauge-info:focus-visible{color:var(--accent);background:var(--panel2)}
.gauge-info:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.grow{flex-wrap:wrap;row-gap:2px}
.grow .gl{display:flex;flex:1 1 140px;flex-wrap:wrap;align-items:center;column-gap:2px;white-space:normal;overflow:visible}
.grow .glabel{min-width:0;overflow-wrap:anywhere}
.grow .gl .bands{flex-basis:100%}
.gauge-hero-label{line-height:1.6}
.wg.gauges{container-type:inline-size}
.gauge-history-axis{position:relative;display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:var(--ink2);font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums}
.gauge-history-axis time{min-width:0;max-width:calc(50% - 6px);overflow-wrap:anywhere}
.gauge-history-axis time:last-child{text-align:right}
@container(max-width:380px){.grow{display:grid;grid-template-columns:minmax(0,1fr) 56px auto}.grow .gl{grid-column:1/-1}.grow .gs{justify-self:end}.grow .gz{text-align:right}}
.gauge-help{position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:24px;border:0;background:transparent;color:var(--ink);z-index:1000;overflow:auto}
.gauge-help:not([open]){display:none}
.gauge-help[open]{display:flex;align-items:center;justify-content:center}
.gauge-help::backdrop{background:var(--overlay)}
.gauge-help.fallback{background:var(--overlay)}
.gauge-help-panel{box-sizing:border-box;width:min(100%,540px);max-height:100%;overflow:auto;overscroll-behavior:contain;border:1px solid var(--ring);border-radius:var(--r20);background:var(--panel);padding:24px;box-shadow:var(--elevation, 0 20px 70px rgba(0,0,0,.35));text-align:left;line-height:1.6}
.gauge-help header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.gauge-help header>div{flex:1;min-width:0}
.gauge-help header small{font-size:11px;color:var(--accent)}
.gauge-help h2{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:4px 0 0;overflow-wrap:anywhere}
.gauge-help [data-gaugeclose]{flex:none;min-width:44px;min-height:44px}
.gauge-help section+section{margin-top:20px}
.gauge-help h3{font-size:12px;color:var(--muted);margin:0 0 6px}
.gauge-help p{font-size:14px;margin:0;overflow-wrap:anywhere}
.gauge-help footer{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:24px;padding-top:16px;border-top:1px solid var(--ring);font-size:12px}
.gauge-help footer>span{flex-basis:100%;color:var(--muted)}
.gauge-help a{color:var(--accent);min-height:32px;display:inline-flex;align-items:center;overflow-wrap:anywhere}
@media(max-width:600px){.gauge-help{padding:12px 12px max(12px,env(safe-area-inset-bottom))}.gauge-help[open]{align-items:flex-end}.gauge-help-panel{padding:20px;max-height:90%;border-radius:var(--r20)}.gauge-info{width:36px;height:36px;min-height:36px}.grow{gap:4px}.grow .gl{column-gap:0}}