/* ---- 독백 3부작 《바람을 삼킨 화가》 — 34개 언어, RTL 포함 ---- */
.mo-wrap{max-width:820px;margin:auto;padding:40px var(--gap) 80px}
.mo-head{text-align:center;padding:12px 0 0}
.mo-head .eyebrow{margin-bottom:14px}
.mo-head h1{font-size:clamp(34px,5vw,60px);line-height:1.08;letter-spacing:-.03em;margin:0 0 12px}
.mo-work{font-size:clamp(17px,1.6vw,20px);color:var(--muted);margin:0 0 8px}
.mo-work a:hover{color:var(--gold-2)}
.mo-voice{font-size:clamp(40px,6vw,76px)!important}
.mo-sub{font:600 12px/1.6 var(--sans);letter-spacing:.18em;color:var(--gold);margin:0;text-transform:uppercase}
.mo-rule{width:64px;margin:28px auto 0;border-top:1px solid var(--gold)}

/* 목차 (세 목소리) */
.mo-toc{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:12px}
.mo-toc a{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px 26px;box-shadow:var(--shadow-s);transition:border-color .15s,transform .15s}
.mo-toc a:hover{border-color:var(--gold)}
.mo-toc .n{font:600 40px/1 var(--serif);color:var(--gold);letter-spacing:-.03em;text-align:center}
.mo-toc .main{display:flex;flex-direction:column;gap:6px;min-width:0}
.mo-toc .main b{font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.02em;font-weight:600}
.mo-toc .main em{font-style:italic;color:var(--muted);font-size:16px}
.mo-toc .c{font:600 12px/1 var(--sans);letter-spacing:.1em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 12px}
@media (max-width:560px){.mo-toc a{grid-template-columns:40px 1fr;padding:18px}.mo-toc .n{font-size:30px}.mo-toc .c{display:none}}

/* 목소리 띠 · 편 차례 */
.mo-voices{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:30px 0 0}
.mo-voices a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:500 14px/1 var(--sans);color:var(--ink-2)}
.mo-voices a span{font:600 11px/1 var(--sans);color:var(--gold);letter-spacing:.1em}
.mo-voices a:hover,.mo-voices a[aria-current]{border-color:var(--gold-2);color:var(--gold-2)}
.mo-voices a[aria-current]{background:var(--paper-2)}
.mo-contents{margin:30px 0 0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px 24px}
.mo-contents ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:2px 28px}
.mo-contents a{display:grid;grid-template-columns:38px 1fr;gap:8px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line-2);font-size:15.5px;color:var(--ink-2)}
.mo-contents li:nth-last-child(-n+2) a{border-bottom:0}
.mo-contents a:hover{color:var(--gold-2)}
.mo-contents .r{font:600 12px/1.6 var(--sans);letter-spacing:.08em;color:var(--gold)}
@media (max-width:600px){.mo-contents ol{grid-template-columns:1fr}.mo-contents li:nth-last-child(2) a{border-bottom:1px solid var(--line-2)}}

/* 본문 */
.mo-parts{margin-top:28px}
.mo-part{padding:56px 0 26px;border-bottom:1px solid var(--line);scroll-margin-top:96px}
.mo-part:last-child{border-bottom:0}
.mo-num{font:600 13px/1 var(--sans);letter-spacing:.3em;color:var(--gold);margin:0 0 14px;text-align:center}
.mo-part h2{font-size:clamp(26px,3.2vw,40px);line-height:1.15;letter-spacing:-.025em;text-align:center;margin:0 0 34px}
.mo-body{max-width:700px;margin:auto;font-size:18.5px;line-height:1.95;color:var(--ink)}
.mo-body p{margin:0 0 1.35em;text-align:start}
.mo-body p:last-child{margin-bottom:0}
.lang-ja .mo-body,.lang-zh-Hans .mo-body,.lang-zh-Hant .mo-body{line-height:2.1}
.lang-ko .mo-body{font-size:18px;line-height:2.05;word-break:keep-all}
[dir="rtl"] .mo-body{font-size:20px;line-height:2.05}
.lang-th .mo-body,.lang-hi .mo-body,.lang-bn .mo-body{line-height:2.1;font-size:19px}
.mo-top{margin:26px 0 0;text-align:end;font:12px/1 var(--sans);letter-spacing:.08em}
.mo-top a{color:var(--muted-2)}.mo-top a:hover{color:var(--gold-2)}

/* 앞·뒤 목소리 */
.mo-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:start}
.mo-pager a{max-width:none}
.mo-pager .idx{text-align:center;align-items:center}
.mo-pager .next{text-align:end;align-items:flex-end;margin:0}
.mo-pager .prev{align-items:flex-start}
@media (max-width:620px){.mo-pager{grid-template-columns:1fr 1fr}.mo-pager .idx{grid-column:1/-1;order:3;padding-top:14px}}

.mo-langs{margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}
.mo-langs h2{font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 16px}

/* ---- 문학과 기록의 경계 알림 (templates/pages/_notice.html 의 literary_notice) ----
   이야기 50 · 독백 · 100주년 기념판 독백 · 문학 입구가 함께 쓴다.
   같은 블록이 stories.css 와 monologue.css 에 있다 — 고칠 때는 두 곳을 같이 고친다 (공통 부품이므로 site.css 로 옮길 것). */
.lit-note{max-width:36em;margin:20px 0 0;font:12.5px/1.75 var(--sans);letter-spacing:.01em;color:var(--muted);text-align:start}
.lit-note::before{content:"";display:block;width:36px;border-top:1px solid var(--gold);margin:0 0 10px}
.lit-note p{margin:0;max-width:none;font:inherit;letter-spacing:inherit;color:inherit}
.lit-note .lit-by{font-weight:600;letter-spacing:.05em;color:var(--ink-2)}
.lang-ko .lit-note{word-break:keep-all}
.lit-note-end{margin-top:34px}
.lit-note.center{margin-left:auto;margin-right:auto;text-align:center}
.lit-note.center::before{margin-left:auto;margin-right:auto}
.lit-note.norule::before{display:none}
.lit-note.on-dark{color:#cdbd9f}
.lit-note.on-dark .lit-by{color:#f3ead9}
.lit-note.on-dark::before{border-top-color:var(--gold-soft)}
/* 자리별 간격 */
.mo-head .lit-note{margin-top:18px}
.cn-read .lit-note-top{margin:2px 0 22px}

/* RTL: site.css 의 .skip{left:-999px} 가 오른쪽-시작 문서에서 가로 스크롤을 만든다 → 시작 변 바깥으로 보낸다 (site.css 로 옮길 것) */
[dir="rtl"] .skip:focus{left:auto;right:8px}

.lit-note.lit-by-only{border:0;padding:0;margin:0 0 14px;font:600 12px/1 var(--sans);letter-spacing:.14em;color:var(--gold)}
.lit-note.lit-by-only.center{text-align:center}
.lit-note.lit-by-only.on-dark{color:var(--gold-soft)}
.lit-note.lit-by-only::before{display:none}