/* ============================================================
   01. Project Document · Custom Styles
   ============================================================ */

/* 페이지별 카피 박스 - 프로젝트 문서 특유 */
.page-copy-card {
  background: var(--bg-warm-cream);
  border-left: 3px solid var(--mirajet-purple);
  padding: var(--space-5) var(--space-6);
  margin: var(--space-5) 0;
  border-radius: var(--radius-sm);
}
.page-copy-card-header {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-2);
  border-bottom: 1px dashed var(--gray-300);
}
.page-copy-card-no {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--mirajet-purple);
  font-weight: 700;
  letter-spacing: var(--tracking-wider);
}
.page-copy-card-title {
  font-size: var(--text-md);
  font-weight: 700;
  color: var(--ink);
}

/* 의사결정 로그 박스 */
.decision-log {
  margin: var(--space-4) 0;
  padding: var(--space-4);
  background: var(--gray-50);
  border-left: 3px solid var(--mirajet-gold);
  border-radius: var(--radius-sm);
}
.decision-log-date {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  color: var(--gray-500);
  letter-spacing: var(--tracking-wider);
}
.decision-log-title {
  font-weight: 700;
  color: var(--ink);
  margin: var(--space-1) 0 var(--space-2);
}

/* Pending 항목 태그 */
.tag-pending {
  display: inline-block;
  padding: 2px 8px;
  background: #fef3c7;
  color: #92400e;
  font-family: var(--font-mono);
  font-size: var(--text-xxs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  border-radius: var(--radius-sm);
  font-weight: 600;
  margin-right: var(--space-2);
}
.tag-confirmed {
  display: inline-block;
  padding: 2px 8px;
  background: #dcfce7;
  color: #166534;
  font-family: var(--font-mono);
  font-size: var(--text-xxs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  border-radius: var(--radius-sm);
  font-weight: 600;
  margin-right: var(--space-2);
}

/* 지류 카테고리 스와치 표 */
.paper-matrix {
  margin: var(--space-6) 0;
}
.paper-matrix .star { color: var(--mirajet-gold); letter-spacing: 1px; }

/* 4장 페이지 점프 네비게이션 */
.page-jump {
  position: sticky;
  top: 56px; /* doc-nav 높이 보정 */
  background: var(--paper);
  border: var(--border-thin);
  border-radius: var(--radius-md);
  padding: var(--space-3) var(--space-4);
  margin: var(--space-6) 0 var(--space-8);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  align-items: center;
  box-shadow: var(--shadow-sm);
  z-index: 20;
}
.page-jump-label {
  font-family: var(--font-mono);
  font-size: var(--text-xxs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--gray-500);
  font-weight: 700;
  margin-right: var(--space-2);
}
.page-jump a {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  background: var(--gray-50);
  color: var(--ink);
  border: 1px solid transparent;
  border-bottom: none;
  font-weight: 500;
  transition: all 0.15s;
}
.page-jump a:hover {
  background: var(--mirajet-purple);
  color: #fff;
  border-color: var(--mirajet-purple);
}

/* 각 페이지 카드 헤더 스타일 개선 */
.page-copy-card {
  scroll-margin-top: 80px; /* 점프 시 상단 네비 가림 방지 */
}
.page-copy-card h3 {
  font-size: var(--text-sm);
  color: var(--mirajet-purple-deep);
  margin: var(--space-4) 0 var(--space-2);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--tracking-wider);
}
.page-copy-card table.compact {
  background: var(--paper);
  border: var(--border-thin);
  margin: var(--space-2) 0 var(--space-3);
}
.page-copy-card table.compact th {
  background: var(--bg-warm-cream);
  font-weight: 600;
  color: var(--ink);
}