/* 방침·약관 페이지 공통 스타일 — 색 토큰은 index.html과 같은 값 */
:root {
  color-scheme: light;
  --font-display: "Noto Serif KR", "Batang", serif;
  --font-body: "IBM Plex Sans KR", "Malgun Gothic", -apple-system, sans-serif;
  --bg: #eef2f4; --card: #ffffff; --ink: #17252c; --muted: #5d7079; --line: #d3dde1;
  --primary: #234a7d; --head-bg: #1c3a63; --head-ink: #ffffff; --head-sub: #b9cde6;
  --g-common: #2f7aa6; --g-kids: #c27d12; --g-youth: #1f8a6b; --g-adult: #86457a;
  --field: #f3f6f7;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0f171b; --card: #172228; --ink: #e5eef1; --muted: #93a7ae; --line: #2a3b42; --field: #121c21;
    --primary: #6aaee0; --head-bg: #132a46; --head-ink: #f2f7fc; --head-sub: #9fb9d6;
    --g-common: #6bb4de; --g-kids: #e5a64c; --g-youth: #55c9a6; --g-adult: #cf92c3;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0f171b; --card: #172228; --ink: #e5eef1; --muted: #93a7ae; --line: #2a3b42; --field: #121c21;
  --primary: #6aaee0; --head-bg: #132a46; --head-ink: #f2f7fc; --head-sub: #9fb9d6;
  --g-common: #6bb4de; --g-kids: #e5a64c; --g-youth: #55c9a6; --g-adult: #cf92c3;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; font-family: var(--font-body); background: var(--bg); color: var(--ink); line-height: 1.8; }
header { background: var(--head-bg); color: var(--head-ink); }
.head-in { max-width: 760px; margin: 0 auto; padding: 28px 20px 22px; }
.head-in a { color: var(--head-sub); text-decoration: none; font-size: 14px; }
.head-in a:hover { text-decoration: underline; }
h1 { font-family: var(--font-display); font-size: 30px; letter-spacing: -.5px; line-height: 1.25; margin: 10px 0 4px; }
.date { color: var(--head-sub); font-size: 14px; }
.strip { display: flex; height: 6px; }
.strip i { flex: 1; }
.strip i:nth-child(1) { background: var(--g-common); } .strip i:nth-child(2) { background: var(--g-kids); }
.strip i:nth-child(3) { background: var(--g-youth); } .strip i:nth-child(4) { background: var(--g-adult); }
main { max-width: 760px; margin: 0 auto; padding: 24px 20px 56px; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 24px; }
h2 { font-size: 18px; margin: 28px 0 8px; padding-top: 4px; }
h2:first-child { margin-top: 0; }
p, li { font-size: 15px; }
p { margin: 0 0 10px; }
ul { margin: 0 0 10px; padding-left: 22px; }
.lead { color: var(--muted); }
.table-wrap { overflow-x: auto; margin: 8px 0 12px; }
table { border-collapse: collapse; width: 100%; min-width: 560px; font-size: 14px; }
th, td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: var(--field); font-weight: 600; white-space: nowrap; }
@media (max-width: 520px) { h1 { font-size: 25px; } .card { padding: 18px; } }

/* 사업자 정보 (전자상거래법 표시 사항) */
.biz { max-width: 760px; margin: 0 auto; padding: 0 20px 40px; font-size: 12px; line-height: 1.7; color: var(--muted); }
.biz span { display: inline-block; margin-right: 14px; }