/* 두 페이지가 공유하는 디자인 토큰과 기본 리셋.
   과거 세리프 테마의 :root/리셋은 갤러리 리디자인 시점에 완전히 덮어써져 죽은 코드였으므로 제거하고,
   실제로 적용되는 값만 남겼습니다. 페이지별 컴포넌트 스타일(topnav 세부조정, 카드/모달 등)은
   레이아웃이 서로 달라 각 HTML 파일의 <style>에 그대로 둡니다. */
:root{
  --bg:#f1f3f8;
  --bg-soft:#e6eaf2;
  --surface:#fff;
  --ink:#151a25;
  --ink-soft:#4b5568;
  --ink-faint:#8992a3;
  --line:#dbe0ea;
  --accent:#3157e5;
  --accent-soft:#e8edff;
  --accent-ink:#1735a8;
  --font-display:"Pretendard","Apple SD Gothic Neo",sans-serif;
  --font-kr:"Pretendard",sans-serif;
  --font-sans:"Pretendard","Apple SD Gothic Neo",sans-serif;
  --font-mono:"IBM Plex Mono",monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-sans);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

/* comments.js가 두 페이지에 공통으로 삽입하는 스팸 방지용 허니팟 필드. 사람 눈에는 보이지 않아야 함. */
.comment-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}