/* 하는 법·소개·개인정보처리방침 같은 글 페이지 */
:root {
  --paper: #f5f2eb;
  --ink: #2b2722;
  --muted: #857e72;
  --line: #ddd5c6;
  --red: #d9432c;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'Noto Sans KR', system-ui, -apple-system, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  font-size: 16px;
  line-height: 1.8;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
}
.doc { max-width: 720px; margin: 0 auto; padding: 24px 16px 60px; }
.doc-top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 24px; }
.doc-top a { color: var(--ink); font-weight: 700; text-decoration: none; }
.doc-top nav a { font-weight: 400; color: var(--muted); font-size: 14px; margin-left: 12px; text-decoration: underline; text-underline-offset: 3px; }
h1 { font-size: 26px; margin: 0 0 6px; letter-spacing: -.02em; }
.lead { color: var(--muted); margin: 0 0 28px; }
h2 { font-size: 19px; margin: 36px 0 8px; padding-top: 18px; border-top: 1px solid var(--line); }
h3 { font-size: 16px; margin: 22px 0 4px; }
p, li { margin: 6px 0; }
ul, ol { padding-left: 1.3em; }
kbd {
  font-family: ui-monospace, Consolas, monospace;
  font-size: .8em;
  padding: 0 5px;
  border: 1px solid currentColor;
  border-bottom-width: 2px;
  border-radius: 4px;
}
.note { padding: 10px 14px; background: #fff; border: 1.5px solid var(--ink); border-radius: 6px; font-size: 14.5px; }
.todo { background: #ffe36e; padding: 0 4px; }
table { border-collapse: collapse; width: 100%; font-size: 14.5px; margin: 8px 0; }
th, td { border: 1px solid var(--line); padding: 6px 8px; text-align: left; vertical-align: top; }
th { background: #ece6d8; }
footer { margin-top: 48px; font-size: 13px; color: var(--muted); }
footer a { color: var(--muted); }