/* 냉하리 키우기 — 약관·개인정보처리방침·계정 삭제·뽑기 확률 페이지용.
   첫 페이지(index.html, 게임 세션의 A안)와 같은 색·글꼴: 어두운 남색 바탕, 금색 선, 명조 제목. 첫 페이지의 모양은 index.html 안에 따로 들어 있다. */
:root { --bg: #07091a; --bg2: #0c1026; --pan: #10152f; --line: #2a2f55; --gold: #d9b76a; --gold2: #f3dfa6; --tx: #ece9df; --mut: #a7a9c4; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--tx); font: 16.5px/1.75 "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif; word-break: keep-all; overflow-wrap: anywhere; }
a { color: var(--gold2); }
img { max-width: 100%; display: block; }
h1, h2, .brand { font-family: "Nanum Myeongjo", "Noto Serif KR", "AppleMyungjo", "Batang", serif; font-weight: 700; letter-spacing: -.01em; }
:focus-visible { outline: 3px solid #ffd35a; outline-offset: 3px; }
.wrap { max-width: 1160px; margin: 0 auto; padding: 0 20px; }

/* 위 줄 */
.top { border-bottom: 1px solid var(--line); background: var(--bg2); }
.top .wrap { display: flex; align-items: center; gap: 20px; height: 60px; }
.brand { display: flex; align-items: center; gap: 10px; margin-right: auto; color: var(--gold2); font-size: 20px; text-decoration: none; }
.brand img { width: 30px; height: 30px; border-radius: 8px; }
.top nav a { color: var(--mut); text-decoration: none; font-size: 14px; }
.top nav a:hover { color: var(--gold2); }

/* 본문 */
.doc { max-width: 860px; margin: 0 auto; padding: 56px 20px 80px; }
.doc h1 { font-size: 38px; line-height: 1.25; margin: 0 0 8px; }
.doc h1::after { content: ""; display: block; width: 120px; height: 9px; margin: 20px 0 0; background: linear-gradient(90deg, var(--gold) 0, var(--gold) 80%, transparent) left center / 100% 1px no-repeat; }
.doc h2 { font-size: 21px; color: var(--gold2); margin: 38px 0 10px; }
.doc p { margin: 0 0 12px; color: #d6d6e6; }
.lead { color: var(--mut); margin: 14px 0 26px; }
.note { font-size: 13.5px; color: var(--mut); margin-top: 12px; }
.card { position: relative; border: 1px solid var(--line); background: var(--pan); padding: 22px 24px; margin-top: 22px; }
.card::before, .card::after { content: ""; position: absolute; width: 22px; height: 22px; border: 1px solid var(--gold); pointer-events: none; }
.card::before { left: -1px; top: -1px; border-right: 0; border-bottom: 0; }
.card::after { right: -1px; bottom: -1px; border-left: 0; border-top: 0; }
.card p { margin: 0; }
.doc table { width: 100%; border-collapse: collapse; font-size: 14.5px; margin: 10px 0 14px; }
.doc th, .doc td { text-align: left; padding: 10px 12px; border: 1px solid var(--line); vertical-align: top; }
.doc th { background: var(--pan); color: var(--gold2); white-space: nowrap; font-weight: 700; }
.todo { border: 1px solid #6b5a2a; color: var(--gold); border-radius: 4px; padding: 0 6px; font-size: .88em; white-space: nowrap; }

/* 계정 삭제 요청 양식 */
form.ask { display: grid; gap: 14px; }
form.ask .row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
form.ask label { display: grid; gap: 6px; font-size: 14px; font-weight: 700; color: var(--tx); }
form.ask input, form.ask select, form.ask textarea { font: inherit; font-size: 16px; font-weight: 500; color: var(--tx); padding: 11px 13px; border: 1px solid var(--line); background: var(--bg); width: 100%; }   /* 16px 보다 작으면 아이폰이 칸을 누를 때 화면을 확대한다 */
form.ask input:focus, form.ask select:focus, form.ask textarea:focus { outline: 2px solid var(--gold); border-color: var(--gold); }
form.ask .agree { display: flex; gap: 8px; align-items: flex-start; font-weight: 500; color: #d6d6e6; }
form.ask .agree input { width: auto; margin-top: 6px; }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 28px; border: 1px solid var(--gold); color: #1a1405; background: linear-gradient(#f6e3a8, #cfa650); font: inherit; font-weight: 700; text-decoration: none; cursor: pointer;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); }
.btn:hover { filter: brightness(1.08); }
.btn.wait, .btn:disabled { background: transparent; color: var(--mut) !important; border-color: var(--line); cursor: default; filter: none; }

/* 맨 아래 */
footer { border-top: 1px solid var(--line); padding: 34px 0 60px; text-align: center; color: var(--mut); font-size: 14px; }
footer .links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 20px; margin-bottom: 14px; }
footer a { color: var(--gold2); text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer .biz { font-size: 13px; line-height: 1.9; margin-bottom: 10px; }

@media (max-width: 860px) {
  body { font-size: 15px; }
  .wrap { padding: 0 16px; }
  .top .wrap { height: 52px; }
  .brand { font-size: 17px; }
  .doc { padding: 34px 16px 56px; }
  .doc h1 { font-size: 27px; }
  .doc h2 { font-size: 18px; margin-top: 28px; }
  .doc table { font-size: 13px; }
  .doc th, .doc td { padding: 8px; }
  .doc th { white-space: normal; }
  .card { padding: 16px; }
  form.ask .row { grid-template-columns: 1fr; }
  footer { font-size: 12.5px; }
}