:root { color-scheme: light; }
body { margin: 0; background: #F4EFE6; color: #1B1D21; font: 16px/1.6 system-ui, -apple-system, 'Apple SD Gothic Neo', sans-serif; }
main { max-width: 520px; margin: 0 auto; padding: 48px 16px; }
h1 { margin: 0 0 4px; font-size: 32px; }
.lead { margin: 0 0 28px; color: #5A5F68; }
.button { display: inline-block; padding: 14px 24px; border-radius: 14px; background: #2E3A59; color: #FFFFFF; font-weight: 700; text-decoration: none; }
.button:hover { background: #1B2338; }
ol { margin: 28px 0 16px; padding-left: 20px; }
code { background: #FFFFFF; padding: 1px 6px; border-radius: 6px; }
.small { font-size: 14px; color: #5A5F68; }
a { color: #2E3A59; }

.icon { display: block; width: 96px; height: 96px; margin: 0 0 16px; }