.heading-with-links{
  padding: 80px 0 0 ;
}

.heading-with-links .hwl-inner{
  max-width: 90%;
  margin: 0 auto;
}

/* Title row */
.heading-with-links .hwl-top{
  display: flex;
  align-items: baseline;
  gap: 40px;
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 4px solid #52287e; /* purple rule */
}

.heading-with-links .hwl-heading{
  margin: 0;
  font-weight: 900;
}

.heading-with-links .hwl-subheading{
  margin: 0;
  line-height: 1.35;
  font-weight: 500;
}

/* Buttons row */
.heading-with-links .hwl-links{
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  padding-top: 20px;
}


/* Empty state */
.heading-with-links .hwl-empty{
  margin-top: 16px;
  border: 1px dashed #bbb;
  border-radius: 12px;
  padding: 14px;
  background: #fafafa;
  color: #555;
}

/* Responsive */
@media (max-width: 768px){
  .heading-with-links{
    padding: 40px 0 ;
  }
  .heading-with-links .hwl-top {
    gap: 20px;
  }
  .heading-with-links .dash-ast-custom-button {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .heading-with-links{
    padding: 40px 0;
  }

  /* Remove divider from wrapper */
  .heading-with-links .hwl-top{
    border-bottom: none;
    padding-bottom: 0;
    gap: 5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  /* Add divider directly under heading */
  .heading-with-links .hwl-heading{
    padding-bottom: 12px;
    margin-bottom: 0;
    border-bottom: 4px solid #52287e;
    width: 100%;
  }


  .heading-with-links .dash-ast-custom-button{
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}


/* == Overrides from Additional CSS == */
.heading-with-links { padding: 60px 0 40px !important; }