header { }
main { background: #fff; max-width: 100%; }
footer { max-width: 100%; }

/* List */
.listHeader { display: flex; align-items: center; gap: 0.6rem; }
.listStats { margin-top: 0.8rem; }
table.list, table.card { border-collapse: collapse; width: 100%; }
table.list { }
table.list th {
  background: #ddd; padding: 0.4rem;
  font-size:  0.9rem;
  /*font-weight: normal;*/
  position:   sticky; top: 0; /* Sticky table header */
}
/*table.list tr:nth-child(odd) { background: #e8e8e8; }*/
/*table.list tr:nth-child(even) { background: #fff; }*/
table.list tr { border-bottom: 1px solid #ddd; }
table.list td {
  vertical-align: top; padding: 0.6rem;
  font-size:      0.9rem; line-height: 1.1rem;
}
table.list td > * { margin-bottom: 0.4rem; }
table.list tr:last-child { border: 0; }
table.list a { display: inline-block; }

/* Card */
table.card th { background: #ddd; font-size: 0.9rem; padding: 0.6rem 0.6rem 0 0; text-align: right; vertical-align: top; }
table.card td { padding: 0.4rem 0.4rem; vertical-align: top; display: flex; flex-direction: column; gap: 0.2rem; }
table.card textarea { height: 400px; }

/* for small screens: */
/*.list td {*/
/*  display:        flex; flex-direction: column; gap: 0.4rem; }*/