li > h2 ~ h3,
ul > li > h2 + ul > li > h3 {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}

li > h2 + h3 {
  margin-top: 0px;
}

ul > li > h2 + ul {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 2rem;
  margin-bottom: 0em;
}

ul > li > h2 + ul:has(> li > h3) {
  list-style-type: none !important;
  margin-left: 0px;
}

ul > li > h2 ~ ul > li {
  margin-bottom: 0px;
}

ul > li > h2 + ul > li > h3 {
  margin: 0px 0px 0.5rem 0px;
}

@media only screen and (max-width: 512px) {
  ul > li > h2 + ul {
    grid-template-columns: 1fr;
    gap: 0rem;
  }
}