/* 약관 · 개인정보 처리방침 · 면책 공통 스타일 — index.html 팔레트와 같음 */
:root{
  --magenta:#FF2F9E;
  --ink:#111113;
  --bg:#FFFFFF;
  --panel:#F7F7F9;
  --line:#E7E7EC;
  --text:#111113;
  --muted:#6E6E7A;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:"Pretendard Variable",Pretendard,-apple-system,"Malgun Gothic",sans-serif;
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
}
a{color:inherit}
a:hover{color:var(--magenta)}
:focus-visible{outline:2px solid var(--magenta);outline-offset:3px;border-radius:4px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}

/* 10/14 줄바꿈: 한국어는 어절(띄어쓰기) 단위로만 — '몇 분 만 / 에' 처럼 낱글자가 다음 줄로 떨어지지 않게. 긴 영문 · 주소는 넘치면 끊고,
   끝 줄 한 단어(고아) 줄이기는 text-wrap:pretty(지원 브라우저) */
:lang(ko){word-break:keep-all}
:lang(ja){word-break:auto-phrase}   /* 일본어: 문절 단위(지원 브라우저 — Chrome 119+) */
body{overflow-wrap:break-word}
td,.plan{overflow-wrap:anywhere}   /* 좁은 화면(320px)의 표 칸 · 가격 카드는 어절 안에서도 끊어 넘치지 않게(머리 칸 th 는 어절 유지) */
p,li,h1,h2,h3,summary,td,th,dd,dt{text-wrap:pretty}

header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 90%,transparent);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-weight:800;font-size:1.15rem;letter-spacing:-.01em;text-decoration:none}
.logo .dot{color:var(--magenta)}
.lang{display:flex;gap:18px}
.lang a{text-decoration:none;color:var(--muted);font-size:.92rem}
.lang a:hover{color:var(--text)}

.doc{padding:48px 20px 72px}
.doc section{scroll-margin-top:76px}
.doc h1{font-size:clamp(1.7rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.3}
.doc .meta{color:var(--muted);font-size:.9rem;margin:6px 0 26px}
.doc h2{font-size:1.15rem;font-weight:700;margin:34px 0 10px}
.doc h3{font-size:1rem;font-weight:700;margin:18px 0 6px}
.doc p{margin:0 0 12px}
.doc ul,.doc ol{margin:0 0 12px 1.4em}
.doc li{margin:4px 0}
.doc .box{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--magenta);
  border-radius:10px;padding:16px 18px;margin:18px 0 8px}
.doc table{border-collapse:collapse;width:100%;margin:8px 0 14px;font-size:.95rem}
.doc th,.doc td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.doc th{background:var(--panel);font-weight:600;width:34%}
.doc hr{border:none;border-top:1px solid var(--line);margin:56px 0}
.todo{background:#FFF1A8;padding:0 4px;border-radius:3px}

footer{border-top:1px solid var(--line);padding:32px 0 44px;font-size:.88rem;color:var(--muted)}
.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot a{color:var(--muted);text-decoration:none}
.foot a:hover{color:var(--magenta);text-decoration:underline}
.foot ul{list-style:none;display:flex;gap:18px;flex-wrap:wrap}