@media screen {
  /* Existing responsive card layouts can keep their visually hidden headings. */
  :where(thead.production-table-head) { position: relative; }
  thead.production-table-head {
    z-index: 3;
    transform: translateY(var(--table-head-shift, 0px));
    background: #fafafb;
  }
}
@media print {
  thead.production-table-head { transform: none !important; position: static !important; }
}