/* Central de Ajuda (N-SUP-KB). CSS externo: a KB nasce dentro do alvo de
   N-SEC-CSP-HARDENING, então não introduz bloco <style> nem atributo style= novo. */
:root{
  --kb-bg:#0e1116; --kb-surface:#161b22; --kb-border:#30363d;
  --kb-fg:#e6edf3; --kb-muted:#9aa7b2; --kb-link:#58a6ff;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--kb-bg); color:var(--kb-fg);
  font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
a{color:var(--kb-link)}
a:focus-visible,input:focus-visible{outline:2px solid var(--kb-link);outline-offset:2px}

.pular{position:absolute;left:-9999px}
.pular:focus{left:1rem;top:1rem;position:fixed;background:var(--kb-surface);
  padding:.6rem 1rem;border-radius:.5rem;z-index:10}

.topo,.sumario,main,.rodape{max-width:52rem;margin:0 auto;padding:0 1.25rem}
.topo{padding-top:2.5rem}
.marca{margin:0 0 .5rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--kb-muted)}
h1{font-size:1.9rem;margin:0 0 .5rem;line-height:1.2}
.sub{color:var(--kb-muted);margin:0 0 1.5rem}

.busca{background:var(--kb-surface);border:1px solid var(--kb-border);
  border-radius:.75rem;padding:1rem;margin-bottom:2rem}
.busca label{display:block;font-size:.85rem;color:var(--kb-muted);margin-bottom:.4rem}
.busca input{width:100%;padding:.7rem .85rem;border-radius:.5rem;font:inherit;
  background:var(--kb-bg);color:var(--kb-fg);border:1px solid var(--kb-border)}
.resultado{margin:.6rem 0 0;font-size:.85rem;color:var(--kb-muted);min-height:1.2em}

.sumario h2{font-size:1rem;color:var(--kb-muted);text-transform:uppercase;
  letter-spacing:.06em;margin:0 0 .6rem}
.sumario ol{margin:0 0 2.5rem;padding-left:1.2rem;columns:2;column-gap:2rem}
.sumario li{margin-bottom:.35rem;break-inside:avoid}

.artigo{border-top:1px solid var(--kb-border);padding:1.75rem 0}
.artigo h2{font-size:1.25rem;margin:0 0 .75rem;scroll-margin-top:1rem}
.artigo p,.artigo ul,.artigo ol{margin:0 0 .8rem}
.artigo ul,.artigo ol{padding-left:1.3rem}
.artigo li{margin-bottom:.3rem}
kbd{background:var(--kb-surface);border:1px solid var(--kb-border);border-radius:.3rem;
  padding:.05rem .35rem;font-size:.85em}
.artigo[hidden]{display:none}

.rodape{border-top:1px solid var(--kb-border);margin-top:2rem;padding-top:1.5rem;
  padding-bottom:3rem;color:var(--kb-muted);font-size:.9rem}
.rodape a{color:var(--kb-muted)}

@media (max-width:640px){
  .sumario ol{columns:1}
  h1{font-size:1.5rem}
}