/* Style the main list container */
#block-immature-primary-local-tasks ul {
  list-style: none; /* Remove bullet points */
  margin: 0;
  padding: 0;
  display: flex; /* Make the list items horizontal */
  flex-wrap: wrap; /* Allow items to wrap to a new line on small screens */
  gap: 0; /* No gaps between items */
  justify-content: flex-start; /* Align items to the left */
  width: 100%;
  border-bottom: 2px solid rgb(205, 220, 250); /* The new border line below */
}

/* Style the list items */
#block-immature-primary-local-tasks li {
  margin: 0;
  padding: 0;
}

/* Style the links within the list items */
#block-immature-primary-local-tasks li a {
  display: block; /* Make the entire link clickable */
  padding: 0.5rem 1.5rem; /* Shorter vertical padding */
  background-color: #FAFAFA; /* Almost white background */
  color: #0550E6; /* New text color */
  text-decoration: none; /* Remove underline from links */
  border-radius: 10px 10px 0 0; /* Rounded top corners, flat bottom */
  font-size: 0.8rem; /* Updated font size */
  font-weight: 500; /* New font weight */
  transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition on hover */
  white-space: nowrap; /* Prevent text from wrapping inside the link */
  font-family: Ginter, Inter, "Helvetica Neue", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif; /* Set the font family */
}

/* Hover and Active effects */
#block-immature-primary-local-tasks li a:hover,
#block-immature-primary-local-tasks li a:focus,
#block-immature-primary-local-tasks li a.is-active {
  background-color: rgb(205, 220, 250); /* The new hover and active background color */
  color: #000; /* Black text for contrast */
  outline: none; /* Remove outline on focus for accessibility */
}