:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.6; }
body { max-width: 46rem; margin: 0 auto; padding: 2rem 1.25rem 3rem; background: #fafafa; color: #202124; }
nav, footer, .meta { font-size: .95rem; color: #595959; }
a { color: #005ac2; text-underline-offset: .15em; }
h1 { line-height: 1.2; font-size: 2rem; }
h2 { line-height: 1.3; margin-top: 2rem; }
li { margin-bottom: .6rem; }
.download { display: inline-block; padding: .65rem 1rem; border-radius: .5rem; background: #005ac2; color: white; text-decoration: none; font-weight: 600; }
.sample { padding: 1rem; border: 1px solid #aaa; border-radius: .5rem; }
code { overflow-wrap: anywhere; }
footer { margin-top: 3rem; border-top: 1px solid #aaa; padding-top: 1rem; }
@media (prefers-color-scheme: dark) { body { background: #191a1c; color: #eee; } nav, footer, .meta { color: #b5b5b5; } a { color: #8bbaff; } .download { background: #005ac2; color: white; } }