/* Chart pages in tool mode (layouts/charts/single.html, front matter "tool"; batch 6, 2026-10-11).
   The tool sits in .mtp-chart-tool[data-tool-root] under the H1. chart-print.css prints only the chart sheets, so the
   tool is hidden when the reader prints the chart. A tool that prints its own output sets html.mtp-print-tool for the
   duration of window.print() (see printTool() in static/js/chart-tool-lib.js): then only the H1 and the tool print,
   white paper and black ink, and anything inside the tool marked .mtp-noprint is left out. */
.mtp-chart-tool { margin: 8px 0 20px; }
.mtp-chart-tool + .lede { margin-top: 0; }
.mtp-printonly-tool { display: none; }

@media print {
  html.mtp-print-tool .mtp-chart-page > .mtp-chart-tool[data-tool-root] { display: block !important; margin: 0; }
  html.mtp-print-tool .mtp-chart-page > *:not([data-tool-root]):not(h1) { display: none !important; }
  html.mtp-print-tool .mtp-chart-tool .mtp-noprint { display: none !important; }
  html.mtp-print-tool .mtp-chart-tool .mtp-printonly-tool { display: block !important; }
  html.mtp-print-tool .mtp-chart-tool,
  html.mtp-print-tool .mtp-chart-tool * { color: #111 !important; background-color: transparent !important; box-shadow: none !important; text-shadow: none !important; }
  html.mtp-print-tool .mtp-chart-tool svg [fill="currentColor"] { fill: #111 !important; }
}