:root {
  --ink: #5a3222; --ink-2: #93644c; --paper: #fffaf0; --frame: #e3a864; --accent: #e8552f;
  --wall-a: #ffe6bd; --wall-b: #ffc39e;
  color: var(--ink);
  font-family: system-ui, -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  line-height: 1.65;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; word-break: keep-all; overflow-wrap: break-word; background: linear-gradient(var(--wall-a), var(--wall-b)) fixed; }
main { max-width: 720px; margin: 0 auto; padding: 40px 16px 56px; }
.card { background: var(--paper); border: 3px solid var(--frame); border-radius: 22px; padding: 28px 24px; box-shadow: 0 10px 18px #5a2d1226; }
a { color: var(--accent); }
h1 { margin: 0 0 4px; font-size: 30px; line-height: 1.25; }
h2 { margin: 28px 0 8px; font-size: 19px; }
h3 { margin: 16px 0 4px; font-size: 16px; }
p, li { font-size: 15px; }
ul { padding-left: 20px; }
.eyebrow { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--ink-2); }
.muted { color: var(--ink-2); }
.hero { text-align: center; }
.hero img { width: 120px; height: 120px; border-radius: 28px; box-shadow: 0 8px 16px #5a2d1233; }
.links { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; margin-top: 18px; }
.lang { display: flex; gap: 14px; margin: 12px 0 0; font-size: 14px; }
hr { border: 0; border-top: 2px dashed #e6c49b; margin: 40px 0; }
footer { margin-top: 24px; text-align: center; font-size: 13px; color: var(--ink-2); }
footer a { color: inherit; }