body { font: 17px/1.6 system-ui, sans-serif; color: #1c1b1f; max-width: 44rem; margin: 0 auto; padding: 1.5rem 1.25rem 4rem; }
header { display: flex; justify-content: space-between; align-items: baseline; }
header strong { font-size: 1.2rem; }
h1 { font-size: 1.8rem; margin: 1.5rem 0 .25rem; }
h2 { font-size: 1.2rem; margin-top: 2rem; }
.updated { color: #5f5c66; margin-top: 0; }
.summary { background: #f3eefc; border-radius: 12px; padding: .5rem 1.25rem; }
a { color: #6a3fc0; }
@media (prefers-color-scheme: dark) {
  body { background: #141218; color: #e6e1e9; }
  .updated { color: #a9a4b0; }
  .summary { background: #2a2433; }
  a { color: #c7aefc; }
}