:root { color-scheme: light dark; --fundo:#fff; --texto:#1c1b1f; --suave:#555; --linha:#d9d9de; --perigo:#b3261e; --faixa:#f4f4f6; }
@media (prefers-color-scheme: dark) { :root { --fundo:#141416; --texto:#ececf0; --suave:#a8a8b0; --linha:#34343a; --perigo:#f2b8b5; --faixa:#1d1d21; } }
body { margin:0; background:var(--fundo); color:var(--texto); font:16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width:46rem; margin:0 auto; padding:2rem 1rem 3rem; }
h1 { font-size:1.6rem; line-height:1.25; margin:0 0 .5rem; }
h2 { font-size:1.15rem; margin:2rem 0 .5rem; }
p, li { max-width:65ch; }
.suave { color:var(--suave); font-size:.92rem; }
.caixa { border:1px solid var(--linha); border-radius:10px; padding:1rem 1.1rem; margin:1rem 0; }
.caixa strong.perigo { color:var(--perigo); }
a { color:inherit; }
table { border-collapse:collapse; width:100%; margin:1rem 0; font-size:.95rem; }
th, td { border:1px solid var(--linha); padding:.5rem .6rem; text-align:left; vertical-align:top; }
th { background:var(--faixa); }
.tabela { overflow-x:auto; }
nav.rodape { margin-top:2.5rem; padding-top:1rem; border-top:1px solid var(--linha); }