/* Moonlit notes: one typography and stationery treatment across all 17 chapters. */
.yuran-reading { --yuran-accent:#79606c; --yuran-paper:#f6f3ec; container-type:inline-size; }
.yuran-reading.career-story { background:var(--yuran-paper); }
.yuran-reading .career-chapter-header h2,.yuran-reading .complete-cover h1 { font-family:'Gowun Batang',serif; font-weight:400; color:#493a42; }
.yuran-reading .career-chapter-header { padding:45px 7% 38px; }
.yuran-reading .career-chapter-header>p:last-child { color:#968680; }
.yuran-reading .career-lead:not(.yuran-balloon) { padding:30px 8% 22px; }
.yuran-reading .career-lead:not(.yuran-balloon) p { font:400 clamp(16px,3.75cqw,19px)/2 'Gowun Batang',serif; color:#79646c; }
.yuran-reading .yuran-letter { position:relative; margin:28px 6% 40px; padding:27px 7% 24px; border:1px solid #ccbfb34f; border-radius:1px; background:linear-gradient(110deg,#fffef9,#fffaf2 65%,#f8f1e6); box-shadow:0 2px 3px #624b4108,3px 5px 0 -1px #f2ecdf,3px 5px 0 #d8cabb5c,0 12px 26px -20px #6a3d3773; }
.yuran-letter::after { content:''; position:absolute; right:-1px; top:-1px; width:22px; height:22px; background:linear-gradient(225deg,var(--yuran-paper) 48%,#d9cbbb 50%,#efe3d4 55%,#fffaf2); pointer-events:none; }
.yuran-letter-heading { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #bcaa9655; padding-bottom:14px; margin-bottom:24px; color:#9a8490; font:14px/1.8 'Gowun Batang',serif; }
.yuran-letter-number { font:11px/1.8 SUIT,sans-serif; letter-spacing:.1em; }
.yuran-reading .yuran-letter h3 { font:400 clamp(21px,5cqw,28px)/1.65 'Gowun Batang',serif; color:#68505d; margin:0 0 25px; letter-spacing:-.035em; }
.yuran-reading .yuran-letter .reading-detail-paragraph,.yuran-reading .yuran-letter [data-report-body] { --letter-line:2.1em; font:400 clamp(16px,3.75cqw,18px)/2.1 SUIT,sans-serif; color:#51484b; letter-spacing:-.03em; margin:0 0 26px; word-break:keep-all; overflow-wrap:anywhere; background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--letter-line) - 1px),#bda58e24 calc(var(--letter-line) - 1px),#bda58e24 var(--letter-line)); }
.yuran-reading .yuran-letter .reading-detail-paragraph:last-of-type { margin-bottom:12px; }
.yuran-reading .yuran-letter .reading-evidence { margin:22px 0 0; padding:13px 0 0; border:0; border-top:1px solid #c6b8a955; font:11px/1.9 SUIT,sans-serif; color:#95868c; }
.yuran-reading .yuran-letter .reading-evidence>span { color:#987884; }
.yuran-reading .yuran-letter .complete-short-reading,.yuran-reading .yuran-letter .illustrated-report { margin:0 0 28px; padding:0; border:0; }
.yuran-reading .yuran-letter .complete-short-reading:last-child,.yuran-reading .yuran-letter .illustrated-report:last-child { margin-bottom:0; }
.yuran-reading .yuran-letter .career-part-label { font-size:11px; color:#a08991; margin-bottom:15px; }
.yuran-reading .yuran-balloon { position:relative; isolation:isolate; border:0; border-radius:0; background:none; box-shadow:none; }
.yuran-reading .yuran-balloon::before { display:none; }
.yuran-balloon>svg { position:absolute; inset:0; width:100%; height:100%; z-index:-1; overflow:visible; filter:drop-shadow(0 3px 3px #60445809); }
.yuran-balloon>svg path { fill:#fffefa; stroke:#78616c; stroke-width:1.15px; stroke-linejoin:round; }
.yuran-balloon[data-tail='right']>svg { transform:scaleX(-1); }
.yuran-balloon-copy { display:flow-root; min-width:0; width:67%; margin-inline:20% 13%; word-break:keep-all; overflow-wrap:anywhere; }
.yuran-balloon[data-tail='right']>.yuran-balloon-copy { margin-inline:13% 20%; }
.yuran-balloon[data-tail='up']>.yuran-balloon-copy { width:66%; margin-inline:17%; }
/* Insets follow the SVG's inner body, excluding its tapered sides and tail.
   JS scales the block insets with the full copy height; no text is clipped. */
.yuran-reading .career-guide-speech.yuran-balloon { min-width:0; padding:var(--balloon-pad-top,28px) 0 var(--balloon-pad-bottom,29px); }
.yuran-reading .career-guide-speech p { text-align:center; font:400 clamp(12px,3.1cqw,16px)/1.9 SUIT,sans-serif; color:#89737e; margin:9px 0 0; }
.yuran-reading .career-guide-speech .career-guide-title { font:500 clamp(14px,3.5cqw,18px)/1.8 SUIT,sans-serif; color:#5f4653; margin:0; }
.yuran-reading .yuran-opening-balloon,.yuran-reading>.career-lead.yuran-balloon { display:flex; align-items:center; justify-content:center; width:82%; max-width:440px; min-height:150px; padding:var(--balloon-pad-top,44px) 0 var(--balloon-pad-bottom,31px); margin:clamp(-70px,-10cqw,-40px) auto 10px 5%; z-index:1; }
.yuran-reading .yuran-opening-balloon .complete-opening-line,.yuran-reading>.career-lead.yuran-balloon p { padding:0; margin:0; font:500 clamp(16px,3.9cqw,21px)/1.8 SUIT,sans-serif; color:#58414e; text-align:center; white-space:pre-line; overflow-wrap:anywhere; }
.yuran-reading .story-manuscript.yuran-study,.yuran-reading .yuran-time-study { margin:28px 6% 38px; padding:26px 5% 20px; background:#eee9df; border-block:1px solid #c9bba95c; color:#64545c; }
.yuran-study-label { text-align:center; font:11px/1.8 SUIT,sans-serif; letter-spacing:.1em; color:#9d8290; margin:0 0 10px; }
.yuran-study-title { text-align:center; font:400 clamp(19px,4.7cqw,26px)/1.7 'Gowun Batang',serif; color:#725762; margin:0 0 25px; word-break:keep-all; }
.yuran-reading .yuran-study .manuscript-caption { font-size:12px; margin-block:16px 25px; }
.yuran-reading .yuran-study .story-elements { margin-bottom:18px; }
.yuran-element-bar { display:flex; height:4px; gap:3px; overflow:hidden; margin:16px 0; border-radius:2px; }
.yuran-element-bar span { flex-basis:0; min-width:0; background:var(--element,#648477); }
.yuran-element-bar .element-wood { --element:#648477; }
.yuran-element-bar .element-fire { --element:#b76569; }
.yuran-element-bar .element-earth { --element:#ae8d52; }
.yuran-element-bar .element-metal { --element:#9285a4; }
.yuran-element-bar .element-water { --element:#6688a5; }
.yuran-study-guide { display:grid; grid-template-columns:36% minmax(0,1fr); gap:8px; align-items:center; margin:25px 0 15px; }
.yuran-study-art { margin:0; }
.yuran-reading .yuran-study-art img { display:block; width:135%; max-width:none; margin-left:-15%; height:auto; object-fit:contain; }
.yuran-study-explanation,.yuran-fact-explanation { font:400 clamp(13px,3.3cqw,16px)/1.95 SUIT,sans-serif; color:#796770; word-break:keep-all; overflow-wrap:anywhere; margin:0; }
.yuran-fact-explanation { margin:20px 0 0; }
.yuran-study-method { border-top:1px solid #bca79644; padding-top:13px; margin-top:18px; font:12px/1.9 SUIT,sans-serif; color:#9a8589; }
.yuran-study-method summary { cursor:pointer; }
.yuran-study-method p { margin:12px 0 0; }
.yuran-time-scales { display:grid; grid-template-columns:1fr 1fr; margin:0; text-align:center; }
.yuran-time-scales>div+div { border-left:1px solid #c9bba966; }
.yuran-time-scales dt,.yuran-time-scales p { font:12px/1.8 SUIT,sans-serif; color:#9a8589; }
.yuran-time-scales dd { font:32px/1.8 'Gowun Batang',serif; margin:8px 0; }
.yuran-month-example { display:grid; gap:10px; text-align:center; color:#9a8589; font:12px/1.8 SUIT,sans-serif; }
.yuran-month-example strong { font:400 clamp(25px,6cqw,34px)/1.8 'Gowun Batang',serif; color:#725762; }
.yuran-reading .career-ending>p:first-child,.yuran-reading .career-narration { font-family:'Gowun Batang',serif; }
.yuran-evidence,.yuran-source-notes { border-top:1px solid #c6b8a966; margin:22px 0 10px; padding:12px 0; color:#79646c; font:13px/1.9 SUIT,sans-serif; overflow-wrap:anywhere; }
.yuran-evidence summary,.yuran-source-notes summary,.yuran-next-cycle>summary { cursor:pointer; min-height:44px; padding:10px 0; line-height:1.8; }
.yuran-evidence p { font:13px/1.95 SUIT,sans-serif; margin:12px 0 0; }
.yuran-reading .yuran-evidence .reading-evidence { padding:0; border:0; margin:12px 0; }
.saju-evidence-tags { display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0; margin:14px 0; }
.saju-evidence-tags li { padding:4px 9px; background:#eae2d9; border-radius:4px; font:12px/1.7 SUIT,sans-serif; color:#705b67; }
.complete-reading-page>.yuran-source-notes,.yuran-reading>.yuran-source-notes { margin-inline:7%; }
.yuran-source-notes .complete-short-reading,.yuran-source-notes .illustrated-report { padding:12px 0; }
.yuran-source-notes [data-report-body] { font:14px/1.95 SUIT,sans-serif; }
.yuran-next-cycle { margin:28px 6% 40px; border:1px solid #c6b8a977; border-radius:5px; background:#eee7dc; }
.yuran-next-cycle>summary { padding:20px; color:#694f5c; font:17px/1.8 'Gowun Batang',serif; }
.yuran-next-cycle[open]>summary { border-bottom:1px solid #c6b8a966; }
.yuran-next-cycle .complete-period { margin-inline:0; }
.month-carryover { margin:25px 7%; padding:20px; border-left:2px solid #987884; background:#eee7dc; font:14px/1.9 SUIT,sans-serif; color:#6d5862; }
.month-carryover p { margin:10px 0 0; }
@media(max-width:359px) {
  .yuran-reading .yuran-letter { margin-inline:4%; padding-inline:7%; }
}