/* ============================================================
   page.css — 게임 밖 정적 문서(소개 · 개인정보처리방침 · 이용약관 · 문의)
   게임 화면과 같은 색을 쓰되, 문서처럼 읽히도록 폭과 줄간격만 따로 잡는다.
   게임 CSS(main.css)와 섞이지 않는 독립 파일이라 플레이에는 영향이 없다.
   ============================================================ */
:root{
  --bg:#101315; --surface:#191d20; --surface-2:#212629;
  --line:#282e32; --accent:#3ecf8e;
  --txt:#f1f3f3; --txt-2:#a9b3b7; --txt-3:#8d989c;
  --f-ui:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--txt);
  font-family:var(--f-ui);font-size:16px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
.doc{max-width:760px;margin:0 auto;padding:28px 20px 72px}

.doc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.doc-top a.home{
  display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;
  border-radius:10px;background:var(--surface);border:1px solid var(--line);
  color:var(--txt);text-decoration:none;font-weight:700;font-size:15px;
}
.doc-top a.home:hover{background:var(--surface-2)}
.doc-top .brand{font-weight:800;letter-spacing:-.02em}

h1{font-size:28px;line-height:1.35;margin:28px 0 6px;letter-spacing:-.02em}
h2{font-size:19px;margin:34px 0 10px;letter-spacing:-.02em}
h3{font-size:16px;margin:22px 0 6px;color:var(--txt-2)}
p,li{color:var(--txt-2)}
p{margin:10px 0}
ul,ol{padding-left:22px;margin:10px 0}
li{margin:6px 0}
b,strong{color:var(--txt)}
a{color:var(--accent)}
.lead{font-size:17px;color:var(--txt);margin:8px 0 0}
.updated{font-size:14px;color:var(--txt-3);margin:4px 0 0}

.card{
  margin:18px 0;padding:16px 18px;border-radius:12px;
  background:var(--surface);border:1px solid var(--line);
}
.card h3{margin-top:0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
th{background:var(--surface-2);color:var(--txt);font-weight:700}
td{color:var(--txt-2)}
code{background:var(--surface-2);padding:2px 6px;border-radius:5px;font-size:14px;color:var(--txt)}

.doc-foot{margin-top:52px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--txt-3)}
.doc-foot nav{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:10px}
.doc-foot a{color:var(--txt-2);text-decoration:none}
.doc-foot a:hover{color:var(--accent)}

@media (max-width:520px){
  body{font-size:15.5px}
  h1{font-size:24px}
  .doc{padding:20px 16px 60px}
}