.member-layout {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
  align-items: flex-start;
}

.member-sidebar {
  flex: 0 0 220px;
  min-width: 220px;
}

.member-content {
  flex: 1;
  min-width: 0;
}

/* Responsive layout for mobile */
@media (max-width: 800px) {
  .member-layout {
    flex-direction: column;
  }
  .member-sidebar {
    flex: 0 0 auto;
    min-width: auto;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}

/*# sourceMappingURL=member.css.map */