:root { color-scheme: light dark; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; background: #f7f7fb; color: #252532; }
main { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 52px 0 80px; }
h1 { margin: 0 0 8px; font-size: 30px; }
h2 { margin: 34px 0 10px; font-size: 20px; }
p, li { line-height: 1.75; }
.date, .note { color: #686879; }
.card { margin-top: 24px; padding: 20px; border-radius: 18px; background: #fff; box-shadow: 0 4px 22px rgb(50 44 80 / 7%); }
a { color: #6554c0; }
@media (prefers-color-scheme: dark) {
  body { background: #151722; color: #f3f1f8; }
  .card { background: #202330; }
  .date, .note { color: #b8b4c6; }
  a { color: #b9a9ff; }
}