@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.css");
@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}

/* 레이아웃 점프 방지: 스크롤바 여백을 항상 확보 */
html { scrollbar-gutter: stable both-edges; }

/* 유틸: 카드 스켈레톤 색상 헬퍼 (타깃 사이트 톤 유사) */
.bg-neutral-100 { background-color: #f5f5f7; }

/* 커스텀 스크롤 구현을 위한 기본 스크롤 숨김 */
.scrollbar-hidden {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.scrollbar-hidden::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* alias: keep scroll but hide scrollbar visuals */
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar { display: none; }

/* 커스텀 가로 스크롤바 - 얇고 예쁜 스타일, 컨텐츠를 밀어내지 않음 */
.scrollbar-thin-x {
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: rgba(92, 92, 92, 0.3) transparent; /* Firefox */
}

.scrollbar-thin-x::-webkit-scrollbar {
  height: 6px; /* Chrome, Safari, Opera */
}

.scrollbar-thin-x::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 10px;
}

.scrollbar-thin-x::-webkit-scrollbar-thumb {
  background: rgba(92, 92, 92, 0.3);
  border-radius: 10px;
  transition: background 0.2s ease;
}

.scrollbar-thin-x::-webkit-scrollbar-thumb:hover {
  background: rgba(92, 92, 92, 0.5);
}

/* 스크롤바가 아래 컨텐츠를 밀어내지 않도록 하는 클래스 */
.scrollbar-overlay {
  margin-bottom: -6px; /* 스크롤바 높이만큼 아래 마진 조정 */
  padding-bottom: 6px; /* 스크롤바 공간 확보 */
}

/* 게시글 내용 스타일 */
.prose figure {
  margin: 1rem 0;
  position: relative;
}

.prose figure img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.prose figure .resize-handle,
.prose figure .delete-image-btn {
  display: none; /* 읽기 전용에서는 리사이즈 핸들과 삭제 버튼 숨김 */
}

.prose div[style*="text-align"] {
  margin: 0.5rem 0;
}

.prose b {
  font-weight: bold;
}

.prose br {
  line-height: 1.5;
}