:root { color-scheme: light dark; --fg: #1d2530; --bg: #ffffff; --muted: #5b6573; --accent: #0a6fb8; --line: #d5dae1; }
@media (prefers-color-scheme: dark) { :root { --fg: #e6eaf0; --bg: #14181e; --muted: #9aa5b3; --accent: #5db3ee; --line: #2c333d; } }
body { font-family: system-ui, sans-serif; color: var(--fg); background: var(--bg); max-width: 760px; margin: 0 auto; padding: 1rem 1rem 3rem; line-height: 1.55; }
nav { display: flex; flex-wrap: wrap; gap: .4rem 1rem; padding: .6rem 0 1rem; border-bottom: 1px solid var(--line); margin-bottom: 1rem; font-size: .95rem; }
a { color: var(--accent); }
h1 { font-size: 1.6rem; } h2 { font-size: 1.2rem; margin-top: 1.8rem; }
code, pre { background: color-mix(in srgb, var(--fg) 8%, transparent); border-radius: 4px; }
code { padding: .1em .35em; } pre { padding: .7rem; overflow-x: auto; }
table { border-collapse: collapse; width: 100%; } th, td { border-bottom: 1px solid var(--line); padding: .45rem .5rem; text-align: left; vertical-align: top; }
.note { border-left: 4px solid var(--accent); padding: .2rem .8rem; color: var(--muted); }