.ckeditor-accordion-container > dl dt > a,
.ckeditor-accordion-container > dl dt > a:not(.button) {
  display: block;
  padding: 10px 15px 10px 50px;
  background-color: #0a3d5c; /* base background */
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  border-bottom: 1px solid #14628c; /* complementary darker border */
}

.ckeditor-accordion-container > dl dt > a:focus,
.ckeditor-accordion-container > dl dt > a:not(.button):focus {
  outline-color: #1e90ff; /* visible and accessible focus indicator */
}

.ckeditor-accordion-container > dl dt > a:hover,
.ckeditor-accordion-container > dl dt > a:not(.button):hover {
  background-color: #106497; /* updated hover state */
  box-shadow: none;
  color: #fff;
  text-decoration: none;
}

.ckeditor-accordion-container > dl dt.active > a {
  background-color: #1681b5; /* highlighted active state */
}