* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif; background-color: #f5f5f0; color: #1a1a1a; line-height: 1.8; padding: 48px 24px; }
.container { max-width: 680px; margin: 0 auto; }
h1 { font-size: 28px; font-weight: 700; margin-bottom: 8px; letter-spacing: -0.5px; }
.app-name { font-size: 14px; color: #888; margin-bottom: 48px; }
h2 { font-size: 16px; font-weight: 700; margin-top: 40px; margin-bottom: 12px; }
h3 { font-size: 15px; font-weight: 700; margin-top: 24px; margin-bottom: 8px; }
p, li { font-size: 15px; color: #333; margin-bottom: 12px; }
ul { padding-left: 1.4em; margin-bottom: 12px; }
a { color: #1a1a1a; text-decoration: underline; }
nav { font-size: 14px; margin-bottom: 40px; }
nav a { margin-right: 16px; }
.lang { font-size: 13px; color: #888; margin-bottom: 24px; }
.updated { font-size: 13px; color: #aaa; margin-top: 64px; }
hr { border: none; border-top: 1px solid #e0e0d8; margin: 48px 0; }
.logo { width: 96px; height: 96px; border-radius: 20px; margin-bottom: 24px; display: block; }