/* experiences-layout.css */
.experiences-container {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

.left-column {
  margin-left: 30px;
  flex: 4;
}

.right-column {
  flex: 1;
  box-sizing: border-box;
}

/* Optional mobile responsiveness */
@media screen and (max-width: 768px) {
  .experiences-container {
    flex-direction: column;
  }
  .left-column {
  margin-left: 0px;
  }
  .right-column {
    position: sticky;
    top: 0;
    z-index: 10; /* ensures it stays above other content */
    background: #fff; /* optional: prevent overlapping text visibility */
    order: -1; /* moves profile above the left column */
    margin-bottom: 20px; /* space before work list */
  }
}