.story-list-container {
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.story-title {
  color: #007BFF !important; /* Purple color */
}

.story-item {
  padding: 20px 0;
  border-bottom: 1px solid #E9ECEF;
}

.story-item:last-child {
  border-bottom: none;
}

.story-item h3 {
  margin-bottom: 10px;
}

.story-item h3 a {
  color: #212529;
  text-decoration: none;
  transition: color 0.2s ease;
}

.story-item h3 a:hover {
  color: #007BFF;
}

.story-item p {
  color: #6c757d;
}

.sort-container {
    text-align: right;
    margin-bottom: 20px;
}

#sort-stories {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ced4da;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    color: #495057;
}