@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#111110;--surface:#1c1c1a;--surface2:#252522;
  --border:#2e2e2a;--border2:#3e3e38;
  --text:#e8e8e0;--text2:#8a8a80;--text3:#5a5a54;
  --accent:#7a9ee8;
  --radius:10px;--radius-sm:6px;
}
@font-face{font-family:IB;src:url('fonts/ib.woff2') format('woff2');font-display:swap}
@font-face{font-family:NBG;src:url('fonts/nbg.woff2') format('woff2');font-display:swap}
@font-face{font-family:D2;src:url('fonts/d2.woff2') format('woff2');font-display:swap}

html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR',sans-serif;font-size:16px;line-height:1.85;min-height:100vh}
.wrap{max-width:680px;margin:0 auto;padding:0 20px}

.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:22px;border-bottom:1px solid var(--border)}
.back{font-size:13px;color:var(--text3);text-decoration:none}
.back:hover{color:var(--accent)}
.alt-lang{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--text3);border:1px solid var(--border2);border-radius:var(--radius-sm);padding:5px 11px;text-decoration:none}
.alt-lang:hover{color:var(--accent);border-color:var(--accent)}

.post-head{padding-block:44px 12px}
.post-title{font-size:32px;font-weight:700;line-height:1.35;letter-spacing:-.01em}
.post-stamp{font-family:'Courier New',monospace;font-size:12px;color:var(--accent);letter-spacing:.04em;margin-top:12px}

/* 2009년 원문을 흰 카드로 그대로 품는다 */
.epigraph{background:#fff;border-radius:var(--radius);padding:40px 40px 44px;margin:34px 0 46px;box-shadow:0 4px 8px rgba(0,0,0,.3),0 20px 56px rgba(0,0,0,.4)}
.ep-head{border-bottom:4px solid #c3b8b1;padding-bottom:12px}
.ep-title{font-family:NBG,sans-serif;font-size:27px;font-weight:700;color:#1a1a1a;letter-spacing:-.01em}
.ep-stamp{display:block;text-align:right;font-family:D2,Consolas,monospace;font-size:14px;font-weight:700;color:#98a6b2;letter-spacing:.02em;margin-top:5px;margin-bottom:30px}
.ep-body{font-family:IB,serif;font-size:19px;line-height:1.8;color:#1f1f1f}
.ep-body p{margin:0 0 1.05em;color:#1f1f1f;font-family:IB,serif;font-size:19px;line-height:1.8;letter-spacing:0}
.ep-body p:last-child{margin-bottom:0}
.ep-em{font-weight:700;color:#000}
.ep-dim{color:#6d6d6d}

h2{font-size:20px;font-weight:700;line-height:1.45;margin:48px 0 18px;padding-top:26px;border-top:1px solid var(--border)}
h2:first-of-type{border-top:none;padding-top:0}
/* 본문 문단만 명조로. 제목과 카드, 캡션은 고딕으로 둔다 */
p{margin:0 0 1.15em;font-family:'Noto Serif KR',serif;font-size:17px;line-height:1.9;letter-spacing:-.005em}
p strong{font-weight:600}
code{font-family:'Courier New',monospace;font-size:.92em;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--accent)}

figure{margin:36px 0}
figure img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border)}
figcaption{font-size:12px;color:var(--text3);margin-top:9px}
.img-todo{display:flex;align-items:center;justify-content:center;text-align:center;min-height:200px;border:1px dashed var(--border2);border-radius:var(--radius);color:var(--text3);font-size:12px;padding:20px;line-height:1.7}

.closing{margin-top:52px;padding-top:26px;border-top:1px solid var(--border)}
.closing h2{border-top:none;padding-top:0;margin-top:0}

.post-foot{border-top:1px solid var(--border);margin-top:52px;padding-block:22px 60px;font-size:12px;color:var(--text3)}

/* 제사 번역. 원문 카드 아래에 낮은 톤으로 붙는다 */
.ep-trans{margin:-28px 0 46px;padding-left:18px;border-left:2px solid var(--border2);color:var(--text2);font-size:15px;line-height:1.8}
.ep-trans p{margin:0 0 1.05em;color:var(--text2);font-size:15px;line-height:1.85}
.ep-trans p:last-child{margin-bottom:0}
.ep-trans strong{color:var(--text)}