body {
  font-family: system-ui;
  max-width: 60em;
  padding: 6px;
  margin: auto;
}
header {
  font-size: 2.2em;
  display: block;
  height: 3rem;
  padding: 0.6rem 0 1rem 0.8rem;
  background: #fff;
  border-bottom: 1px solid #0f03ed;
}
p.article_title {
  font-size: 1.7em;
}
p.article_date {
  text-align: right;
  font-size: 0.9em;
}
h1 {
  font-size: 1.4em;
}
img {
  max-width: 100%;
}
pre {
  white-space: pre-wrap;
  padding: 1em;
  margin: 0 0 1.5em;
  border: solid 1px #4d4d4d;
  background: #25292f;
  color: #fff;
}
table {
  border-collapse:collapse
}
td,th {
  padding: 0.3em;
  vertical-align:top;
  border-top:1px solid #dee2e6
}
thead th {
  vertical-align:bottom;
  border-bottom:2px solid #dee2e6
}
tbody+tbody {
  border-top:2px solid #dee2e6
}
th {
  color:#495057;
  background-color:#e9ecef;
  border-color:#dee2e6
}