/* HODADAK 이용약관·개인정보처리방침 — 읽기 좋은 한 단 문서. site.css·programs.css(머리·하단) 다음에 읽는다 */
.doc{max-width:760px;padding-top:clamp(24px,5vw,64px)}
.doc h1{margin:10px 0 0;font-size:clamp(32px,4vw,52px)}
.doc-date{margin:12px 0 0;font-size:14px;color:var(--muted)}
.doc-intro{margin:var(--s5) 0 0;font-size:17px;color:var(--ink-2)}
.doc section{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line)}
.doc h2{margin:0 0 var(--s3);font-size:20px;letter-spacing:-.01em}
.doc section p{margin:0 0 var(--s3);color:var(--ink-2)}
.doc ul{margin:0 0 var(--s3);padding-left:1.2em;color:var(--ink-2);display:grid;gap:var(--s2)}
.doc a{color:var(--blue);overflow-wrap:anywhere}
.legal-links a[aria-current="page"]{color:var(--ink);text-decoration:underline}
/* 대성님이 정할 자리(공개 빌드는 이 표시가 남아 있으면 멈춤) */
.todo{padding:0 4px;border-radius:4px;background:#FFE58A;color:var(--ink)}

/* 없는 주소(404) — 가운데 한 덩어리: 로고 O · 404 · 한 줄 설명 · 처음으로/프로그램 · 다른 언어 */
.nf{max-width:640px;min-height:calc(100svh - var(--head) - 200px);display:grid;align-content:center;justify-items:center;gap:var(--s3);text-align:center;padding-top:var(--s7);padding-bottom:var(--s7)}
.nf-o{width:72px;height:auto;margin-bottom:var(--s3)}
.nf h1{margin:0;font-size:clamp(28px,4vw,44px)}
.nf-text{margin:0;color:var(--ink-2)}
.nf-go{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2);margin-top:var(--s4)}
.nf-langs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);margin:var(--s5) 0 0;font-size:14px;color:var(--muted)}
.nf-langs a{color:var(--ink-2);font-weight:700}