@font-face{font-family:HGCalligraphy;src:url('/fonts/hg-calligraphy.otf') format('opentype');font-display:swap}
@font-face{font-family:HGBook;src:url('/fonts/hg-book.otf') format('opentype');font-display:swap}
:root{--reading-size:27px;--reading-font:HGCalligraphy,Georgia,serif}
*{box-sizing:border-box}.edition-page{margin:0;background:radial-gradient(ellipse at 55% 0,#294239,#081b17 80%);color:#eddfc1;min-height:100vh}
.edition-nav{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:1250px;padding:24px;margin:auto}.edition-nav a{color:#ddc89c;font:14px/1.6 HGBook,Georgia,serif;text-underline-offset:5px;padding:8px 0}
.edition-layout{display:grid;grid-template-columns:minmax(220px,330px) minmax(0,780px);gap:38px;max-width:1250px;margin:10px auto 70px;padding:0 24px;align-items:start}
.edition-aside{position:sticky;top:24px;text-align:center}.edition-aside img{width:100%;height:auto;display:block;border:1px solid #b99b5c66;border-radius:6px;box-shadow:0 12px 30px #0006}.edition-aside span{display:block;font:10px/1.6 system-ui;letter-spacing:.2em;margin-top:20px;color:#baa87c}.edition-aside p{font:23px/1.4 HGCalligraphy,Georgia,serif;margin-top:10px}
.reading-tools{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin-bottom:14px;flex-wrap:wrap}.reading-tools button{min-height:42px;background:#112b25;border:1px solid #bfa16777;border-radius:5px;color:#e6d6b0;font:14px HGBook,Georgia,serif;padding:9px 12px;cursor:pointer}.reading-tools button:focus-visible{outline:2px solid #f4dfab;outline-offset:3px}
.edition-paper{position:relative;isolation:isolate;background:#f6e9cd;color:#302014;padding:54px clamp(28px,5vw,64px) 58px;border:1px solid #b99a65;border-radius:5px 13px 5px 11px;box-shadow:0 16px 45px #0007,inset 0 0 45px #96754722;overflow:hidden}
.edition-paper:before{content:'';position:absolute;z-index:-1;inset:0;background:url('/media/parchment-texture.jpg') center/650px auto repeat;opacity:.13;pointer-events:none}.edition-paper:after{content:'';position:absolute;inset:12px;border:1px solid #a88a4e50;border-radius:3px 8px 3px 7px;pointer-events:none}
.story-heading{text-align:center;padding-bottom:23px}.story-kicker{font:10px/1.7 system-ui;letter-spacing:.18em;color:#795c35}.story-number{font:12px/1.8 HGBook,Georgia,serif;letter-spacing:.08em;color:#72532f}.story-heading h1{font:56px/1.15 HGCalligraphy,Georgia,serif;font-weight:400;margin:20px 0 14px}.edition-ornament{font:28px Georgia,serif;color:#8a6835}
.edition-paper:before{background:url('/media/parchment-atlas-v32.png') var(--skin-x,0%) var(--skin-y,0%)/400% 500% no-repeat;opacity:.40}.story-heading,.story-dialogue,.story-ending{background:#f6e9cd;box-shadow:0 0 16px 12px #f6e9cd;position:relative}.story-heading{border-radius:20px}
.story-dialogue{font:var(--reading-size)/1.68 var(--reading-font);letter-spacing:.005em;overflow-wrap:break-word}.story-dialogue p{margin:0 0 22px}.story-dialogue .dialogue{color:#302014}.story-dialogue .stage-direction{font:21px/1.75 HGBook,Georgia,serif;color:#513b26;margin:25px 0}.story-ending{text-align:center;border-top:1px solid #99723966;margin-top:40px;padding-top:22px;font:25px/1.6 HGCalligraphy,Georgia,serif}.story-ending a{color:#62431e;font:15px/1.7 HGBook,Georgia,serif;text-underline-offset:4px}.story-ending nav{margin-top:15px}.reading-classic{--reading-font:HGBook,Georgia,serif;--reading-size:22px}
@media(max-width:900px){.edition-layout{grid-template-columns:minmax(0,760px);justify-content:center;gap:25px}.edition-aside{position:static;display:none}.edition-nav{max-width:810px}.edition-paper{padding:44px 34px 46px}}
@media(max-width:520px){.edition-layout{padding:0 12px;margin-top:0}.edition-nav{padding:14px 18px}.edition-nav a{font-size:13px}.edition-paper{padding:38px 25px 42px}.story-heading h1{font-size:43px}.story-number{font-size:11px}.story-dialogue{line-height:1.65}.story-dialogue .stage-direction{font-size:20px}.reading-tools button{font-size:13px}}