:root {
  --zc-accent: #111827; /* near-black for chic vibe */
  --zc-soft: #f3f4f6;   /* soft gray */
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  letter-spacing: 0.1px;
  background: #fff;
  color: #111;
}

.navbar-brand { font-weight: 800; letter-spacing: 0.3px; }

.hero {
  background: linear-gradient(180deg, #ffffff 0%, var(--zc-soft) 100%);
  border-bottom: 1px solid #e5e7eb;
}

.chip {
  display: inline-flex;
  align-items: center;
  padding: .25rem .5rem;
  border-radius: 999px;
  background: #eef2ff;
  font-size: .825rem;
  font-weight: 600;
}

/* 헤더 고정 */
.table thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}

/* ✅ 테이블 셀 좌우 여백 균형 */
.table td, .table th {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* ✅ 순위 열 */
.rank-col {
  width: 60px;
  text-align: center;
  font-weight: 600;
  white-space: nowrap;
}

/* ✅ 종목코드 스타일(줄바꿈 방지) */
.code-chip {
  display: inline-block;
  padding: .35rem .5rem;
  border-radius: .5rem;
  background: #f5f6f8;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-weight: 600;
  letter-spacing: .3px;
  white-space: nowrap;
}

/* ✅ 열 폭 보정: 6=AI 점수, 7=매수 판단 */
th:nth-child(6), td:nth-child(6) { min-width: 160px; } /* 배지+프로그레스 바 공간 */
th:nth-child(7), td:nth-child(7) { 
  min-width: 110px;
  text-align: center;            /* 매수우세/중립관망/보수적 */
}

.summary { white-space: pre-wrap; line-height: 1.5; }

.score-badge { font-weight: 700; }

.progress { height: 6px; }

.card-soft {
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
}

.footer-note { color: #6b7280; font-size: .9rem; }

@media (max-width: 992px) {
  .col-summary { min-width: 320px; }
  .table-responsive { border-radius: 1rem; }
}