.reading-ribbon{position:sticky;top:0;z-index:9;background:#f4f1e8f5;padding:14px 0 0;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#718277;font-size:11px;letter-spacing:1px}.reading-name{font-family:var(--serif);font-weight:500;font-size:16px;color:var(--green)}.reading-count{font-variant-numeric:tabular-nums;font-size:11px}.reading-line{flex-basis:100%;height:2px;background:#dce0d4}.reading-line span{display:block;width:100%;height:100%;background:#a9ba99;transform:scaleX(0);transform-origin:left}.story-flow>.story-cover{margin-top:25px;margin-bottom:125px}.story-flow>.chapter-page{padding-top:72px;padding-bottom:105px;margin-top:75px;border-top:0}.chapter-lede{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin:58px 0 72px}.chapter-lede .chapter-title{font-size:clamp(40px,4.7vw,66px);line-height:1.45;letter-spacing:2px;margin:0;max-width:12ch}.chapter-lede .chapter-intro{font-size:16px;line-height:2.1;max-width:28ch;margin:0 0 8px;color:#6c7e71}.chapter-heading{justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #dce0d4}.chapter-heading .eyebrow{font-size:13px;letter-spacing:1px;color:#879776}.chapter-small{font-size:11px;color:#8b9788;letter-spacing:0}.story-flow .chapter-layout{grid-template-columns:1.1fr 1fr;gap:80px;align-items:start}.story-flow .chapter-content{padding-top:18px}.story-flow .knowledge-list{display:flex;flex-direction:column;gap:34px}.story-flow .knowledge{padding:28px 0 35px;display:grid;grid-template-columns:1fr auto;gap:20px;min-height:180px;border-color:#dce0d4;background:transparent;text-align:left;align-items:start}.story-flow .knowledge-index{display:none}.story-flow .knowledge b{font-family:var(--serif);font-size:29px;font-weight:500;letter-spacing:1px;color:#3b5c4f;line-height:1.5}.story-flow .knowledge small{font-family:var(--sans);font-size:15px;line-height:2.1;color:#7c887e;max-width:25ch;display:block;margin-top:18px}.story-flow .knowledge-plus{font-size:12px;margin-top:10px;color:#9a8b62;letter-spacing:0;white-space:nowrap}.story-flow .knowledge:hover .knowledge-plus{color:#456d5b}.story-flow .chapter-art{border:0;background:transparent;padding-bottom:82px;transform-origin:center 25%;border-radius:8px}.story-flow .chapter-illustration{border-radius:8px}.story-flow .guide-chip{bottom:20px;font-size:12px}.story-flow .art-detail-button{bottom:30px;font-size:10px;background:transparent;border-color:#d8ddce;color:#738471}.chapter-end{margin-top:70px;display:flex;gap:25px;align-items:center;color:#a8b198;font-size:10px}.chapter-end:before,.chapter-end:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#d9decd,transparent)}.chapter-end svg{width:100px;height:20px;fill:none;stroke:#b6c1a5;stroke-width:1}.story-after{padding:80px 0 20px;text-align:center}.story-after p{font-family:var(--serif);font-size:30px;line-height:1.8;color:#496d5b}.story-after .glass-button{margin:30px auto 0;display:inline-flex}.chapter-page.night .chapter-lede .chapter-title{color:#536252}.story-flow .revive-quote{font-family:var(--serif);font-size:35px;line-height:1.8;margin-top:28px;color:#547557}.story-flow .hold-quote{padding:35px 0;margin-top:30px;font-family:var(--serif);font-size:25px;line-height:1.9}.story-flow .hold-quote small{font-family:var(--sans);font-size:11px;margin-top:15px}.story-flow .drum-button{margin-top:28px;padding:16px 25px;font-size:13px}
@media(min-width:1000px){.story-flow .chapter-art{position:sticky;top:60px}.story-flow .chapter-content{padding-top:0}}
@media(max-width:700px){.reading-ribbon{padding-top:10px;font-size:10px;gap:10px}.reading-name{font-size:14px}.reading-count{font-size:10px}.reading-line{height:1px}.story-flow>.story-cover{margin-top:8px;margin-bottom:95px;padding-top:25px}.story-flow>.chapter-page{padding-top:20px;margin-top:40px;padding-bottom:72px}.chapter-heading{padding-bottom:16px;gap:15px}.chapter-heading .eyebrow{font-size:12px}.chapter-small{font-size:10px;max-width:57%;line-height:1.8}.chapter-lede{display:flex;flex-direction:column;align-items:flex-start;gap:25px;margin:45px 0 45px}.chapter-lede .chapter-title{font-size:42px;line-height:1.5;letter-spacing:1px;max-width:10ch}.chapter-lede .chapter-intro{font-size:15px;line-height:2.15;max-width:28ch;margin:0}.story-flow .chapter-layout{display:flex;flex-direction:column;gap:38px}.story-flow .chapter-art{padding-bottom:80px;width:100%;border-radius:6px}.story-flow .chapter-illustration{border-radius:6px}.story-flow .guide-chip{font-size:11px;bottom:22px}.story-flow .art-detail-button{font-size:10px;bottom:31px}.story-flow .chapter-content{padding-top:0}.story-flow .knowledge-list{gap:22px}.story-flow .knowledge{padding:30px 0 35px;min-height:180px;gap:17px;grid-template-columns:1fr auto}.story-flow .knowledge b{font-size:27px}.story-flow .knowledge small{font-size:15px;line-height:2.1;margin-top:19px;max-width:24ch}.story-flow .knowledge-plus{font-size:10px;margin-top:10px}.chapter-end{margin-top:55px}.chapter-end svg{width:75px}.story-after{padding:50px 0 15px}.story-after p{font-size:28px}.story-flow .revive-quote{font-size:30px;margin-top:10px}.story-flow .hold-quote{font-size:24px;padding:22px 0}.story-flow .drum-button{font-size:12px}.story-flow .hero-text>.eyebrow{font-size:10px;letter-spacing:1px}.story-flow .hero-desc{font-size:16px;letter-spacing:2px;line-height:1.9}.story-flow .hero-actions{margin-top:10px}.story-flow .cover-bottom{font-size:9px;padding-top:15px}.story-flow .swipe-hint{font-size:9px}}
.reading-name{margin-right:auto}.reading-menu{padding:0;background:transparent;color:#6a7e70;font-size:11px;letter-spacing:1px;min-width:32px;cursor:pointer}.reading-menu:hover{color:#2e5a45}.reading-menu:focus-visible{outline:2px solid #5f856b;outline-offset:5px}