.right-column {
  overflow-y: auto;
  scrollbar-width: none;     /* 전체 스크롤바 숨기기 */
  -ms-overflow-style: none;  /* IE, Edge 숨기기 */
}
/* WebKit (Chrome, Safari 등) */
.right-column::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.section3 table {
  width: 100%;
  border-collapse: collapse;
}

.section3 table th,
.section3 table td {
  ;
  text-align: center;
  /* border 등 색상 관련 속성은 color.css에서 지정 */
}

/* 헤더: 타이틀 + 토글 버튼 */
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

/* === 테이블 === */
#theme-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 0.9rem;
}

#theme-table tbody td.rank {
  text-align: center;
  vertical-align: middle;
}

#theme-table tbody td {
  border-left: none;
  border-right: none;
}

#theme-table tbody tr td:nth-child(1) {
  width: 5%;
}

#theme-table tbody tr td:nth-child(2) {
  width: 30%;
}

#theme-table tbody tr td:nth-child(3) {
  width: 15%;
}

#theme-table tbody tr td:nth-child(4) {
  width: 35%;
}

#theme-table tbody td:last-child .top-line,
#theme-table tbody td:last-child .bottom-line {
  justify-content: flex-end;
}

#theme-table tbody td:nth-child(3) .top-line,
#theme-table tbody td:nth-child(3) .bottom-line {
  justify-content: flex-end;
}


#theme-table tbody .rank {
  position: relative;
  padding-right: 8px;   /* 텍스트와 선 사이 간격 */
  margin-right: 8px;    /* 선 뒤에 공간을 조금 띄우고 싶다면 */
}

.theme-name-cell {
  font-size: 1rem;
}

#theme-search {
  width: 90%;  /* 원하는 너비로 조정 */
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
}