* { box-sizing: border-box; }
body {
  margin: 0 auto; padding: 48px 20px 80px; max-width: 46rem;
  font: 15px/1.65 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #1b1f24; background: #fbfbfc;
}
header { border-bottom: 2px solid #e8c46a; padding-bottom: 14px; margin-bottom: 26px; }
h1 { margin: 0 0 6px; font-size: 26px; font-weight: 600; letter-spacing: -0.01em; }
.sub { margin: 0; color: #6a737d; font-size: 14px; }
ul.links { list-style: none; margin: 0; padding: 0; }
ul.links li { padding: 9px 0; border-bottom: 1px solid #ececef; }
ul.links li:last-child { border-bottom: 0; }
.tag {
  display: inline-block; min-width: 3.4rem; margin-right: 12px;
  font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em;
  color: #8a6d1f; background: #fdf5e1; border-radius: 3px;
  padding: 2px 6px; text-align: center;
}
footer { margin-top: 40px; color: #98a0a8; font-size: 13px; }
@media (prefers-color-scheme: dark) {
  body { background: #1b1f24; color: #d8dde3; }
  ul.links li { border-bottom-color: #2c323a; }
  .tag { color: #e8c46a; background: #2a2620; }
  .sub, footer { color: #8b949e; }
}