/* 프로젝트 커스텀 스타일 (인라인 스타일 금지, 이 파일에만 추가) */

body {
  font-family: "Manrope", sans-serif;
}

/* 언어 선택 링크 (한 줄에 4개) */
.locale-links-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  justify-items: center;
  width: 100%;
  max-width: 32rem;
}

/* 점수 링 — conic-gradient 비율은 results 뷰의 nonce style 블록에서 .match-ring-result 로 주입 */
.match-ring {
  background: radial-gradient(closest-side, white 79%, transparent 80% 100%),
              conic-gradient(var(--ring-pct, 0deg), #e6e2db 0);
}

/* AI 검출 박스 (사람·동물) */
.ai-box {
  border: 2px solid #d4880e;
  box-shadow: 0 0 0 4px rgba(212, 136, 14, 0.2);
}
.ai-box--dashed {
  border: 2px dashed #d4880e;
  box-shadow: 0 0 0 4px rgba(212, 136, 14, 0.2);
}

/* 파일 인풋 드래그 앤 드롭 영역 */
.upload-dropzone {
  transition: border-color 0.2s, background-color 0.2s;
}
.upload-dropzone.dragover {
  border-color: #d4880e;
  background-color: rgba(212, 136, 14, 0.05);
}

/* 정보 글 본문 (.article-body) */
.article-body h2 {
  font-size: 1.35rem;
  font-weight: 800;
  color: #181511;
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #e6e2db;
}
.article-body h3 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #181511;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.article-body p {
  margin-bottom: 1rem;
}
.article-body ul,
.article-body ol {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
.article-body ul {
  list-style-type: disc;
}
.article-body ol {
  list-style-type: decimal;
}
.article-body li {
  margin-bottom: 0.35rem;
}
.article-body hr {
  border: none;
  border-top: 1px solid #e6e2db;
  margin: 2rem 0;
}
.article-body blockquote {
  border-left: 4px solid #d4880e;
  padding: 0.75rem 1rem;
  margin: 1.5rem 0;
  background: #faf8f5;
  color: #4a4540;
  font-style: italic;
}
.article-body strong {
  font-weight: 700;
  color: #181511;
}
.article-body a {
  color: #d4880e;
  text-decoration: underline;
}

/* (info-link-emphasis 삭제됨 — Tailwind 유틸리티로 대체) */
