/* ═══════════════════════════════════════════════════════════
   전체 페이지 공통 기본 (common.css)
   — 글꼴 · 색 · 글자 크기 · 드래그 막기
   — 모든 페이지가 맨 먼저 불러옴 (그다음 header.css, 페이지별 css)
   ═══════════════════════════════════════════════════════════ */
:root {
  --navy: #0b1f4b;      /* 대표 네이비 */
  --text: #2b2f33;      /* 본문 글자 */
  --sub:  #6b7785;      /* 보조 글자 */
  --line: #d3dae1;      /* 테두리 */
  --bg:   #f7f3ea;      /* 페이지 바탕 — 밝은 크림색 */
  --fs-title: 22px;     /* 페이지 안 제목 */
  --fs-body:  15px;     /* 본문·설명 (최소 15px) */
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body { font-family: 'Pretendard', 'Noto Sans KR', sans-serif; font-size: 16px; color: var(--text); background: var(--bg); overflow: hidden;
  -webkit-user-select: none; user-select: none; }   /* 드래그(글자 선택) 막기 */
img, a { -webkit-user-drag: none; }                  /* 이미지·링크 끌기 막기 */
a { color: inherit; text-decoration: none; }
button, select, input, textarea { font-family: inherit; }

/* 페이지 안 제목 · 설명 — 모든 페이지 같은 크기·색 */
.pg-title { font-size: var(--fs-title); font-weight: 800; color: var(--navy); letter-spacing: -.5px; }
.pg-sub   { font-size: var(--fs-body); font-weight: 600; color: var(--sub); }

/* 키보드(Tab)로 이동할 때만 보이는 초점 테두리 — 마우스로 누를 때는 안 보임 */
:focus-visible { outline: 3px solid #ffbf47; outline-offset: 2px; }

/* 화면에는 안 보이고 검색엔진·화면낭독기만 읽는 글자 */
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }