#home-messages {
  background: #eee;
  margin: 8px 0 0 0;
  font-size: 10pt;
}

#home-messages ul {
  margin: 0;
  padding: 4px 0;
  list-style: none;
  font-size: 9pt;
}

#home-messages ul li {
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 2px 8px;
}

#home-messages ul li span.date {
  border: 1px solid #dde;
  text-align: center;
  padding: 4px 0;
  font-size: 9pt;
  flex-basis: 64px;
  border-radius: 4px;
}

#home-messages ul li span.text {
  flex: 1;
}

#home-messages ul li span a {
  font-weight: bold;
  text-decoration: none;
}

#home-messages ul li span a:hover {
  font-weight: bold;
  text-decoration: underline;
}

#home-messages p#home-messages-none {
  padding: 8px;
  text-align: center;
}