/* 소개·개인정보 페이지: 옻칠 나무 바탕 위 한지 한 장. 게임과 같은 재료와 글꼴. */
@font-face { font-family: 'Galmuri11'; src: url('fonts/Galmuri11.woff2') format('woff2'); font-display: swap; }
:root { --void: #120b08; --hanji: #efe4c9; --hanji-2: #e2d2ac; --ink: #241a13; --ink-2: #5b4a39; --faint: #8a7458; --verm: #b8321f; --line: #c8b38a;
  --brush: 'East Sea Dokdo', 'Galmuri11', serif; --serif: 'Song Myung', 'Batang', serif; --font: 'Galmuri11', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: radial-gradient(ellipse at 50% 0%, #2f1f15, var(--void) 70%); color: var(--ink); font-family: var(--font); padding: 24px 16px 56px; line-height: 1.75; }
main { max-width: 760px; margin: 0 auto; padding: 28px clamp(18px, 4vw, 40px) 36px; border-radius: 2px; box-shadow: 0 18px 50px rgba(0,0,0,.7); background: radial-gradient(ellipse at 50% 30%, #f4ead2, var(--hanji) 55%, var(--hanji-2)); }
.top { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; font-size: 15px; }
.top a { color: var(--verm); text-decoration: none; } .top a:hover { text-decoration: underline; }
h1 { margin: 6px 0 2px; font-family: var(--brush); font-weight: 400; font-size: clamp(48px, 9vw, 72px); line-height: 1; text-wrap: balance; }
.sub { margin: 0 0 18px; color: var(--ink-2); font-family: var(--serif); font-size: 18px; }
h2 { margin: 30px 0 6px; font-family: var(--serif); font-weight: 400; font-size: 23px; border-bottom: 1px solid var(--line); padding-bottom: 4px; }
p, li { font-size: 16px; color: #3a2d22; word-break: keep-all; overflow-wrap: anywhere; } ul, ol { padding-left: 22px; }
a { color: var(--verm); }
.date { color: var(--faint); font-size: 14px; margin: 0 0 18px; }
.cta { display: inline-block; margin: 6px 0 4px; padding: 10px 26px; font-size: 20px; color: #fff3dc; text-decoration: none; background: linear-gradient(#cf4a30, #9c2a18); border: 2px solid #4a120a; border-radius: 3px; box-shadow: inset 0 0 0 2px rgba(243,201,74,.5), 0 3px 0 rgba(0,0,0,.4); }
.cta:hover { color: #fff; }
.shot { display: block; width: 100%; max-width: 100%; height: auto; margin: 14px 0; border: 3px solid #2a1a10; border-radius: 2px; }
table { border-collapse: collapse; width: 100%; font-size: 15px; } .tbl { overflow-x: auto; }
th, td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--line); vertical-align: top; } th { color: var(--ink-2); font-weight: 400; white-space: nowrap; }
kbd { font-family: var(--font); padding: 0 6px; border: 1px solid var(--line); border-bottom-width: 2px; border-radius: 3px; background: rgba(255,252,240,.6); }
footer { max-width: 760px; margin: 16px auto 0; color: rgba(239,228,201,.55); font-size: 13px; text-align: center; } footer a { color: inherit; }