/**
 * TR 포스트 — public/intro · public/privacy 공통 디자인 토큰
 * html[data-theme] 는 theme/tr_trend/js/theme-toggle.js 가 설정 (light | dark)
 * 기본값은 라이트 — 속성 없을 때 FOUC 완화
 */
.public-page {
  /* 레이아웃·공통 */
  --pub-font: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --pub-content-max: 1100px;
  --pub-radius: 10px;
  --pub-radius-lg: 12px;
  --pub-line-tight: 1.55;
  --pub-line-body: 1.7;
  --pub-size-body: 15px;
  --pub-size-h1: 1.65rem;
  --pub-size-h2: 1.1rem;
  --pub-size-small: 0.88rem;
  --pub-size-meta: 0.82rem;

  /* 라이트 — 본문 블록은 밝은 서피스 (진한 #1a2332 대비) */
  --pub-surface: #e8edf4;
  --pub-surface-hover: #dce4ef;
  --pub-border: #c5cdd8;
  --pub-text: #1e293b;
  --pub-muted: #64748b;
  --pub-accent: #1e61a8;
  --pub-accent-2: #0d9488;
  --pub-link: #1e61a8;
  --pub-code-bg: rgba(241, 245, 249, 0.95);
  --pub-badge-bg: rgba(30, 97, 168, 0.14);
  --pub-shadow: 0 2px 16px rgba(15, 23, 42, 0.08);

  box-sizing: border-box;
  color: var(--pub-text);
  font-family: var(--pub-font);
  font-size: var(--pub-size-body);
  line-height: var(--pub-line-body);
  padding: 0.5rem 0 2.5rem;
  margin: 0 -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

html[data-theme="dark"] .public-page {
  --pub-surface: #1a2332;
  --pub-surface-hover: #1e293b;
  --pub-border: #2d3a4d;
  --pub-text: #e8eef7;
  --pub-muted: #8b9cb3;
  --pub-accent: #3d8bfd;
  --pub-accent-2: #5eead4;
  --pub-link: #93c5fd;
  --pub-code-bg: rgba(15, 23, 42, 0.6);
  --pub-badge-bg: rgba(61, 139, 253, 0.2);
  --pub-shadow: 0 4px 24px rgba(0, 0, 0, 0.22);
}

.public-page *,
.public-page *::before,
.public-page *::after {
  box-sizing: border-box;
}

/* 본문 링크 */
.public-page a {
  color: var(--pub-link);
  text-decoration: none;
}
.public-page a:hover {
  text-decoration: underline;
  color: var(--pub-accent-2);
}

/* 인라인 코드 */
.public-page code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.88em;
  padding: 0.15em 0.4em;
  border-radius: 4px;
  background: var(--pub-code-bg);
  border: 1px solid var(--pub-border);
  color: var(--pub-accent-2);
}

/* 좁은 폭 페이지(개인정보 등) */
.public-page--narrow {
  --pub-content-max: 900px;
}