:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #0b0b0f;
  color: #e6e6ea;
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 72px 24px 96px; }
a { color: #4c7dff; text-decoration: none; }
a:hover { text-decoration: underline; }
.back { font-size: 14px; color: #9a9aa6; }
h1 { font-size: 32px; letter-spacing: -0.02em; margin: 28px 0 6px; }
.updated { color: #7a7a86; font-size: 14px; margin: 0 0 40px; }
h2 { font-size: 20px; letter-spacing: -0.01em; margin: 40px 0 10px; }
p, li { color: #c7c7cf; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
strong { color: #e6e6ea; }
.ph { background: rgba(255,196,0,0.14); color: #ffcf66; padding: 0 4px; border-radius: 4px; }
footer { margin-top: 64px; padding-top: 24px; border-top: 1px solid #23232b; color: #6d6d78; font-size: 13px; }
footer a { color: #9a9aa6; }