:root {
  color-scheme: dark light;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  background: #0B0E14;
  color: #E5E7EB;
  line-height: 1.7;
}

main { max-width: 900px; margin: 0 auto; padding: 2rem 1rem; }

h1, h2, h3 { color: #fff; line-height: 1.2; margin: 1rem 0 .5rem; }

a { color: #E5E7EB; text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: #F59E0B; }
a:visited { color: #CBD5E1; }

code { background: #111827; padding: .1rem .25rem; border-radius: .25rem; }
pre { background: rgba(0,0,0,0.2); padding: 1rem; border-radius: 8px; overflow-x: auto; }

hr { border: 0; border-top: 1px solid rgba(255,255,255,0.1); margin: 2rem 0; }