.grammar-list {
  flex: 1;
  min-height: 0;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 0.75rem;
  overflow-y: auto;
}

.grammar-list .sc {
  width: calc(50% - 0.375rem);
  min-height: 6rem;
}

.grammar-loading {
  width: 100%;
  text-align: center;
  padding: 1.5rem;
  font-size: 0.8rem;
  color: #8b919a;
}

@media (max-width: 480px) {
  .grammar-list .sc {
    width: 100%;
  }
}