.sue-events {
  background: #e2e2e2;
  border-radius: 12px;
  width: 100%;
  /*box-sizing: border-box;*/
  color: #fff;
  font-family: sans-serif;
  /*display: inline-block;*/
  display: flex;
  flex-direction: column;      /* stack each card vertically */
  align-items: center;         /* center them left‑to‑right */
  justify-content: flex-start; /* push everything to the top */
  
  /* remove any built‑in spacing above your cards */
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.sue-events .sue-item > .sue-list {
  display: block;
  text-align: left;         /* keep the text flush left inside each card */
}


/* top "X" icon */
.sue-header {
  text-align: center;
  font-size: 24px;
  margin-bottom: 8px;
}

/* list reset */
.sue-list {
  list-style: none;
  margin: 0;
  padding-right: 20px !important;
}

/* each item */
.sue-item {
  background: #333;
  border: 1px solid #444;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;              /* full width of the parent flex line */
  max-width: 300px;         /* cap it so it doesn’t stretch too wide */
  margin-bottom: 16px;      /* gutter between cards */
  box-sizing: border-box; 
}

/* title */
.sue-item .sue-title {
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 4px;
}

/* description */
.sue-item .sue-desc {
  color: #ccc;
  font-size: 12px;
  line-height: 1.3;
}