:root{
  --fundo:#FBF8EE; --fundo2:#F3EEDC; --cartao:#FFFFFF; --linha:#E4E0D6; --linha2:#EEEAE1;
  --tinta:#16211E; --tinta2:#4A5652; --tinta3:#7C8783;
  --acento:#2F6B45; --acento-f:#E4EFE2; --urucum:#C8582A; --urucum-f:#FBEDE5;
  --bom:#1F7A4D; --medio:#B7791F; --ruim:#B23A2E;
  --sobre-acento:#FFFFFF; --cod-fundo:#13201C; --cod-tinta:#E6EDE9; --cod-topo:#1B2B26;
  --sombra:0 1px 2px rgba(22,33,30,.06),0 8px 24px rgba(22,33,30,.06);
  --raio:10px; --fonte:"Instrument Sans",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){
  --fundo:#0E1513; --fundo2:#131C19; --cartao:#151F1C; --linha:#24312D; --linha2:#1C2724;
  --tinta:#E7EEEA; --tinta2:#A9B6B1; --tinta3:#76847F;
  --acento:#4FBFA8; --acento-f:#123A33; --urucum:#EE8A55; --urucum-f:#3A2219;
  --bom:#4CC38A; --medio:#E3B04B; --ruim:#E36B5E; --sobre-acento:#0B1412; --cod-fundo:#0A100E; --cod-topo:#111a17;
  --sombra:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);}}
:root[data-tema="escuro"]{
  --fundo:#0E1513; --fundo2:#131C19; --cartao:#151F1C; --linha:#24312D; --linha2:#1C2724;
  --tinta:#E7EEEA; --tinta2:#A9B6B1; --tinta3:#76847F;
  --acento:#4FBFA8; --acento-f:#123A33; --urucum:#EE8A55; --urucum-f:#3A2219;
  --bom:#4CC38A; --medio:#E3B04B; --ruim:#E36B5E; --sobre-acento:#0B1412; --cod-fundo:#0A100E; --cod-topo:#111a17;
  --sombra:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);}
