/* Shared script tables use the same source-size mapping as canvas labels. */
.script-table {
  font-family: var(--script-font-family, Arial, Helvetica, sans-serif);
  font-size: var(--script-size-small, 11px); font-weight: 400;
  font-variant-numeric: tabular-nums; font-synthesis: none;
  width: fit-content; max-width: min(300px, calc(100% - 105px));
}
.script-table table { width: 100%; min-width: 0; border-collapse: collapse; table-layout: auto; font: inherit; }
.script-table th, .script-table td {
  padding: 3px 6px; white-space: pre-line; overflow-wrap: anywhere;
  text-align: left; vertical-align: top; line-height: 1.25; font-weight: 400;
}
.script-table th { position: static; width: auto; font-size: var(--script-size-tiny, 10px); white-space: nowrap; }
.script-table td { font-size: var(--script-size-small, 11px); }
.script-table summary { padding: 4px 6px; min-height: 24px; cursor: pointer; font: inherit; }
.script-table-heading { display: inline-flex; width: calc(100% - 16px); justify-content: space-between; align-items: baseline; gap: 10px; }
.script-table-heading > span { min-width: 0; overflow-wrap: anywhere; }
.script-table-heading > span:last-child { text-align: right; }
@media (max-width: 640px) {
  .script-table { max-width: min(280px, calc(100% - 92px)); }
  .script-table th { white-space: normal; }
}