/* Abas (Atlassian Tabs) como navegação entre páginas: a aba atual tem aria-current="page". */

.ds-abas { display: flex; flex-wrap: wrap; gap: var(--espaco-100); border-bottom: var(--borda-largura-foco) solid var(--cor-borda); margin-bottom: var(--espaco-200); }
.ds-abas__aba {
  padding: var(--espaco-050) var(--espaco-100);
  margin-bottom: calc(-1 * var(--borda-largura-foco));
  border-bottom: var(--borda-largura-foco) solid transparent;
  color: var(--cor-texto-suave);
  font-weight: var(--peso-medio);
  text-decoration: none;
}
.ds-abas__aba:hover { color: var(--cor-texto); border-bottom-color: var(--cor-borda-forte); }
.ds-abas__aba[aria-current="page"] { color: var(--cor-selecionado-texto); border-bottom-color: var(--cor-selecionado-texto); }