/*
 * FRYONE 약관 · 정책 문서 공용 스타일 (`09-02-SET-006` / `AUTH-009` / `POL-008` — 2026-10-16).
 *
 * 앱의 웹 화면 시트(`GlobalWebViewSheet`)와 브라우저에서 함께 읽힌다 — 좁은 화면이 기본이다.
 * 글꼴은 앱과 같은 프리텐다드 가변 폰트(v1.3.9)의 다이나믹 서브셋이다(2026-10-30 요청) — 이 사이트의
 * `/fonts/pretendard-1.3.9/` 에서 쪽에 쓰인 글자 묶음만 받는다. 쪽마다 이 파일 앞에 그 글꼴 CSS 를 건다.
 * 바깥 CDN · 스크립트는 부르지 않는다 — 시트가 열리자마자 읽혀야 하고(글꼴이 오기 전에는 기기 글꼴 —
 * `font-display: swap`), 처리방침 · 계정 삭제 요청 쪽을 연 사람의 요청이 다른 회사로 새지 않게.
 * 색은 앱 `ColorConstants` 와 같은 계열이다(라이트 단일 테마 — 앱과 같다).
 */
:root {
  --text: #191f28;
  --text-secondary: #4e5968;
  --text-sub: #6b7684;
  --border: #e5e8eb;
  --surface: #ffffff;
  --background: #f2f4f6;
  --primary: #3182f6;
  --info-bg: #e8f3ff;
  --error: #c93a14;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--surface);
  color: var(--text);
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR",
    "Malgun Gothic", "Segoe UI", Roboto, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  word-break: keep-all;
  overflow-wrap: break-word;
}

main {
  max-width: 720px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}

h1 {
  margin: 0 0 4px;
  font-size: 22px;
  line-height: 1.4;
}

.meta {
  margin: 0 0 20px;
  color: var(--text-sub);
  font-size: 13px;
}

h2 {
  margin: 32px 0 8px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  font-size: 17px;
  line-height: 1.5;
}

h3 {
  margin: 20px 0 6px;
  font-size: 15px;
}

p {
  margin: 6px 0;
}

ol,
ul {
  margin: 6px 0;
  padding-left: 22px;
}

li {
  margin: 3px 0;
}

.note {
  margin: 12px 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--info-bg);
  color: var(--text-secondary);
  font-size: 14px;
}

.toc {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--background);
  font-size: 14px;
}

.toc ol {
  margin: 0;
}

a {
  color: var(--primary);
}

/* 표는 좁은 화면에서 옆으로 밀어 읽는다 — 글자를 줄이지 않는다. */
.table {
  margin: 8px 0;
  overflow-x: auto;
}

table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
  font-size: 14px;
}

th,
td {
  padding: 8px 10px;
  border: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}

th {
  background: var(--background);
  font-weight: 600;
  white-space: nowrap;
}

.docs {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.docs li {
  margin: 0;
  border-bottom: 1px solid var(--border);
}

.docs a {
  display: block;
  padding: 16px 4px;
  color: var(--text);
  text-decoration: none;
  font-weight: 600;
}

.docs span {
  display: block;
  color: var(--text-sub);
  font-size: 13px;
  font-weight: 400;
}

/*
 * 계정 삭제 요청 신청서 (account-deletion 2번 — 2026-10-30 DEC-010).
 * 입력칸 · 버튼은 글꼴을 물려받지 않으므로 font: inherit 로 잇는다. 입력 글자는 16px — 그보다 작으면 iOS 가 화면을 확대한다.
 */
.form {
  margin: 16px 0;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
}

.field {
  display: block;
  margin: 0 0 14px;
}

.field .label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}

.field em {
  margin-left: 6px;
  color: var(--primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.field em.optional {
  color: var(--text-sub);
}

.field input,
.field textarea {
  display: block;
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  color: var(--text);
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
}

.field textarea {
  min-height: 88px;
  resize: vertical;
}

.field input:focus,
.field textarea:focus {
  border-color: var(--primary);
  outline: 1px solid var(--primary);
}

.check {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 4px 0 14px;
  color: var(--text-secondary);
  font-size: 14px;
}

.check input {
  flex: none;
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  accent-color: var(--primary);
}

.button {
  display: block;
  width: 100%;
  padding: 13px 16px;
  border: 0;
  border-radius: 10px;
  background: var(--primary);
  color: #ffffff;
  font: inherit;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.button:disabled {
  opacity: 0.5;
  cursor: default;
}

.form-error {
  margin: 0 0 12px;
  color: var(--error);
  font-size: 14px;
}

.form-help {
  margin: 10px 0 0;
  color: var(--text-sub);
  font-size: 13px;
}

/* 봇 덫 칸 — 사람에게는 보이지 않고 읽히지도 않는다(서버 WEB_DELETION_TRAP_FIELD). */
.trap {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

footer {
  margin-top: 40px;
  color: var(--text-sub);
  font-size: 13px;
}