.c-how-to__subjects {
  display: grid;
  grid-column-gap: 1.3rem;
  column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  row-gap: 1.3rem;
}
@media (min-width: 768px) {
  .c-how-to__subjects {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2rem;
    row-gap: 2rem;
  }
  [dir] .c-how-to__subjects {
    margin-bottom: 5.5rem;
  }
}
@media (min-width: 1280px) {
  .c-how-to__subjects {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3rem;
    row-gap: 3rem;
  }
}

.c-how-to__separator {
  height: 0.1rem;
}

[dir] .c-how-to__separator {
  background-color: #F5F5F5;
  margin-bottom: 4rem;
}

.c-how-to__see-also {
  display: grid;
  grid-column-gap: 1.3rem;
  column-gap: 1.3rem;
  grid-row-gap: 1.3rem;
  row-gap: 1.3rem;
}

[dir] .c-how-to__see-also {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .c-how-to__see-also {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 2rem;
    row-gap: 2rem;
  }
  [dir] .c-how-to__see-also {
    margin-bottom: 6rem;
  }
}