:root { color-scheme: dark; }
body { margin: 0; background: #10201f; color: #e1efea; font: 16px/1.8 system-ui, sans-serif; padding: max(24px, env(safe-area-inset-top)) 24px max(32px, env(safe-area-inset-bottom)); }
main, nav { max-width: 720px; margin: 0 auto; }
nav { display: flex; flex-wrap: wrap; gap: 18px; padding: 18px 0; }
h1 { font-size: 28px; } h2 { font-size: 20px; margin-top: 30px; }
a { color: #a9e2cd; overflow-wrap: anywhere; }
p, li { color: #c0d4cb; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.7 ui-monospace, monospace; }
details { border-top: 1px solid #37534b; padding: 16px 0; }
summary { cursor: pointer; padding: 8px 0; }
:focus-visible { outline: 2px solid #a9e2cd; outline-offset: 4px; }