/* These authored reference records keep every field in view at narrow widths.
   Only tables carrying this site-local class are affected. */
.reference-table { display: table; table-layout: fixed; width: 100%; overflow: visible; }
.reference-table th, .reference-table td { padding: var(--sp-2); white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 720px) {
  .reference-table, .reference-table tbody { display: block; }
  .reference-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .reference-table tbody tr { display: block; padding-block: var(--sp-2); border-bottom: var(--border-width) var(--border-style) var(--c-line); }
  .reference-table tbody th, .reference-table tbody td { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--sp-2); padding: var(--sp-1) var(--sp-2); border-bottom: 0; }
  .reference-table tbody th::before, .reference-table tbody td::before { content: attr(data-label); font-weight: 700; color: var(--c-ink-soft); }
  .reference-table tbody tr:last-child { border-bottom: 0; }
}