/* 약관 · 개인정보처리방침 공통 스타일 (index.html 색과 같음) */
:root {
  --night: #12143A;
  --navy: #23264F;
  --ink: #F2F2FF;
  --muted: #A9ACD6;
  --outline: #06071C;
  --yellow: #FFCF3A;
  --orange: #FF8A2B;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--night);
  color: var(--ink);
  font-family: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.8;
}
a { color: var(--yellow); }
.wrap { max-width: 760px; margin: 0 auto; padding: 0 16px; }
header { padding: 20px 0; border-bottom: 4px solid var(--outline); background: var(--navy); }
header .wrap { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
header a.home { display: flex; align-items: center; gap: 8px; color: var(--ink); text-decoration: none; font-weight: 700; }
header a.home img { width: 32px; height: 32px; image-rendering: pixelated; }
nav.docs { margin-left: auto; display: flex; gap: 12px; flex-wrap: wrap; font-size: 13px; }
nav.docs a { color: var(--muted); text-decoration: none; }
nav.docs a[aria-current="page"] { color: var(--yellow); }
main { padding: 32px 0 48px; }
h1 { font-size: 26px; margin: 0 0 4px; }
.meta { color: var(--muted); font-size: 13px; margin: 0 0 24px; }
h2 { font-size: 18px; margin: 36px 0 8px; padding-top: 8px; border-top: 2px solid var(--navy); }
h3 { font-size: 15px; margin: 20px 0 4px; }
p, li { overflow-wrap: anywhere; }
ul, ol { padding-left: 22px; }
.table { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; font-size: 14px; margin: 8px 0; }
th, td { border: 2px solid var(--outline); padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: var(--navy); }
.note { background: var(--navy); border: 2px solid var(--outline); padding: 12px 14px; font-size: 14px; }
.todo { color: var(--orange); font-weight: 700; }
footer { padding: 24px 0 40px; color: var(--muted); font-size: 12px; border-top: 4px solid var(--outline); }