/* samelight.vercel.app의 글 페이지(/privacy, /terms, /support, 계획 2-F L): 1단계 시각 기준 그대로. 바탕 #0F0E0D, 글자 #ECE7DF, 빛 #E9C48F,
   가는 세리프 제목, 얇은 줄. 알약 단추, 그라데이션(모서리의 빛 말고), 이모지는 쓰지 않는다. 글꼴은 기기 글꼴(바깥 요청 없음) */
:root { --bg: #0F0E0D; --text: #ECE7DF; --light: #E9C48F; --dim: rgba(236, 231, 223, 0.62); --faint: rgba(236, 231, 223, 0.42); --rule: rgba(236, 231, 223, 0.14); }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--text); }
body {
  font-family: "Hahmlet", "AppleMyungjo", "Nanum Myeongjo", serif;
  font-weight: 300; -webkit-font-smoothing: antialiased; min-height: 100vh;
  background: radial-gradient(circle at 0 0, rgba(255, 196, 128, 0.12), rgba(255, 196, 128, 0) 50%) var(--bg);
  -webkit-text-size-adjust: 100%;
}
.meta { font-family: -apple-system, system-ui, sans-serif; font-size: 11px; letter-spacing: 0.15em; color: var(--faint); margin: 0; }
.meta a { color: inherit; text-decoration: none; }

main.doc { max-width: 680px; margin: 0 auto; padding: max(40px, env(safe-area-inset-top)) 20px 64px; }
.doc h1 { font-weight: 300; font-size: 28px; letter-spacing: -0.02em; margin: 14px 0 20px; padding-bottom: 18px; border-bottom: 1px solid var(--light); }
.doc h2 { font-weight: 300; font-size: 20px; letter-spacing: -0.01em; margin: 44px 0 12px; color: var(--light); }
.doc h3 { font-family: -apple-system, system-ui, sans-serif; font-weight: 600; font-size: 15px; margin: 28px 0 8px; }
.doc p, .doc li, .doc td, .doc th { font-family: -apple-system, system-ui, sans-serif; font-size: 15px; line-height: 1.75; color: var(--dim); }
.doc p { margin: 10px 0; }
.doc strong { color: var(--text); font-weight: 600; }
.doc a { color: var(--text); text-decoration-color: var(--light); text-underline-offset: 3px; overflow-wrap: anywhere; }
.doc ul, .doc ol { margin: 8px 0; padding-left: 22px; }
.doc li { margin: 4px 0; }
.doc li > ul, .doc li > ol { margin: 4px 0; }
.doc code { font-family: ui-monospace, Menlo, monospace; font-size: 0.9em; }
.doc hr { border: 0; border-top: 1px solid var(--rule); margin: 32px 0; }
.doc blockquote { margin: 12px 0; padding-left: 14px; border-left: 1px solid var(--light); }
.doc .table { overflow-x: auto; margin: 12px 0; -webkit-overflow-scrolling: touch; }
.doc table { border-collapse: collapse; width: 100%; }
.doc th, .doc td { text-align: left; vertical-align: top; padding: 9px 12px 9px 0; border-bottom: 1px solid var(--rule); font-size: 14px; line-height: 1.6; }
.doc th { color: var(--faint); font-weight: 500; font-size: 12px; letter-spacing: 0.04em; }
.doc td:first-child { color: var(--text); min-width: 7em; }
.doc-nav { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 56px; padding-top: 18px; border-top: 1px solid var(--rule);
  font-family: -apple-system, system-ui, sans-serif; font-size: 13px; }
.doc-nav a { color: var(--dim); text-decoration: none; }
.doc-nav span { color: var(--light); }
.doc .wide table { min-width: 760px; }
@media (max-width: 520px) {
  .doc th, .doc td { font-size: 13px; padding-right: 10px; }
}