:root{--fundo:#f6f8fa;--texto:#1c2733;--suave:#5b6875;--borda:#dde3e9;--marca:#16324f;--link:#1f5fa8}
@media (prefers-color-scheme: dark){:root{--fundo:#11161c;--texto:#e6edf3;--suave:#9aa7b4;--borda:#2b3540;--marca:#9cc7f0;--link:#8ab8ef}}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--texto);font:16px/1.6 system-ui,"Segoe UI",Roboto,Arial,sans-serif}
main{max-width:760px;margin:0 auto;padding:40px 16px 64px}
h1{color:var(--marca);font-size:28px;margin:0 0 4px}
h2{font-size:19px;margin:28px 0 8px}
.sub{color:var(--suave);margin:0 0 24px}
a{color:var(--link)}
code{background:var(--borda);padding:1px 5px;border-radius:4px;font-size:14px}