/* 소개·가이드·정책 페이지(읽는 글) */
.doc { max-width: 720px; }
.doc-hdr { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 24px; }
.doc-hdr .brand-s { color: var(--text); text-decoration: none; }
.doc-nav { display: flex; gap: 14px; font-size: 14px; font-weight: 700; }
.doc-nav a { color: var(--muted); text-decoration: none; }
.doc-nav a:hover { color: var(--text); }

.doc-article { display: grid; gap: 20px; }
.doc-article h1 { font-size: 32px; display: flex; align-items: center; gap: 10px; }
.doc-article h1 .gicon { font-size: 40px; }
.doc-article h2 { font-size: 21px; margin-bottom: 8px; }
.doc-article p, .doc-article li { font-size: 16px; line-height: 1.75; color: #e4def7; }
.doc-article p { margin: 0 0 8px; }
.doc-article ul, .doc-article ol { margin: 0; padding-left: 22px; display: grid; gap: 6px; }
.doc-article a { color: var(--accent); }
.doc-article .lead { font-size: 18px; color: var(--text); margin: 0; }
.crumbs { margin: 0; font-size: 13px; color: var(--muted); }
.crumbs a { color: var(--muted); }

.facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0; }
.facts div { background: var(--card); border-radius: 14px; padding: 10px 12px; }
.facts dt { font-size: 12px; color: var(--muted); }
.facts dd { margin: 2px 0 0; font-weight: 800; }

.doc-cards { display: grid; gap: 10px; }
.doc-card {
  display: flex; gap: 14px; align-items: center; padding: 14px 16px; border-radius: var(--radius);
  background: var(--card); color: var(--text); text-decoration: none; border: 1px solid rgba(255,255,255,.06);
  transition: transform var(--press) var(--ease-out), background-color 200ms ease;
}
.doc-card:hover { background: var(--card-hi); }
.doc-card:active { transform: scale(.99); }
.doc-card .gicon { font-size: 30px; }
.doc-card b { display: block; }
.doc-card small { display: block; color: var(--muted); font-size: 13px; line-height: 1.5; margin-top: 2px; }
.doc-article .doc-card { color: var(--text); }

.doc-foot { display: grid; gap: 14px; justify-items: center; text-align: center; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); }
.doc-foot .btn.big { max-width: 360px; }
.doc-foot nav { font-size: 14px; color: var(--muted); }
.doc-foot nav a { color: var(--muted); }
.doc-foot p { margin: 0; }

/* 첫 화면 아래 링크 */
.site-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; font-size: 14px; }
.site-links a { color: var(--muted); }
.game-card { color: var(--text); text-decoration: none; }