/* 법적 고지 5종 공통 스타일 — 2026-08-19.
   🔴 SPA(index.html) 안이 아니라 **독립 페이지**로 둔다.
      통신판매업 신고·PG 심사에서 "약관 URL"·"환불정책 URL"을 그대로 제출해야 하는데,
      해시 라우팅 안에 있으면 심사자가 못 연다. */
:root {
  --lg-bg: #ffffff; --lg-card: #f7f8fa; --lg-border: #e3e6ea;
  --lg-t1: #16181d; --lg-t2: #444a55; --lg-t3: #868d99; --lg-accent: #ff5722;
}
@media (prefers-color-scheme: dark) {
  :root {
    --lg-bg: #0f1115; --lg-card: #171a20; --lg-border: #262a33;
    --lg-t1: #eef1f5; --lg-t2: #b6bcc7; --lg-t3: #7c838f; --lg-accent: #ff6a3d;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0 18px 64px; background: var(--lg-bg); color: var(--lg-t2);
  font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  font-size: 15px; line-height: 1.8; word-break: keep-all;
}
.wrap { max-width: 760px; margin: 0 auto; }
header { padding: 26px 0 18px; border-bottom: 1px solid var(--lg-border); margin-bottom: 22px; }
header a.back { font-size: 13px; color: var(--lg-accent); text-decoration: none; font-weight: 700; }
h1 { font-size: 21px; color: var(--lg-t1); margin: 12px 0 6px; letter-spacing: -0.3px; }
.meta { font-size: 12.5px; color: var(--lg-t3); margin: 0; }
h2 { font-size: 16px; color: var(--lg-t1); margin: 30px 0 8px; letter-spacing: -0.2px; }
h3 { font-size: 14.5px; color: var(--lg-t1); margin: 18px 0 6px; }
p, li { font-size: 14.5px; }
ol, ul { padding-left: 20px; margin: 6px 0; }
li { margin: 3px 0; }
table { width: 100%; border-collapse: collapse; margin: 10px 0; font-size: 14px; }
th, td { border: 1px solid var(--lg-border); padding: 9px 11px; text-align: left; vertical-align: top; }
th { background: var(--lg-card); color: var(--lg-t1); font-weight: 700; white-space: nowrap; }
.box { background: var(--lg-card); border: 1px solid var(--lg-border); border-radius: 10px;
       padding: 14px 16px; margin: 14px 0; }
.box.warn { border-color: var(--lg-accent); }
.box strong { color: var(--lg-t1); }
.todo { color: var(--lg-accent); font-weight: 700; }
footer { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--lg-border);
         font-size: 12.5px; color: var(--lg-t3); }
footer a { color: var(--lg-t3); }
.scroll { overflow-x: auto; }