/* 법적 고지 페이지(/terms · /privacy) 전용.
 *
 * core.bundle.css 에 넣지 않는다 — 두 페이지에서만 쓰는 문서 조판이라 전 화면에 실을 이유가 없다.
 * views/layout.php 의 $stylesheet 파라미터로만 로드된다(modules/terms.php · modules/privacy.php).
 * 접두사는 lg-. 공용 푸터(.site-footer)는 layout.css 가 소유하므로 여기서 다시 정의하지 않는다.
 */

.lg-page {
  flex: 1;
  width: 100%;
  padding: 2rem 1.25rem 3rem;
  box-sizing: border-box;
  background: var(--bg-0);
}

.lg-doc { max-width: 52rem; margin: 0 auto; }

/* ── 머리말 ─────────────────────────────────────────────────── */
.lg-head {
  padding-bottom: 1.25rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--border);
}
.lg-head__home {
  display: inline-block;
  margin-bottom: 1rem;
  color: var(--text-2);
  font-size: 0.85rem;
  text-decoration: none;
}
.lg-head__home:hover { color: var(--accent-hi); }
.lg-head__title {
  margin: 0 0 0.35rem;
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--text-0);
}
.lg-head__meta { margin: 0 0 1rem; font-size: 0.82rem; color: var(--text-2); }
.lg-head__nav { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.lg-head__navlink {
  padding: 0.35rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--bg-1);
  color: var(--text-1);
  font-size: 0.82rem;
  text-decoration: none;
}
.lg-head__navlink:hover { border-color: var(--accent); color: var(--accent-hi); }
.lg-head__navlink.is-current {
  background: rgba(var(--accent-rgb), 0.12);
  border-color: var(--accent);
  color: var(--accent-hi);
  font-weight: 600;
}

/* ── 본문 ───────────────────────────────────────────────────── */
.lg-art { color: var(--text-1); font-size: 0.92rem; line-height: 1.85; }
.lg-art p { margin: 0 0 0.7rem; }

.lg-lead {
  margin: 0 0 2rem;
  padding: 1rem 1.1rem;
  background: var(--bg-1);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
}

.lg-art h2 {
  margin: 2.5rem 0 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border);
  font-size: 1.08rem;
  letter-spacing: 0.02em;
  color: var(--accent-hi);
}
.lg-art h2:first-child { margin-top: 0; }
.lg-art h3 { margin: 1.75rem 0 0.5rem; font-size: 0.98rem; color: var(--text-0); }

.lg-list { margin: 0 0 1rem; padding-left: 1.4rem; }
.lg-list li { margin-bottom: 0.35rem; }

.lg-link { color: var(--accent); }
.lg-link:hover { color: var(--accent-hi); }

/* ── 표 ─────────────────────────────────────────────────────── */
.lg-table {
  width: 100%;
  margin: 0.5rem 0 1.25rem;
  border-collapse: collapse;
  font-size: 0.86rem;
}
.lg-table th,
.lg-table td {
  padding: 0.5rem 0.7rem;
  border: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}
.lg-table thead th { background: var(--bg-2); color: var(--text-0); font-weight: 600; }
.lg-table th[scope="row"] { width: 12rem; background: var(--bg-1); color: var(--text-1); }

@media (max-width: 560px) {
  .lg-table { font-size: 0.8rem; }
  .lg-table th, .lg-table td { padding: 0.4rem 0.45rem; }
  .lg-table th[scope="row"] { width: auto; }
}