.transactions-filters { display: flex; flex-wrap: wrap; gap: 1rem; margin: 1.5rem 0; }
.transactions-filters[hidden], .transactions-table tr[hidden], .transactions-empty[hidden] { display: none; }
.transactions-filters label { display: grid; gap: .3rem; flex: 1 1 11rem; }
.transactions-table { overflow-x: auto; }
.transactions-table table { border-collapse: collapse; width: 100%; }
.transactions-table th, .transactions-table td { border-bottom: 1px solid var(--rule); text-align: left; vertical-align: top; padding: 1rem .75rem 1rem 0; }
.transactions-facts { margin: 0; }
.transactions-facts div { display: grid; grid-template-columns: minmax(9rem, 1fr) 2fr; gap: 1rem; padding: .8rem 0; border-bottom: 1px solid var(--rule); }
.transactions-facts dd { margin: 0; }
.transactions-timeline, .transactions-sources { padding-left: 1.2rem; }
.transactions-timeline li, .transactions-sources li { margin-bottom: .7rem; }
@media (max-width: 700px) {
  .transactions-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .transactions-table table, .transactions-table tbody, .transactions-table tr, .transactions-table td { display: block; }
  .transactions-table tr { display: flex; flex-direction: column; border-bottom: 1px solid var(--rule); padding: 1rem 0; }
  .transactions-table td { border: 0; padding: .2rem 0; }
  .transactions-table td:empty { display: none; }
  .transactions-table td::before { content: attr(data-label) ': '; }
  .transactions-table td:nth-child(2) { order: -1; font-weight: 600; font-size: 1.125rem; }
  .transactions-table td:nth-child(2)::before { content: none; }
  .transactions-facts div { grid-template-columns: 1fr; gap: .25rem; }
}