.book-reading-guide.reading-spread{width:calc(100% - 80px);max-width:1600px;margin:40px auto 64px;padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;overflow:hidden;background:#fff9ed;color:#294638;border:1px solid #c6b990;border-radius:10px 16px 16px 10px;box-shadow:0 6px 0 -2px #e5d9c0,0 9px 0 -3px #b7aa8b,0 24px 55px #17382b1c;font-family:'Noto Sans KR',sans-serif}
.reading-spread .reading-leaf{min-width:0;padding:38px 42px 20px;display:flex;flex-direction:column;position:relative}
.reading-spread .reading-intro{background:linear-gradient(95deg,#1c503d 0%,#174733 94%,#103a2b 100%);color:#fff7e8}
.reading-spread .reading-process{background:linear-gradient(90deg,#b9ab8b55 0,#eee4d1 12px,#fffaf0 40px);color:#294638}
.reading-spread .reading-process>header{display:block;padding:0;background:none;color:inherit}
.reading-spread h2,.reading-spread h3{font-family:'Noto Sans KR',sans-serif}
.reading-spread .reading-eyebrow{display:block;max-width:none;margin:0 0 12px;font-size:12px;letter-spacing:.12em;color:#b8d0b6}
.reading-spread .reading-process .reading-eyebrow{color:#84734e}
.reading-spread h2{max-width:none;margin:0;font-size:clamp(25px,2.35vw,37px);line-height:1.45;letter-spacing:-.045em;color:inherit;font-weight:700}
.reading-spread .reading-process h2{font-size:clamp(23px,2vw,30px);line-height:1.35}
.reading-spread p{max-width:none;margin:0;font-size:15px;line-height:1.85;color:inherit;word-break:keep-all;overflow-wrap:break-word}
.reading-spread .reading-lead{font-size:20px;line-height:1.7;margin:22px 0 0;color:#e4cf9d}
.reading-spread .reading-copy{margin:26px 0 24px;max-width:36em}
.reading-spread .reading-copy h3{font-size:17px;line-height:1.6;margin:26px 0 8px;color:#f7e9c9;font-weight:700;letter-spacing:-.025em}
.reading-spread .reading-copy h3:first-child{margin-top:0}
.reading-spread .reading-copy p{color:#e3ece2;font-weight:400;line-height:1.95}
.reading-spread .reading-invite{margin-top:auto;padding-top:20px;border-top:1px solid #ffffff30}
.reading-spread .reading-invite p{font-size:16px;line-height:1.9}
.reading-spread .reading-start{display:flex;align-items:center;justify-content:space-between;max-width:310px;margin:20px 0 12px;padding:12px 18px;background:#e7d3a3;color:#173d2e;border:1px solid #f4e5c4;border-radius:4px;text-decoration:none;font-size:15px;font-weight:700}
.reading-spread .reading-more{color:#d7e1cb;text-decoration:underline;text-underline-offset:4px;font-size:13px}
.reading-spread .reading-page-footer{display:flex;justify-content:space-between;gap:10px;margin-top:24px;padding:14px 0 0;background:transparent;border-top:1px solid #b09b6638;font-size:10px;letter-spacing:.08em;color:#8b7954}
.reading-spread .reading-intro .reading-page-footer{color:#b8c8ae;border-color:#ffffff20}
.reading-flow{list-style:none;margin:24px 0 0;padding:0 0 0 28px;display:flex;flex-direction:column;gap:20px}
.reading-flow>li{position:relative;min-width:0}
.reading-flow>li:not(:last-child)::after{content:'↓';position:absolute;left:calc(50% - 8px);bottom:-21px;color:#9c8552;font:19px/20px system-ui}
.reading-step{position:absolute;left:-29px;top:12px;font-size:11px;letter-spacing:.03em;color:#9d8757}
.reading-providers{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.reading-providers>div{display:flex;align-items:center;gap:6px;border:1px solid #d9cdb4;padding:8px;background:#f6f0e2;border-radius:5px;min-width:0}
.reading-providers b,.reading-providers span{display:block}.reading-providers b{font-size:13px}.reading-providers span{font-size:10px;color:#75694f;line-height:1.6}
.reading-icon{width:66px;height:64px;flex:none;filter:drop-shadow(0 4px 2px #4e41261c)}
.reading-providers .reading-icon{width:45px;height:46px}
.reading-node{display:flex;align-items:center;gap:14px;min-width:0;background:#f6efdf;border:1px solid #dbccaa;border-radius:6px;padding:10px 14px}
.reading-spread .reading-node h3,.reading-spread .reading-conversation h3,.reading-spread .reading-output h3{font-size:14px;margin:0 0 5px;line-height:1.55;letter-spacing:-.02em}
.reading-spread .reading-node h3 small{display:inline;font-size:10px;color:#8d7646;margin:0 0 0 6px;letter-spacing:0;font-weight:400}
.reading-spread .reading-node p{font-size:11px;line-height:1.75;color:#776a4f}
.reading-rag{background:linear-gradient(110deg,#efe1ba,#faf2df);border-color:#c8ae71}
.reading-rag .reading-icon{width:78px;height:72px}
.reading-conversation{border:1px solid #c1cbb7;background:#edf0e6;border-radius:7px;padding:13px 12px 10px;text-align:center}
.reading-loop{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:center;gap:4px;margin-top:7px}
.reading-player,.reading-character{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.reading-loop b{font-size:12px}.reading-loop span{font-size:10px;color:#657459}
.reading-loop .reading-icon{width:76px;height:65px}
.reading-person{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#bda66f,#f0ddb0 44%,#927a49);box-shadow:inset 0 0 0 4px #fff6d950,2px 5px 0 #b8ab8b4d;color:#314c38!important;font:28px Georgia,serif!important;margin-bottom:12px}
.reading-exchange{display:flex;flex-direction:column;gap:5px;align-items:center}.reading-exchange b{padding:4px 22px;color:#f5ead2;background:#31573f;border-radius:18px;letter-spacing:.12em}
.reading-spread .reading-exchange small{font-size:10px;line-height:1.5;margin:0;color:#586849}
.reading-spread .reading-loop-note{margin:10px 0 0;padding-top:8px;border-top:1px solid #c6cdb9;font-size:10px;color:#647258}
.reading-output{border:1px dashed #b7a786;border-radius:7px;background:#fffdf7;padding:12px 14px}
.reading-output-title{display:flex;gap:10px;align-items:center}.reading-output .reading-icon{width:48px;height:48px}
.reading-plan-label{display:block;font-size:9px;color:#8e784d}.reading-spread .reading-output p{font-size:10px;color:#786c54;line-height:1.8;margin:7px 0 10px}
.reading-formats{display:flex;align-items:center;justify-content:space-evenly;border-top:1px solid #e3d9c6;padding-top:9px;gap:8px;text-align:center}.reading-formats b{display:block;font-size:13px}.reading-formats span{font-size:9px;color:#887956}
.reading-download{font-size:11px;text-align:center;margin-top:10px;background:#e9dfc7;padding:6px 8px;border-radius:3px;color:#675635}.reading-download span{padding:0 5px}
.reading-process .reading-page-footer{margin-top:auto;padding-top:14px}
/* Turning leaves are nested clones: use the same overflow policy as the visible pages. */
#book .book-spread .book-page,#book:fullscreen .book-spread .book-page{overflow:clip}
#book .book-spread .book-page>.page-main{overflow:clip;scrollbar-width:none}
#book .book-spread .book-page>.page-main::-webkit-scrollbar{display:none}
@media(min-width:1001px){#book .book-toolbar{grid-template-columns:minmax(216px,328px) minmax(0,1fr) auto auto}}
/* Keep every paragraph and person visible in ordinary, shorter browser windows. */
#book .book-page[data-fit] .chapter-prose{font-size:calc(20px - 6px * var(--reading-fit));line-height:calc(1.9 - .25 * var(--reading-fit))}
#book .book-page[data-fit] .chapter-prose p{margin-bottom:calc(14px - 8px * var(--reading-fit))}
#book .book-page[data-fit] .chapter-art{height:calc(220px - 130px * var(--reading-fit));margin-bottom:calc(12px - 6px * var(--reading-fit))}
#book .book-page[data-fit] h2{font-size:calc(29px - 6px * var(--reading-fit));margin:7px 0 9px}
#book .book-page[data-fit] h3{font-size:calc(23px - 4px * var(--reading-fit));margin:6px 0}
#book .book-page[data-fit] .chapter-invitation{font-size:calc(14px - 3px * var(--reading-fit));line-height:1.6;margin-bottom:6px}
#book .book-page[data-fit] .edition-cast{gap:calc(8px - 5px * var(--reading-fit));margin:5px 0}
#book .book-page[data-fit] .edition-person{padding:calc(9px - 7px * var(--reading-fit)) 0;gap:8px}
#book .book-page[data-fit] .edition-person>img{width:calc(96px - 36px * var(--reading-fit));height:calc(120px - 45px * var(--reading-fit))}
#book .book-page[data-fit] .edition-cast[data-many=true] .edition-person>img{width:calc(70px - 22px * var(--reading-fit));height:calc(86px - 26px * var(--reading-fit))}
#book .book-page[data-fit] .person-topic{font-size:calc(14px - 3px * var(--reading-fit));line-height:1.35;margin:3px 0}
#book .book-page[data-fit] .edition-play{font-size:calc(15px - 3px * var(--reading-fit));padding-top:2px;line-height:1.5}
#book .book-page[data-fit] .edition-person-head strong{font-size:calc(20px - 4px * var(--reading-fit));line-height:1.4}
#book .book-page[data-fit] .edition-person-head button{font-size:calc(12px - 2px * var(--reading-fit));line-height:1.5;padding:2px 0}
#book .book-page[data-fit] .edition-person-copy blockquote{font-size:calc(13px - 2px * var(--reading-fit));line-height:1.5;margin:4px 0}
#book .book-page[data-fit] .edition-cast[data-many=true] .edition-person-copy blockquote{line-height:1.35;margin:3px 0}
#book .book-page[data-fit] .edition-cast[data-many=true] .edition-person{padding:calc(8px - 8px * var(--reading-fit)) 0}
#book .book-page[data-fit] .chapter-place{padding:4px 0;line-height:1.4;gap:3px 10px}
@media(min-width:1001px) and (max-height:950px){#book .book-page[data-fit] .chapter-prose{font-size:calc(16px - 3px * var(--reading-fit));line-height:calc(1.75 - .15 * var(--reading-fit))}#book .book-page[data-fit] .chapter-art{height:calc(150px - 80px * var(--reading-fit))}#book .book-page[data-fit] .edition-cast[data-many=false] .edition-person>img{width:calc(78px - 22px * var(--reading-fit));height:calc(98px - 30px * var(--reading-fit))}#book .book-page[data-fit] .person-topic{font-size:calc(12px - 1px * var(--reading-fit))}}
@media(min-width:1500px){.reading-spread .reading-leaf{padding:42px 54px 22px}.reading-spread .reading-copy p{font-size:16px;line-height:1.85}.reading-spread .reading-copy h3{font-size:19px}.reading-spread .reading-flow{gap:22px}.reading-flow>li:not(:last-child)::after{bottom:-22px}.reading-providers b{font-size:15px}.reading-providers span{font-size:12px}.reading-spread .reading-node h3,.reading-spread .reading-conversation h3,.reading-spread .reading-output h3{font-size:16px}.reading-spread .reading-node p{font-size:12px}.reading-loop b{font-size:14px}.reading-loop span,.reading-spread .reading-exchange small{font-size:11px}.reading-plan-label{font-size:10px}.reading-spread .reading-output p{font-size:11px}.reading-formats span{font-size:10px}}
@media(max-width:1050px){.book-reading-guide.reading-spread{width:calc(100% - 36px)}.reading-spread .reading-leaf{padding:28px 26px 18px}.reading-providers{grid-template-columns:1fr}.reading-providers>div{padding:4px 10px}.reading-spread .reading-lead{font-size:18px}.reading-spread .reading-copy p{font-size:14px}.reading-spread .reading-copy h3{font-size:16px}.reading-node{padding:9px;gap:6px}.reading-icon{width:48px;height:48px}.reading-rag .reading-icon{width:54px;height:56px}.reading-flow{padding-left:20px}.reading-step{left:-22px;font-size:9px}.reading-spread .reading-node h3 small{display:block;margin:2px 0 0}}
@media(max-width:760px){.book-reading-guide.reading-spread{display:block;max-width:580px;margin:24px auto 40px;border-radius:8px}.reading-spread .reading-leaf{padding:30px 25px 18px}.reading-spread .reading-process{background:linear-gradient(#e1d5ba,#fffaf0 25px);border-top:1px solid #b4a47f}.reading-spread h2{font-size:28px}.reading-spread .reading-process h2{font-size:26px}.reading-spread .reading-copy{margin:24px 0}.reading-spread .reading-copy p{font-size:14px}.reading-providers{grid-template-columns:1fr 1fr}.reading-providers>div{padding:7px 5px;gap:4px;flex-direction:column;text-align:center}.reading-providers span{font-size:9px}.reading-process .reading-page-footer{margin-top:22px}.reading-flow{margin-top:22px}.reading-spread .reading-node h3{font-size:13px}.reading-spread .reading-node p{font-size:10px}.reading-loop{grid-template-columns:1fr 1.2fr 1fr}.reading-loop b{font-size:11px}.reading-loop span{font-size:9px}.reading-spread .reading-exchange small{font-size:9px}.reading-loop .reading-icon{width:60px}.reading-conversation{padding:11px 8px}.reading-spread .reading-conversation h3{font-size:12px}.reading-output{padding:10px}.reading-spread .reading-output h3{font-size:12px}}