* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #2d2d2d; background: #f7f8fa; }
.container { max-width: 720px; margin: 0 auto; padding: 0 20px; }
header { background: #1f2937; color: #fff; padding: 40px 0 32px; }
header h1 { font-size: 2.4rem; font-weight: 700; }
header .dot { color: #f59e0b; }
.tagline { color: #9ca3af; margin-top: 6px; }
main { padding: 32px 0 48px; }
.card { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 24px; margin-bottom: 20px; }
.card h2 { font-size: 1.15rem; margin-bottom: 10px; color: #111827; }
.card ul { padding-left: 20px; }
.card li { margin-bottom: 6px; }
code { background: #f3f4f6; padding: 2px 6px; border-radius: 4px; font-size: 0.9em; }
a { color: #2563eb; text-decoration: none; }
a:hover { text-decoration: underline; }
footer { border-top: 1px solid #e5e7eb; padding: 20px 0; color: #6b7280; font-size: 0.9rem; }