/* Página do glossário. */

.gl-pagina{padding-top:40px; padding-bottom:60px; min-height:70vh;}
.gl-intro{margin:0; font-size:14px;}
.gl-busca{margin:0 0 12px; cursor:text;}

.gl-chips{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px;}
.gl-chip{
  font-size:12.5px; padding:7px 14px; border-radius:6px; background:transparent;
  border:1px solid var(--border); color:var(--muted);
}
.gl-chip:hover{border-color:var(--green); color:var(--white);}
.gl-chip.active{background:var(--green-dark); border-color:var(--green-dark); color:var(--green-text);}

.gl-letras{display:flex; flex-wrap:wrap; gap:4px; margin-bottom:12px;}
.gl-letras a,.gl-letras span{
  width:30px; height:30px; display:flex; align-items:center; justify-content:center;
  border-radius:6px; font-family:var(--font-mono); font-size:12.5px;
}
.gl-letras a{color:var(--green-text); border:1px solid var(--border); background:var(--card);}
.gl-letras a:hover{border-color:var(--green);}
.gl-letras span{color:var(--border-strong); border:1px solid transparent;}
.gl-contagem{font-size:12px; color:var(--faint); margin-bottom:8px;}

.gl-grupo{margin-top:22px;}
.gl-grupo h2{
  font-size:20px; color:var(--green-text); padding-bottom:6px; margin-bottom:12px;
  border-bottom:1px solid var(--border); scroll-margin-top:84px;
}
.gl-itens{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start;}
.gl-verbete{
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
  padding:15px 17px; scroll-margin-top:84px;
}
.gl-verbete.destaque{border-color:var(--green); box-shadow:0 0 0 1px var(--green);}
.gl-topo{display:flex; align-items:center; flex-wrap:wrap; gap:6px 8px; margin-bottom:6px;}
.gl-topo h3{font-size:15.5px; margin:0;}
.gl-tag{padding:1px 7px; border-radius:4px; font-size:11px; background:var(--green-dark); color:var(--green-text);}
.gl-ancora{margin-left:auto; color:var(--faint); font-size:15px; line-height:1;}
.gl-ancora:hover{color:var(--green-text);}
.gl-verbete p{font-size:13.5px; line-height:1.55; margin:0;}

.gl-ver{display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin-top:10px; font-size:12.5px;}
.gl-ver span{color:var(--faint);}
.gl-ver a{color:var(--white); text-decoration:underline; text-decoration-color:var(--border-strong); text-underline-offset:3px;}
.gl-ver a:hover{color:var(--green-text); text-decoration-color:var(--green);}
.gl-links{display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:8px;}
.gl-link{display:inline-flex; align-items:center; gap:4px; font-size:12.5px; color:var(--green-text);}
.gl-link:hover{text-decoration:underline;}

.gl-vazio{
  text-align:center; padding:50px 20px; margin-top:12px; background:var(--card);
  border:1px dashed var(--border-strong); border-radius:var(--radius);
}
.gl-vazio > i{font-size:34px; color:var(--faint);}
.gl-vazio h3{font-size:17px; margin:10px 0 4px;}
.gl-vazio p{font-size:13.5px; margin:0;}
.gl-aviso{margin:24px 0 0; font-size:12.5px; color:var(--faint);}

@media (max-width:760px){
  .gl-pagina{padding-top:24px;}
  .gl-itens{grid-template-columns:minmax(0,1fr);}
}