/* tools/gcode-reference/tool.css — what the G-code reference needs beyond /assets/tool.css.
 * Every class starts gcr-.
 *
 * ONE SET OF EDGES. The CMS version of this page had its heading, paragraphs and tables at
 * three widths. Everything here flows to the wrap-wide container: site.css caps .lede at the
 * prose measure, so that cap is lifted, and nothing below adds one. */

.gcr-ref .lede,
.gcr-ref .tk-head > p { max-width: none; }
.gcr-key { margin: 0; font-size: var(--t-sm); color: var(--page-muted); }
.gcr-key b { color: var(--page-fg); font-weight: var(--w-medium); }

.gcr-none { margin-top: var(--s-5); }

/* A code section: heading, optional note, table. Same edges as the filter bar above. */
.gcr-sec { display: grid; gap: var(--s-3); margin-top: var(--s-7); }
.gcr-sec > * { margin: 0; max-width: none; }
.gcr-ref h2 { scroll-margin-top: 6rem; }

/* Every code table has the same six columns at the same widths, so the columns line up
 * from one section to the next while scrolling. */
.gcr-t { table-layout: fixed; min-width: 880px; }
.gcr-t th:nth-child(1) { width: 7rem; }
.gcr-t th:nth-child(2) { width: 16%; }
.gcr-t th:nth-child(4) { width: 9rem; }
.gcr-t th:nth-child(5),
.gcr-t th:nth-child(6) { width: 17%; }
.gcr-t td:nth-child(4) { color: var(--page-muted); }
.gcr-t tr[data-m34="no"] > td:nth-child(5),
.gcr-t tr[data-l32="no"] > td:nth-child(6) { color: var(--page-muted); }

.gcr-d { min-width: 720px; }
.gcr-d th[scope="row"] { width: 18%; }

@media print {
  .gcr-t, .gcr-d { min-width: 0; }
  .gcr-ref .tk-scroll { overflow: visible; }
  .gcr-t thead { display: table-header-group; }
  .gcr-t tr { break-inside: avoid; }
}