:root {
  --bg: #fff6ea;
  --panel: #fffdf9;
  --ink: #4a3b30;
  --sub: #8a7666;
  --accent: #f0a868;
  --line: #efe0cd;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 0 20px 64px;
  background: var(--bg);
  color: var(--ink);
  font: 16px/1.75 -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
        "Noto Sans KR", "Segoe UI", Roboto, sans-serif;
  word-break: keep-all;
}
.wrap { max-width: 720px; margin: 0 auto; }
header { text-align: center; padding: 48px 0 28px; }
header img { width: 84px; height: 84px; border-radius: 20px; }
h1 { font-size: 26px; margin: 14px 0 4px; }
h2 { font-size: 19px; margin: 36px 0 10px; padding-top: 18px; border-top: 1px solid var(--line); }
h2:first-of-type { border-top: 0; padding-top: 0; }
h3 { font-size: 16px; margin: 22px 0 6px; color: var(--sub); }
p, li { color: var(--ink); }
.lead { color: var(--sub); font-size: 14px; margin: 0; }
main { background: var(--panel); border: 1px solid var(--line); border-radius: 18px; padding: 8px 26px 30px; }
a { color: #c47a2e; }
nav { text-align: center; margin: 22px 0 0; font-size: 14px; }
nav a { margin: 0 10px; }
footer { text-align: center; color: var(--sub); font-size: 13px; margin-top: 30px; }
code { background: #f3e7d8; padding: 1px 5px; border-radius: 5px; font-size: 90%; }
.en { color: var(--sub); font-size: 14px; }