/* styles.css */
/* Place this file at /styles.css */
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height:1.6; color:#222; }
a { color:#0A66C2; text-decoration:none; }
a:hover { text-decoration:underline; }
header { background:#f8fafc; padding:2rem 1rem; text-align:center; }
main, section, article { max-width: 860px; margin: 0 auto; padding: 1.25rem; }
h1,h2,h3 { margin: 1.25rem 0 .5rem; line-height:1.25; }
.muted { color:#6b7280; }
.tldr { background:#fffbea; border:1px solid #fde68a; padding: .75rem 1rem; border-radius:6px; }
.snippet { background:#111; color:#fff; padding:.75rem 1rem; border-radius:6px; overflow:auto; }
.sources { padding-left: 1.25rem; }
.cta-button { display:inline-block; background:#0A66C2; color:#fff; padding:.75rem 1.25rem; border-radius:6px; font-weight:600; }
.cta-button:hover { background:#094f95; }
footer { background:#f8fafc; padding:1rem; text-align:center; font-size:.9rem; color:#555; }
.code { background:#eef2ff; padding:0 .25rem; border-radius:4px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }