.documents-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  margin-bottom: var(--space-6);
}

.documents-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--layout-grid-min), 1fr));
  gap: var(--space-5);
}

.documents-summary {
  margin-bottom: var(--space-6);
}

@media (max-width: 52rem) {
  .documents-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .documents-grid {
    grid-template-columns: var(--grid-one);
  }
}