:root {
  --bg: #0b0c0f;
  --fg: #e8e8ea;
  --muted: #a6a7ab;
  --link: #8ab4ff;
  --border: #2a2c33;
  --chip-bg: #1e2129;
  --chip-fg: #c6c7cb;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: var(--bg); color: var(--fg); font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; }

.container { max-width: 1100px; margin: 0 auto; padding: 0 1rem; }

h1, h2, h3 { line-height: 1.2; }
p { line-height: 1.6; }
a { color: var(--link); }
img { max-width: 100%; height: auto; }

/* Basic typography for Markdown content */
.content :where(h2, h3, h4) { margin-top: 1.5rem; }
.content :where(p, ul, ol, pre) { margin: 1rem 0; }
.content pre { background: #121318; padding: .75rem; overflow: auto; border-radius: .5rem; border: 1px solid var(--border); }
.content code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }