/**
 * 커뮤니티 · 랭킹 · 분석 등 서브페이지 공통 UI
 */
body.lotto-subpage {
  font-family: var(--lotto-font, "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  background: linear-gradient(180deg, #f0f4fb 0%, #f8fafc 200px, #f8fafc 100%);
  color: var(--lotto-text, #0f1b33);
}

body.lotto-subpage .quick-actions {
  display: none !important;
}

body.lotto-subpage .main-content {
  min-width: 0;
}

/* 서브페이지 Hero (네이비 통일) */
.lotto-sub-hero,
body.lotto-subpage .community-header,
body.lotto-subpage .ranking-header,
body.lotto-subpage .analysis-header {
  background: linear-gradient(135deg, #0f1b33 0%, #1a2d52 55%, #243b6e 100%) !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 28px 24px !important;
  margin: 16px 0 24px !important;
  text-align: left !important;
  box-shadow: 0 8px 32px rgba(15, 27, 51, 0.12);
}

.lotto-sub-hero h1,
body.lotto-subpage .community-header h1,
body.lotto-subpage .ranking-header h1,
body.lotto-subpage .analysis-header h1 {
  color: #fff !important;
  font-size: clamp(1.35rem, 3.5vw, 1.75rem) !important;
  font-weight: 800 !important;
  margin: 0 0 8px !important;
}

.lotto-sub-hero p,
body.lotto-subpage .community-header p,
body.lotto-subpage .ranking-header p,
body.lotto-subpage .analysis-header p {
  color: rgba(255, 255, 255, 0.92) !important;
  margin: 0 !important;
  font-size: 0.95rem !important;
  opacity: 1 !important;
}

body.lotto-subpage .community-header h1 i,
body.lotto-subpage .ranking-header h1 i,
body.lotto-subpage .analysis-header h1 i {
  color: var(--lotto-yellow, #f5c542) !important;
  margin-right: 8px;
}

/* 탭 · 필터 */
body.lotto-subpage .category-tabs,
body.lotto-subpage .sort-tabs,
body.lotto-subpage .ranking-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  justify-content: flex-start !important;
}

body.lotto-subpage .category-tab,
body.lotto-subpage .sort-tab,
body.lotto-subpage .ranking-tab {
  padding: 10px 18px !important;
  border-radius: 999px !important;
  border: 1px solid var(--lotto-border, rgba(15, 27, 51, 0.1)) !important;
  background: #fff !important;
  color: var(--lotto-text-muted, #5a6b85) !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  min-height: 44px;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 1px 4px rgba(15, 27, 51, 0.04);
}

body.lotto-subpage .category-tab:hover,
body.lotto-subpage .sort-tab:hover,
body.lotto-subpage .ranking-tab:hover {
  border-color: var(--lotto-accent, #2563eb) !important;
  color: var(--lotto-accent, #2563eb) !important;
}

body.lotto-subpage .category-tab.active,
body.lotto-subpage .sort-tab.active,
body.lotto-subpage .ranking-tab.active {
  background: var(--lotto-navy, #0f1b33) !important;
  color: #fff !important;
  border-color: var(--lotto-navy, #0f1b33) !important;
}

/* 게시글 카드 */
body.lotto-subpage .post-card,
body.lotto-subpage .post-card-large {
  background: #fff !important;
  border: 1px solid var(--lotto-border, rgba(15, 27, 51, 0.08)) !important;
  border-radius: 18px !important;
  box-shadow: 0 2px 12px rgba(15, 27, 51, 0.06) !important;
  padding: 18px 20px !important;
  margin-bottom: 12px;
  transition: transform 0.15s, box-shadow 0.15s;
}

body.lotto-subpage .post-card:hover,
body.lotto-subpage .post-card-large:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(15, 27, 51, 0.1) !important;
}

body.lotto-subpage .post-title,
body.lotto-subpage .post-title-large {
  color: var(--lotto-text, #0f1b33) !important;
  font-weight: 700 !important;
}

body.lotto-subpage .post-content-preview,
body.lotto-subpage .post-meta,
body.lotto-subpage .post-footer-stats {
  color: var(--lotto-text-muted, #5a6b85) !important;
}

body.lotto-subpage .post-category-badge {
  background: #eef4ff !important;
  color: var(--lotto-accent, #2563eb) !important;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 0.8rem;
  font-weight: 600;
}

/* 랭킹 테이블 */
body.lotto-subpage .ranking-table {
  background: #fff !important;
  border: 1px solid var(--lotto-border, rgba(15, 27, 51, 0.08)) !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(15, 27, 51, 0.06) !important;
}

body.lotto-subpage .ranking-item {
  color: var(--lotto-text, #0f1b33) !important;
  border-bottom-color: var(--lotto-border, rgba(15, 27, 51, 0.08)) !important;
}

body.lotto-subpage .ranking-item:hover {
  background: var(--lotto-surface-2, #f4f7fc) !important;
}

body.lotto-subpage .rank-number.top1 { color: #d4a017 !important; }
body.lotto-subpage .rank-number.top2 { color: #94a3b8 !important; }
body.lotto-subpage .rank-number.top3 { color: #b45309 !important; }

/* 분석 페이지 */
body.lotto-subpage .analysis-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 0 40px;
}

body.lotto-subpage .analysis-section,
body.lotto-subpage .chart-container,
body.lotto-subpage .stats-grid .stat-card {
  background: #fff !important;
  border: 1px solid var(--lotto-border, rgba(15, 27, 51, 0.08)) !important;
  border-radius: 18px !important;
  box-shadow: 0 2px 12px rgba(15, 27, 51, 0.05) !important;
  color: var(--lotto-text, #0f1b33) !important;
}

body.lotto-subpage .section-title,
body.lotto-subpage .analysis-section h2 {
  color: var(--lotto-text, #0f1b33) !important;
}

body.lotto-subpage .refresh-btn {
  background: var(--lotto-accent, #2563eb) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  font-weight: 700;
  margin-bottom: 20px;
  min-height: 44px;
}

body.lotto-subpage .sidebar .widget {
  border-radius: 18px !important;
  border: 1px solid var(--lotto-border, rgba(15, 27, 51, 0.08)) !important;
  box-shadow: 0 2px 12px rgba(15, 27, 51, 0.05) !important;
}

body.lotto-subpage .sidebar .widget-header h3 {
  color: var(--lotto-text, #0f1b33) !important;
}

body.lotto-subpage .view-toggle-wrap {
  color: var(--lotto-text-muted, #5a6b85);
  margin-bottom: 16px;
}

body.lotto-subpage .view-toggle-btn {
  border-radius: 8px;
  min-height: 40px;
}

/* 테이블 보기 */
body.lotto-subpage .posts-table {
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--lotto-border, rgba(15, 27, 51, 0.08));
}

body.lotto-subpage .posts-table th {
  background: var(--lotto-surface-2, #f4f7fc) !important;
  color: var(--lotto-text, #0f1b33) !important;
}

body.lotto-subpage .posts-table td {
  color: var(--lotto-text, #0f1b33) !important;
}

@media (max-width: 768px) {
  body.lotto-subpage .ranking-item {
    grid-template-columns: 48px 1fr !important;
    gap: 10px !important;
    padding: 14px !important;
  }
}