/* 글 페이지 (소개 /about, 개인정보처리방침 /privacy) — MGW-DEV-008
   게임 화면과 달리 글을 읽는 페이지라 길면 세로로 스크롤된다. 외부 폰트·이미지 없음. */
* { box-sizing: border-box; }
html, body { margin: 0; }
body.doc {
  min-height: 100vh;
  min-height: 100dvh;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);
  background: var(--cf-bg);
  color: var(--cf-ink);
  font-family: var(--cf-font);
  line-height: 1.55;
  -webkit-text-size-adjust: 100%;
}
.doc-head, .doc-main, .doc-foot { width: min(100vw - 24px, 680px); margin: 0 auto; }
.doc-head { display: flex; align-items: center; justify-content: space-between; height: 48px; }
.doc-home { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-left: -10px; border-radius: 12px; color: var(--cf-ink); }
.doc-home svg { width: 24px; height: 24px; }
.doc-home:hover { background: rgba(29, 37, 64, 0.07); }
.doc-home:focus-visible, .doc a:focus-visible { outline: 3px solid var(--cf-accent); outline-offset: 2px; }
.doc-main { padding: 4px 0 8px; }
.doc h1 { margin: 0 0 4px; font-size: 22px; font-weight: 800; letter-spacing: -0.3px; }
.doc .meta { margin: 0 0 16px; font-size: 13px; color: var(--cf-muted); }
.doc h2 { margin: 22px 0 6px; font-size: 16px; font-weight: 800; }
.doc p, .doc li { font-size: 15px; }
.doc p { margin: 0 0 10px; }
.doc ul { margin: 0 0 10px; padding-left: 1.2em; }
.doc li { margin: 0 0 4px; }
.doc a { color: var(--cf-accent-ink); }
.doc kbd { padding: 0 4px; border: 1px solid var(--cf-line); border-radius: 4px; background: #fff; font: inherit; font-size: 13px; }
.doc .game { margin: 0 0 12px; padding: 12px 14px; border-radius: 14px; background: #fff; box-shadow: 0 2px 10px rgba(29, 37, 64, 0.06); }
.doc .game h2 { margin-top: 0; }
.doc .game p:last-child, .doc .game ul:last-child { margin-bottom: 0; }
.doc hr { margin: 28px 0 18px; border: 0; border-top: 1px solid var(--cf-line); }
.doc-foot { display: flex; gap: 18px; align-items: center; padding: 10px 0 24px; font-size: 14px; }
.doc-foot a { color: var(--cf-muted); }