:root { color-scheme: dark; }
body {
  margin: 0;
  background: #11100e;
  color: #f5ead9;
  font-family: Inter, ui-rounded, "Segoe UI", sans-serif;
  line-height: 1.6;
}
main {
  max-width: 640px;
  margin: 0 auto;
  padding: calc(24px + env(safe-area-inset-top, 0px)) 20px calc(48px + env(safe-area-inset-bottom, 0px));
}
h1 { margin: 12px 0 4px; font-size: 26px; }
h2 { margin: 28px 0 6px; font-size: 17px; }
p, li { color: rgba(245, 234, 217, .82); font-size: 15px; }
ul { padding-left: 20px; }
a { color: #f2a474; }
.when { margin-top: 0; color: rgba(245, 234, 217, .5); font-size: 13px; }