/* site.css — 사이트 껍데기 전용 (W-6)
 *
 * ★ 지면 CSS(report.css)는 render_r1.CSS 가 유일 원본이므로 여기서 건드리지 않는다.
 *   메뉴·안내 지면처럼 "문서가 아니라 사이트"에 속하는 것만 여기 둔다.
 *   그래서 구독 전달·다운로드본(인라인 CSS)에는 이 파일이 실리지 않는다 — 메일에
 *   사이트 메뉴가 붙는 것을 구조적으로 막는다.
 * 색상·간격은 report.css 의 톤을 따른다(변수로 빼지 않았다 — 원본이 둘이 되면
 * 언젠가 갈라진다).
 */

.site-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  padding: 10px 0 12px;
  border-bottom: 2px solid #1a1a1a;
  font-size: 14px;
}

.site-nav .brand {
  font-weight: 700;
  font-size: 17px;
  letter-spacing: -0.3px;
  margin-right: 6px;
  text-decoration: none;
  color: #111;
}

.site-nav a {
  color: #444;
  text-decoration: none;
  padding: 3px 2px;
  border-bottom: 2px solid transparent;
}

.site-nav a:hover { color: #111; border-bottom-color: #bbb; }
.site-nav a.on { color: #111; font-weight: 600; border-bottom-color: #111; }

.site-page h1 {
  margin: 6px 0 4px;
  font-size: 24px;
  letter-spacing: -0.5px;
}

.site-body { font-size: 14px; line-height: 1.75; color: #222; }
.site-body table { margin-top: 8px; }
.site-body code {
  background: #f4f4f4;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  padding: 0 3px;
  font-size: 12.5px;
}

/* 회원 게이트로 잘려 나간 자리 — 데이터가 없는 것이 아니라 가려진 것이다.
   빈 칸으로 두면 독자가 "값이 없다"로 읽는다 (명세 §7-3). */
section.gated { opacity: 0.95; }
section.gated .gap { border-left: 3px solid #999; }

@media print {
  /* 인쇄·PDF 에서 메뉴는 지운다 — 화면과 출력물의 *내용*은 같아야 하지만
     내비게이션은 내용이 아니다. */
  .site-nav { display: none; }
}