:root { color-scheme: light; }
* { box-sizing: border-box; margin: 0; }
body {
  background: #F3F3F5;
  color: #1A1C1F;
  font: 17px/1.55 -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
header, main, footer { max-width: 680px; margin: 0 auto; padding: 0 24px; }
header { padding-top: 24px; }
header a { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; color: inherit; text-decoration: none; }
header img { border-radius: 8px; }
main { padding-top: 40px; padding-bottom: 48px; }
h1 { font-size: 34px; line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; }
.updated { margin-top: 6px; color: rgba(26, 28, 31, 0.5); font-size: 15px; }
h2 { margin-top: 40px; font-size: 22px; line-height: 1.25; letter-spacing: -0.01em; }
p, ul, ol { margin-top: 12px; }
ul, ol { padding-left: 22px; }
li + li { margin-top: 6px; }
a { color: inherit; text-underline-offset: 2px; }
footer { padding-bottom: 32px; font-size: 13px; color: rgba(26, 28, 31, 0.5); }
footer a { text-decoration: none; }
footer a:hover { text-decoration: underline; }