/* The GPU rental profitability calculator's own rules, after the toolbox's (lens-calculator.css,
   oee-calculator.css): its two tables of the profit by occupancy and price, on the site's table.data in a
   .table-scroll, with figures right-aligned in equal widths; a loss in the muted colour; the cell at the occupancy and
   price entered in bold; a formula of one hosting mode or power billing in its wrapper (data-only, data-bill), sized like a
   bare formula in the row (.eqrow>math, lens-calculator.css), so the row stays centred. */
/* a table a figure's distance (32 px, .fig) under what is above it; inside the scroller the table's own 28 px
   (oee-calculator.css) would add to it (Jacek, 23 Oct 2026: "inspect the vertical spaces": 44 px under the surface) */
.tool .table-scroll{margin-top:32px}
.tool .table-scroll>table.data{margin-top:0}
.tool table.data.grid{font-size:13px;width:auto;min-width:100%}
.tool table.data.grid th,.tool table.data.grid td{padding:6px 7px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tool table.data.grid tbody th{text-align:left}
.tool table.data.grid td.loss{color:var(--muted)}
.tool table.data.grid td.here{font-weight:700;color:var(--ink)}
/* a heading 12 px above what it heads, a table, a figure or a results bar, as under every heading (the Balance step's
   two; the figure's and the bar's own 32 and 28 px left it nearer the text above than its own content) */
.tool h3+.table-scroll,.tool h3+.fig,.tool h3+.calc,.tool h3+.calc>.bar:first-child{margin-top:12px}
.eqrow>[data-only],.eqrow>[data-bill]{flex:none}
/* the balance chart's buttons (rig-calculator-page.js, keyButtons): one a line, its stroke and its name, as the site's
   small bordered buttons, in the sans as the summary panel's button (no mono font: Jacek, 22 Oct 2026); pressed while
   the line shows, else muted with its stroke faint */
.serieskeys{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.serieskeys button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:4px 10px;border:1px solid var(--line);
  background:var(--paper);cursor:pointer;font-family:var(--sans);font-size:13px;color:var(--muted)}
.serieskeys button:hover{border-color:var(--ink)}
.serieskeys button[aria-pressed="true"]{color:var(--ink);border-color:var(--ink)}
.serieskeys button[aria-pressed="false"] svg{opacity:.35}
.serieskeys button[hidden]{display:none}