/* AuraX 방침 페이지 — 공통 스타일. 규칙은 site/DESIGN.md 에 있다.
 *
 * ★ 방침(privacy) 페이지 전용이다. 렌딩(site/public/index.html)은 성격이 달라
 * 자기 스타일을 따로 품는다 — 여기에 렌딩용 규칙을 넣지 않는다(형 지시,
 * 2026-08-30 — "간략" 지시가 "멋있게"로 바뀌면서 렌딩 미감은 별도로 잡기로 했다).
 *
 * 값 하나도 여기서 새로 정하지 않았다 — unzipper/privacy/index.html 이 원래
 * <style> 안에 품고 있던 걸 그대로 옮겼다. "기존에 살아 있는 페이지의 언어를
 * 그대로 쓴다"(DESIGN.md)는 규칙 그대로다.
 *
 * unzipper/privacy/index.html 도 이제 이 파일을 쓴다(2026-08-30 밤 — 첫 배포로
 * 이 파일이 제대로 뜨는 걸 확인한 뒤 옮겼다. 옮기기 전 두 CSS 가 문자 그대로
 * 같은 것까지 대조했다. 경위는 site/DESIGN.md "새 앱을 추가하는 절차" 아래 참고).
 */

:root{
  --ink:#0C0C09; --paper:#F4F4F1; --muted:#5a5a55; --line:#dcdcd6; --accent:#312C85;
}
@media (prefers-color-scheme: dark){
  :root{ --ink:#EDEDEA; --paper:#111110; --muted:#9a9a94; --line:#2a2a27; --accent:#a5a0ff; }
}

*{box-sizing:border-box}

body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:Pretendard,"IBM Plex Sans KR",system-ui,sans-serif;
  font-size:16px; line-height:1.75;
}

main{max-width:720px; margin:0 auto; padding:48px 24px 96px}
h1{font-size:1.9rem; line-height:1.2; letter-spacing:-.02em; margin:0 0 8px}
.sub{color:var(--muted); margin:0 0 40px; font-size:.95rem}
h2{font-size:1.15rem; margin:40px 0 12px; letter-spacing:-.01em}
p,li{color:var(--ink)}
ul{padding-left:20px}
li{margin-bottom:8px}

.lead{
  border-left:3px solid var(--accent); padding:14px 18px; margin:0 0 8px;
  background:color-mix(in srgb, var(--accent) 6%, transparent);
}
.lead p{margin:0}

table{border-collapse:collapse; width:100%; margin:16px 0; font-size:.95rem}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top}
th{color:var(--muted); font-weight:600; font-size:.85rem}

footer{margin-top:56px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:.9rem}
a{color:var(--accent)}
code{font-family:ui-monospace,monospace; font-size:.9em}

/* 방침 페이지의 영문 절 구분선. privacy 페이지에서만 쓴다. */
.en{margin-top:72px; padding-top:32px; border-top:2px solid var(--ink)}