:root { color-scheme: light dark; }
body { font-family: -apple-system, "Segoe UI", Inter, sans-serif; max-width: 720px; margin: 48px auto; padding: 0 20px; line-height: 1.6; color: #1d1f26; background: #fff; }
@media (prefers-color-scheme: dark) { body { color: #e8eaf0; background: #141519; } a { color: #8ab4ff; } code, pre { background: #232630; } }
h1 { font-size: 26px; } h2 { font-size: 18px; margin-top: 28px; }
code, pre { background: #f1f2f5; border-radius: 6px; padding: 2px 6px; font-size: 13px; }
pre { padding: 12px; overflow-x: auto; white-space: pre-wrap; word-break: break-all; }
.muted { opacity: 0.7; font-size: 14px; }
button { font: inherit; padding: 8px 14px; border-radius: 7px; border: 1px solid #888; cursor: pointer; }
footer { margin-top: 48px; font-size: 13px; opacity: 0.7; }