body {
  background: #ffffff;
  color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  margin: 0;
  padding: 16px 24px;
  box-sizing: border-box;
}
h1 { font-size: 30px; font-weight: bold; margin: 0 0 4px 0; }
hr { border: none; border-top: 1px solid #000000; margin: 4px 0 8px 0; }
table { width: 100%; border-collapse: collapse; table-layout: fixed; }
th { text-align: left; padding: 2px 16px 2px 0; font-weight: bold; text-decoration: none; }
td { padding: 2px 8px 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
td.size { width: 70px; }
td.date { width: 175px; color: #000000; }
a { color: #0000cc; text-decoration: underline; }
a:visited { color: #551a8b; }
a:hover { color: #cc0000; }
p.server { color: #444444; font-size: 12px; margin-top: 8px; font-style: italic; word-break: break-word; }

@media (max-width: 520px) {
  body { padding: 12px 14px; font-size: 13px; }
  h1 { font-size: 20px; }
  td.date { width: 130px; }
}