body {
  display: flex;
  background: white;
  min-height: 100vh; /* 💡 body가 최소한 화면 전체 높이를 가지도록 설정 */
  margin: 0;
}

/* 사이드바 */
.sidebar {
  flex: 0 0 30%;
  min-width: 160px;
  max-width: 260px;
  
  /* 💡 기존 height: 100vh; 에서 변경 */
  min-height: 100vh; /* 콘텐츠가 길어져도 사이드바가 바닥까지 내려가도록 */
  
  background: #111;
  color: white;
  padding: 30px 20px;
  position: sticky;
  top: 0;
  align-self: flex-start; /* 💡 사이드바 자체는 상단에 고정 */
}

/* 프로필 */
.profile {
  text-align: center;
  margin-bottom: 40px;
}

.profile p {
  font-size: 12px;
  color: #aaa;
}

/* 메뉴 */
.menu li {
  list-style: none;
  margin: 15px 0;
}

.menu a {
  color: white;
  display: block;
  text-decoration: none;
  transition: 0.3s;
}

.menu a:hover,
.menu a.active {
  color: gold;
}

/* 콘텐츠 영역 */
.content {
  flex: 1;
  padding: 0;
  margin: 0;
  width: 100%;
}