/* Dicionário — tela pública (dicionario/publico.php). CSS isolado do admin.css.
   Tokens (--surface-raised, --border, --text-500, --teal-*) vêm do DS. */

/* Índice A–Z: uma letra por botão, com a letra ativa marcada e a inexistente apagada */
.dic-az { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 12px; }
.dic-az a, .dic-az span { min-width: 34px; text-align: center; }
.dic-az span[aria-current] { font-weight: 700; }
.dic-az span.dic-az-vazia { opacity: .35; }

/* Verbete: card com termo, sigla e categoria no topo; relacionados e "onde encontrar" no rodapé */
.dic-lista { margin: 12px 0 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.dic-verbete { padding: 14px 16px; border: 1px solid var(--border, #e2e8f0); border-radius: var(--radius-sm, 8px); background: var(--surface-raised, #fff); min-width: 0; }
.dic-verbete:target { border-color: var(--teal-500, #14b8a6); box-shadow: 0 0 0 3px var(--teal-50, #f0fdfa); }
.dic-termo { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; font-size: 1.05rem; font-weight: 700; overflow-wrap: anywhere; }
.dic-sigla { font-size: .8rem; font-weight: 600; color: var(--teal-700, #0f766e); background: var(--teal-50, #f0fdfa); border-radius: 4px; padding: 2px 6px; }
.dic-def { margin: 6px 0 0; line-height: 1.55; }
.dic-meta { margin: 6px 0 0; font-size: .88rem; color: var(--text-500, #64748b); }
.dic-rodape { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 10px; font-size: .88rem; align-items: center; }
.dic-rel { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.dic-rel a { display: inline-block; padding: 2px 10px; border: 1px solid var(--border, #e2e8f0); border-radius: 999px; color: inherit; text-decoration: none; background: var(--surface, #f8fafc); }
.dic-rel a:hover, .dic-rel a:focus-visible { border-color: var(--teal-500, #14b8a6); background: var(--teal-50, #f0fdfa); }
.dic-onde .bi { margin-right: 4px; color: var(--teal-700, #0f766e); }