.grid-container {
    grid-template-columns: 30% 39.5% 30%;
    width: 75%;
}

/* 좌측 컬럼 */
.left-column {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 가운데 컬럼 */
.middle-column {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 우측 컬럼 */
.right-column {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* 각 컬럼 내부 섹션 */
.left-column .section,
.middle-column .section,
.right-column .section {
    flex: 1;
}

.hot-theme-top3 {
    padding: 10px;
    border-radius: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    font-size: 1.1rem;
}

.hot-theme-container {
    width: 70%;
    margin: 0 auto; /* 가운데 정렬 핵심 */
}

.hot-theme-title {
    font-weight: bold;
    margin-bottom: 8px;
    text-align: center;
}

.hot-theme-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.hot-theme-list li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 1rem;
}

.stock-count {
    font-size: 0.9rem;
}

.top-theme {
    font-size: 1rem;
    justify-content: flex-start;
}

.hot-theme-list li{
  display: flex;
  align-items: center;               /* 세로 가운데 정렬 */
  justify-content: space-between;    /* 좌우 끝으로 분배 */
  padding: 4px 0;
}

.hot-theme-list .top-theme {
  margin: 0 8px;
  text-align: left;                  /* 왼쪽 정렬 */
  overflow: hidden;                  /* 넘치는 텍스트 줄이기 */
  text-overflow: ellipsis;
  white-space: nowrap;
}


.section {
    margin-right: 10px;
    margin-left: 10px;
}