/* Free tools (/tools/*). Loaded only on those pages, so the print rules below can be broad. */
.tool-hidden { display: none !important; }
.tool-fig { color: #FF5722; font-variant-numeric: tabular-nums; }
html:not(.dark) .tool-fig { color: #C2410C; }

.tool-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; font-variant-numeric: tabular-nums; }
.tool-table th, .tool-table td { padding: 0.45rem 0.5rem; text-align: right; white-space: nowrap; border-bottom: 1px solid var(--fc-border-2); }
.tool-table th { font-size: 0.75rem; font-weight: 500; color: var(--fc-text-faint); }
.tool-table th:first-child, .tool-table td:first-child { padding-left: 0; text-align: left; white-space: normal; }
.tool-table td:first-child { color: var(--fc-text); }
.tool-table tr:last-child td { border-bottom: 0; }

.tool-bar { height: 6px; border-radius: 3px; background: var(--fc-border-2); overflow: hidden; }
.tool-bar > span { display: block; height: 100%; border-radius: 3px; background: #2563EB; }

[data-preset][aria-pressed="true"] { border-color: #2563EB; background: rgba(37, 99, 235, .15); }

@media print {
  header, footer, #zchat, .tool-noprint { display: none !important; }
  :root { color-scheme: light !important; --fc-bg: #fff; }
  html, body, main { background: #fff !important; color: #111 !important; }
  main { max-width: none !important; padding: 0 !important; margin: 0 !important; }
  .tool-grid { display: block !important; }
  .tool-print { position: static !important; border: 0 !important; padding: 0 !important; background: #fff !important; }
  .tool-print * { color: #111 !important; }
  .tool-print .tool-fig { color: #C2410C !important; }
  .tool-table th, .tool-table td { border-color: #bbb !important; }
  .tool-bar, .tool-bar > span { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .tool-bar { background: #ddd !important; }
}