/* Corumba — base de conhecimento (/conhecimento/), 05/11/2026. Texto longo em coluna de leitura, no visual do site.
   Rodada de temas (UX): coluna lateral com busca e árvore (1.024 px ou mais); abaixo disso, busca no topo e folha de temas. */
.kb-layout{padding-top:32px;padding-bottom:72px}
@media(min-width:1024px){.kb-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:start;padding-top:48px}}
.kb-doc{max-width:820px;min-width:0}
.kb-trilha{font-size:14px;color:var(--muted);margin:0 0 18px}
.kb-trilha a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding-block:4px}
.kb-doc h1{margin:4px 0 6px;font-family:'Ubuntu',sans-serif;font-size:clamp(28px,3.4vw,40px);line-height:1.15;color:var(--ink)}
.kb-doc h2{margin:36px 0 10px;font-family:'Ubuntu',sans-serif;font-size:21px;line-height:1.3;color:var(--ink)}
.kb-doc p,.kb-doc li,.kb-doc dd{font-size:16px;line-height:1.65;color:var(--fg)}
.kb-doc ul,.kb-doc ol{padding-left:22px}
.kb-doc li+li{margin-top:6px}
.kb-doc a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
/* UX, 05/11: linha de leitura de até 68 caracteres (quadros e listas de fontes ficam na coluna) */
.kb-doc > p,.kb-doc > ul > li,.kb-doc > ol > li,.kb-lista dd{max-width:68ch}
.kb-assunto{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600;color:var(--muted)}
.kb-revisao{display:block;margin:0 0 20px;font-size:14px;color:var(--muted)}
.kb-lead{margin:6px 0 20px;font-size:17px;color:var(--muted);max-width:640px}
.kb-lista dt{margin-top:14px;font-weight:700;color:var(--ink)}
.kb-lista dd{margin:2px 0 0}
.kb-atencao{padding:14px 16px;border-left:4px solid #f79009;border-radius:0 10px 10px 0;background:#fffaeb}
.kb-aviso{margin-top:44px;padding:16px;border-top:1px solid var(--line)}
.kb-aviso p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.kb-fontes li{overflow-wrap:anywhere}
.kb-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Ícones (ASSETS): uma cor só, a do site; sempre ao lado do texto */
.kb-ic{flex:0 0 auto;color:var(--accent)}
.kb-ic-18{width:18px;height:18px}.kb-ic-20{width:20px;height:20px}.kb-ic-28{width:28px;height:28px}

/* Cards */
.kb-doc .kb-cards,.kb-doc .kb-resl{list-style:none;margin:0;padding:0;display:grid;gap:14px}
@media(min-width:768px){.kb-doc .kb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kb-doc .kb-cards li,.kb-doc .kb-resl li{margin-top:0;max-width:none}
.kb-card{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none!important;color:var(--ink)!important;transition:border-color .15s}
.kb-card:hover,.kb-card:focus-visible{border-color:var(--accent)}
.kb-etq{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
.kb-card-t{font-family:'Ubuntu',sans-serif;font-size:19px;font-weight:600;line-height:1.3}
.kb-card-d{font-size:15px;color:var(--muted)}
.kb-card .kb-revisao{margin:0;font-size:13px}
.kb-card mark{background:#fff3c4;color:inherit;border-radius:3px;padding:0 1px}

/* Temas no índice */
.kb-tema,.kb-neste{padding:0;border:0;background:none}
.kb-tema{scroll-margin-top:110px}
.kb-tema h2{display:flex;align-items:center;gap:10px;margin:32px 0 14px}
.kb-tema-n{margin-left:auto;font-family:inherit;font-size:14px;font-weight:600;color:var(--muted)}
.kb-filtro{margin:0 0 8px;padding:10px 14px;border-radius:10px;background:var(--soft);font-size:15px}
.kb-conta{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--ink)}
.kb-conta:empty{margin:0}
.kb-nada{font-size:17px;color:var(--ink)}
.kb-limpar{min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--accent);background:#fff;color:var(--accent);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.kb-doc .kb-neste{margin-top:40px;padding-top:8px;border-top:1px solid var(--line)}

/* Coluna lateral: busca e árvore */
.kb-lado{margin-bottom:24px}
@media(min-width:1024px){.kb-lado{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow:auto;margin-bottom:0;padding-right:4px}}
.kb-lado-topo{display:flex;justify-content:space-between;gap:8px}
.kb-lado-topo:has(> :not([hidden])){margin-bottom:10px}
.kb-temas-bt,.kb-fechar{min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.kb-fechar{margin-left:auto}
.kb-busca{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.kb-busca label{font-size:13px;font-weight:600;color:var(--ink)}
.kb-busca input{min-height:48px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font:inherit;font-size:16px;color:var(--ink)}
.kb-busca input:focus{outline:2px solid var(--accent);outline-offset:1px;background:#fff}
.kb-q-dica{font-size:12px;color:var(--muted)}
.kb-arv ul{list-style:none;margin:0;padding:0}
.kb-arv summary{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 8px;border-radius:8px;cursor:pointer;list-style:none;font-weight:600;color:var(--ink)}
.kb-arv summary::-webkit-details-marker{display:none}
.kb-arv summary::before{content:"▸";flex:0 0 12px;color:var(--muted);font-size:12px}
.kb-arv details[open]>summary::before{content:"▾"}
.kb-arv summary:hover{background:var(--soft)}
.kb-arv summary:focus-visible,.kb-arv a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.kb-arv-n{font-weight:400;color:var(--muted)}
.kb-arv-sub summary{padding-left:24px;font-weight:600;font-size:15px}
.kb-arv-art{display:flex;align-items:center;min-height:40px;padding:6px 8px 6px 32px;border-left:3px solid transparent;border-radius:0 8px 8px 0;font-size:15px;line-height:1.35;color:var(--ink);text-decoration:none}
.kb-arv-sub .kb-arv-art{padding-left:48px}
.kb-arv-art:hover{background:var(--soft)}
.kb-arv-art[aria-current="page"]{border-left-color:var(--accent);background:var(--soft);font-weight:600}

/* Abaixo de 1.024 px, com JS: busca no topo e a árvore numa folha de altura total */
.kb-folha:not(.aberta) .kb-arv,.kb-folha:not(.aberta) .kb-fechar{display:none}
.kb-folha.aberta{position:fixed;inset:0;z-index:80;margin:0;padding:16px 20px 32px;background:#fff;overflow:auto}
.kb-folha.aberta .kb-temas-bt{display:none}
html.kb-sem-rolar{overflow:hidden}
/* UX, ajustes de 05/11: siglas com a grafia oficial (sem caixa-alta forçada); dica do teclado só com mouse;
   no celular e no tablet, o botão Temas fica à esquerda da busca, na mesma linha */
@media (hover:none),(pointer:coarse){.kb-q-dica{display:none}}
.kb-busca-linha{display:flex;gap:10px;align-items:stretch}
.kb-busca-linha input{flex:1 1 auto;min-width:0}
.kb-busca-linha .kb-temas-bt{flex:0 0 auto;min-height:48px}