:root { color-scheme: dark; --bg: #14101c; --fg: #ece6f4; --soft: #b8aec8; --accent: #e7c36b; --line: #3a3048 }
* { box-sizing: border-box }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.6 Georgia, 'Times New Roman', serif }
main { max-width: 46rem; margin: 0 auto; padding: 2rem max(16px, env(safe-area-inset-left, 0px)) 4rem }
nav { display: flex; gap: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid var(--line); font-family: system-ui, sans-serif; font-size: .9rem }
nav strong { color: var(--accent); letter-spacing: .08em }
a { color: var(--accent) }
h2 { font-size: 1.9rem; margin: 2.5rem 0 .25rem; color: var(--accent) }
h3 { font-size: 1.15rem; margin: 1.8rem 0 .4rem }
h4 { font-size: 1rem; margin: 1.2rem 0 .3rem; color: var(--soft) }
code { font-family: ui-monospace, Menlo, monospace; font-size: .85em; color: var(--soft) }
ul { padding-left: 1.2rem }
section + section { border-top: 1px solid var(--line); margin-top: 3rem }