:root{--bg:#F6FAF7;--surface:#fff;--ink:#1E2B26;--ink-2:#4F5F58;--line:#DCE7E0;--brand:#4E7263;--amber:#8A6D3B;--amber-soft:#F6EEDC}
@media (prefers-color-scheme:dark){:root{--bg:#121816;--surface:#1A221F;--ink:#E8EFEA;--ink-2:#A9B8B0;--line:#2C3833;--brand:#8FB7A5;--amber:#E2C48A;--amber-soft:#2E2819}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Figtree,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
h1{font-size:32px;line-height:1.2;margin:8px 0 4px}
h2{font-size:20px;margin:36px 0 8px;scroll-margin-top:16px}
p,li{color:var(--ink-2)}
b{color:var(--ink)}
a{color:var(--brand)}
.voltar{display:inline-block;margin-bottom:16px;text-decoration:none;font-weight:600}
.versao{font-size:14px;margin-top:0}
.aviso{background:var(--amber-soft);color:var(--amber);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600}
.destaque{background:var(--surface);border:1px solid var(--line);border-left:4px solid #B5523B;border-radius:10px;padding:14px 16px}
.indice{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0;font-size:14px}
.indice a{text-decoration:none}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:block;overflow-x:auto}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--ink);background:var(--bg)}
td{color:var(--ink-2)}