*{box-sizing:border-box}
html{scroll-padding-top:84px}
body{margin:0;background:var(--fundo);color:var(--tinta);font:16px/1.65 var(--fonte);-webkit-font-smoothing:antialiased}
a{color:var(--acento);text-decoration:none}
a:hover{text-decoration:underline}
code{font:13.5px var(--mono);background:var(--fundo2);border:1px solid var(--linha2);padding:1px 5px;border-radius:5px}
/* topo */
.topo{position:sticky;top:0;z-index:10;height:64px;display:flex;align-items:center;gap:20px;padding:0 24px;background:color-mix(in srgb,var(--fundo) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.marca{display:flex;align-items:center;gap:10px;color:var(--tinta);font-weight:700;font-size:18px;letter-spacing:-.01em}
.marca:hover{text-decoration:none}
.marca img{width:28px;height:28px}
.marca em{font-style:normal;font-weight:500;color:var(--tinta3);font-size:15px}
.buscar{flex:0 1 340px;margin-left:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;height:38px;padding:0 10px 0 14px;border:1px solid var(--linha);border-radius:9px;background:var(--cartao);color:var(--tinta3);font:14px var(--fonte);cursor:pointer}
kbd{font:11px var(--mono);border:1px solid var(--linha);border-radius:5px;padding:2px 6px;color:var(--tinta3)}
.topo-links{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:14.5px}
.topo-links a{color:var(--tinta2);font-weight:500}
.topo-links a.on{color:var(--tinta)}
#tema{border:1px solid var(--linha);background:var(--cartao);color:var(--tinta2);width:34px;height:34px;border-radius:8px;cursor:pointer;font-size:15px}
/* corpo */
.corpo{display:grid;grid-template-columns:264px minmax(0,1fr) 220px;max-width:1360px;margin:0 auto}
.lado{scrollbar-width:thin;scrollbar-color:var(--linha) transparent;position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto;padding:28px 18px 40px 24px;border-right:1px solid var(--linha2)}
.nav-g{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta3);margin:22px 0 6px 10px}
.nav-g:first-child{margin-top:0}
.nav-i{display:block;padding:6px 10px;border-radius:7px;color:var(--tinta2);font-size:14.5px}
.nav-i:hover{background:var(--fundo2);text-decoration:none;color:var(--tinta)}
.nav-i.on{background:var(--acento-f);color:var(--acento);font-weight:600}
.conteudo{padding:40px 56px 80px;max-width:860px;width:100%}
.grupo{font-size:13px;font-weight:600;color:var(--acento);margin-bottom:6px}
h1{font-size:36px;line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
.resumo{font-size:18px;color:var(--tinta2);margin:0 0 32px}
h2{font-size:23px;letter-spacing:-.01em;margin:44px 0 12px;padding-top:4px}
h3{font-size:18px;margin:30px 0 8px}
p,li{color:var(--tinta)}
ul,ol{padding-left:22px}
li{margin:4px 0}
.indice{position:sticky;top:64px;height:calc(100vh - 64px);padding:40px 20px;font-size:13.5px}
.indice-t{font-weight:600;color:var(--tinta);margin-bottom:10px}
.indice a{display:block;color:var(--tinta3);padding:4px 0 4px 12px;border-left:1px solid var(--linha)}
.indice a:hover{color:var(--tinta);text-decoration:none}
/* blocos */
.tab{overflow-x:auto;margin:16px 0;border:1px solid var(--linha);border-radius:var(--raio)}
table{border-collapse:collapse;width:100%;font-size:14.5px}
th{text-align:left;background:var(--fundo2);font-weight:600;color:var(--tinta)}
th,td{padding:10px 14px;border-bottom:1px solid var(--linha2);vertical-align:top}
tr:last-child td{border-bottom:0}
.aviso{margin:18px 0;padding:14px 16px 14px 44px;border-radius:var(--raio);font-size:15px;position:relative;border:1px solid}
.aviso::before{position:absolute;left:16px;top:13px;font-weight:700}
.aviso.nota{background:var(--acento-f);border-color:color-mix(in srgb,var(--acento) 25%,transparent)}
.aviso.nota::before{content:"i";width:18px;height:18px;border-radius:50%;background:var(--acento);color:var(--fundo);font-size:12px;display:grid;place-items:center}
.aviso.atencao{background:var(--urucum-f);border-color:color-mix(in srgb,var(--urucum) 30%,transparent)}
.aviso.atencao::before{content:"!";width:18px;height:18px;border-radius:50%;background:var(--urucum);color:var(--fundo);font-size:12px;display:grid;place-items:center}
pre.cod{margin:16px 0;background:var(--cod-fundo);color:var(--cod-tinta);border-radius:var(--raio);padding:16px 18px;overflow-x:auto;font:13px/1.6 var(--mono)}
pre.cod code{background:none;border:0;padding:0;color:inherit;font:inherit}
.abas{margin:16px 0;border-radius:var(--raio);overflow:hidden;background:var(--cod-fundo)}
.abas-topo{display:flex;gap:2px;background:var(--cod-topo);padding:6px 8px 0}
.aba{background:none;border:0;color:#8FA39C;font:13px var(--fonte);padding:7px 12px;border-radius:7px 7px 0 0;cursor:pointer}
.aba.on{background:var(--cod-fundo);color:#E6EDE9}
.copiar{margin-left:auto;background:none;border:0;color:#8FA39C;font:12px var(--fonte);cursor:pointer;padding:0 6px}
.abas pre.cod{display:none;margin:0;border-radius:0}
.abas pre.cod.on{display:block}
.passos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:56px}
.passos a{border:1px solid var(--linha);border-radius:var(--raio);padding:14px 18px;color:var(--tinta);font-weight:600;background:var(--cartao)}
.passos a:hover{border-color:var(--acento);text-decoration:none}
.passos span{display:block;font-size:12.5px;font-weight:500;color:var(--tinta3)}
.passos .prox{text-align:right;grid-column:2}
/* busca */
.busca-fundo{position:fixed;inset:0;background:rgba(10,16,14,.45);display:none;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:50}
.busca-fundo.on{display:flex}
.busca-caixa{width:min(620px,92vw);background:var(--cartao);border-radius:14px;box-shadow:var(--sombra);overflow:hidden;border:1px solid var(--linha)}
#busca-q{width:100%;border:0;border-bottom:1px solid var(--linha);padding:18px 20px;font:17px var(--fonte);background:none;color:var(--tinta);outline:0}
#busca-r a{display:block;padding:12px 20px;color:var(--tinta);border-bottom:1px solid var(--linha2)}
#busca-r a:hover,#busca-r a.on{background:var(--acento-f);text-decoration:none}
#busca-r small{display:block;color:var(--tinta3)}
/* cartões da página inicial */
.cartoes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}
.cartao{display:block;border:1px solid var(--linha);border-radius:12px;padding:18px;background:var(--cartao);color:var(--tinta)}
.cartao:hover{border-color:var(--acento);text-decoration:none;box-shadow:var(--sombra)}
.cartao b{display:block;margin-bottom:4px}
.cartao span{color:var(--tinta2);font-size:14.5px}
@media (max-width:1100px){.corpo{grid-template-columns:240px minmax(0,1fr)}.indice{display:none}}
@media (max-width:760px){.corpo{grid-template-columns:1fr}.lado{display:none}.conteudo{padding:28px 16px 60px}.buscar{display:none}.topo-links{gap:12px;font-size:13.5px}.cartoes{grid-template-columns:1fr}h1{font-size:29px}}

.diag-caixa{margin:20px 0;padding:18px 18px 12px;border:1px solid var(--linha);border-radius:12px;background:var(--cartao);overflow-x:auto}
svg.diag{width:100%;height:auto;min-width:520px;display:block}

h1,h2,.marca span{font-family:'Fraunces',Georgia,serif;font-variation-settings:'SOFT' 100;letter-spacing:-.015em}