/* ═══════════════════════════════════════════════════════
   FINEYE 공용 레이아웃 (모든 페이지 공통)
   ═══════════════════════════════════════════════════════ */

/* 전역 박스 모델 */
*, *::before, *::after {
  box-sizing: border-box;
}

/* body 기본 */
body {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* 페이지 컨테이너 (탑바 아래 본문) */
.fineye-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 20px;
}

/* 좁은 컨테이너 (narrow) */
.fineye-container-narrow {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px 24px;
}

/* 스크롤바 스타일 (다크 테마용) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: rgba(42, 58, 90, 0.2);
}
::-webkit-scrollbar-thumb {
  background: rgba(212, 168, 67, 0.3);
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(212, 168, 67, 0.5);
}

/* 반응형 */
@media (max-width: 900px) {
  body { font-size: 15px; }
  .fineye-container { padding: 20px 16px; }
  .fineye-container-narrow { padding: 20px 16px; }
}

@media (max-width: 500px) {
  .fineye-container { padding: 16px 12px; }
}

/* 유틸 */
.fineye-hide-mobile { }
@media (max-width: 900px) {
  .fineye-hide-mobile { display: none !important; }
}

.fineye-hide-desktop { display: none; }
@media (max-width: 900px) {
  .fineye-hide-desktop { display: block !important; }
}