:root {
  color-scheme: light dark;
  supported-color-schemes: light dark;
}

table {
  margin: 60px auto;
  border-collapse: collapse;
  font-size: 9pt;
  font-family: Monaco, monospace;
}

table th {
  text-align: left;
}

table td {
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: 0.5px solid #aaa;
}

table tr:last-child td {
  border-bottom: 0;
}

td.sep {
  border: 0;
}

td.id, td.did, td.handle, td.name, td.endpoint {
  padding-right: 20px;
}

td a {
  color: black;
  text-decoration: none;
}

td a:hover {
  text-decoration: underline;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: #1a1a1a;
    color: #ddd;
  }

  table td {
    border-bottom-color: #555;
  }

  td a {
    color: hsl(210, 80%, 60%);
  }
}