/* Editorial compositions on the existing book page. No new layout engine. */
.neighbor-dialogue{display:flex;align-items:center;gap:18px;margin:0}
.neighbor-dialogue img{width:82px;height:128px;object-fit:contain;flex:none}
.neighbor-dialogue figcaption{padding:16px 20px;background:#fff9e9;border:1px solid #d3bd89;border-radius:22px 22px 22px 4px;color:#314936;text-shadow:none;max-width:350px}
.neighbor-dialogue strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#866334}
.neighbor-dialogue p{margin:6px 0 0;font:italic 19px/1.4 Georgia,serif}
.storybook-route{list-style:none;display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin:0;padding:0;counter-reset:journey}
.storybook-route li{flex:1 1 90px;min-width:0;position:relative;padding:12px;border-top:2px dotted #bba578;background:#fff5dc;color:#314936;text-shadow:none;border-radius:0 0 12px 12px;counter-increment:journey;font-weight:700;font-size:12px}
.storybook-route li:before{content:counter(journey,decimal-leading-zero);display:block;font:italic 19px Georgia,serif;color:#9a743c;margin-bottom:7px}
.family-journey{margin:0;padding:10px;border-bottom:2px dotted #bba578}
.family-journey__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.book-prop{display:block;flex:none;width:86px;height:86px;background-image:url('../assets/artwork/home-illustrations.webp');background-size:400% 200%;background-repeat:no-repeat;border-radius:12px}
.book-prop--home{background-position:0 100%}.book-prop--books{background-position:33.333% 0}.book-prop--toys{background-position:100% 0}
.journey-cargo{padding:6px 12px;display:flex;justify-content:center;min-width:0}
.points-letter{display:block;padding:12px 17px;border:1px solid #ba9957;border-radius:50%;background:#f5e1a6;color:#574326;font:italic 18px Georgia,serif;text-shadow:none}
.family-journey figcaption,.parcel-story figcaption{margin-top:12px;text-align:center;font-size:11px;line-height:1.4}
.points-cycle{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:360px;margin:0 auto}
.points-cycle li{padding:15px;background:#f6e9c6;border:1px dashed #b79b65;border-radius:30px;text-align:center;color:#314936;text-shadow:none;font-weight:700;font-size:12px}
.points-cycle li:after{content:' ↻';color:#9a743c}.points-cycle li:nth-child(3){grid-area:2/2}.points-cycle li:nth-child(4){grid-area:2/1}
.address-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.parcel-story{margin:0;text-align:center}.parcel-story__finds{display:flex;justify-content:center;gap:10px;margin-bottom:-15px;position:relative;z-index:1}
.parcel-story__finds .book-prop{width:66px;height:66px}
.guide-prop .parcel-story img{max-height:120px}
.guide-prop .btn{margin:4px 8px 4px 0}
.book-art-slot{display:block}
.returning-neighbor{font-size:13px;margin-top:12px}
.story-active .guide-chapter.living-story{--scene-shade:linear-gradient(0deg,#1d392633,#1d392610);--scene-focus:50% 45%}
.story-active .guide-chapter.living-story .guide-beat{inset:6% 6% 9%;gap:12px;padding:clamp(16px,4cqw,30px);border-radius:0;background:none;color:#334835;text-shadow:none;box-shadow:none;border:0}
.story-active .guide-chapter.living-story .guide-title{color:#2f4e39;font-size:clamp(22px,5.1cqw,36px)}
.story-active .guide-chapter.living-story .guide-kicker{color:#8b683c}
.story-active .guide-chapter.living-story .guide-body{font-size:clamp(14px,2.8cqw,18px);line-height:1.5}
.story-active .guide-chapter.reference-story .guide-title{font-size:clamp(21px,4.8cqw,32px)}
.story-active .guide-chapter.reference-story .guide-body{font-size:clamp(13px,2.65cqw,17px)}
.story-active .reference-story .page-narrative .guide-prop{order:initial}
.story-active .reference-story .page-narrative .guide-prop img{height:19cqh;max-height:19cqh;object-fit:contain}
.story-active .guide-chapter.living-story a:not(.btn){color:#395c3d}
.story-active .guide-chapter .neighbor-dialogue img{max-width:26%;width:85px;height:135px;max-height:22cqh;border-radius:0;box-shadow:none;margin:0}
.story-active .guide-chapter .neighbor-dialogue figcaption{padding:12px 16px;flex:1}
.story-active .guide-chapter .neighbor-dialogue p{font-size:clamp(15px,3.1cqw,21px)}
.story-active .guide-chapter .page-guidebook .guide-prop{border-top:1px dashed #c8b487;padding-top:14px}
.story-active .guide-chapter .page-scrapbook .guide-note{transform:rotate(-1deg);box-shadow:3px 5px 0 #b3945830;border-radius:2px}
.story-active .guide-chapter .page-narrative .guide-prop img:not(.neighbor-dialogue img){max-width:100%;width:100%;max-height:24cqh;object-fit:cover;object-position:center;border:5px solid #fff9e9;border-radius:3px;box-shadow:0 4px 14px #182b2233}
.story-active .guide-chapter .page-quiet{text-align:center}
.story-active .guide-chapter .page-quiet .guide-title{font-size:clamp(24px,5.4cqw,38px)}
.story-active .guide-chapter .page-quiet .guide-prop img{max-width:100%;width:100%;max-height:25cqh;object-fit:cover;border-radius:50% 50% 3px 3px}
.story-active .living-story .page-narrative .guide-prop,.story-active .living-story .page-quiet .guide-prop:has(img){order:-1;margin-bottom:8px}
.story-active .living-story .page-narrative .guide-prop img,.story-active .living-story .page-quiet .guide-prop img{height:27cqh;max-height:27cqh}
@container chapter (max-width:380px){
 .story-active .guide-chapter.living-story .guide-beat{inset:5% 5% 9%;padding:16px;gap:10px}
 .story-active .guide-chapter .guide-title{font-size:23px}
 .story-active .guide-chapter .guide-body{font-size:14px;line-height:1.45}
 .book-prop{width:62px;height:62px}.journey-cargo{padding:4px}
 .address-pair{grid-template-columns:1fr;gap:9px}
 .storybook-route{gap:7px}.storybook-route li{flex-basis:80px;padding:9px}
 .neighbor-dialogue{gap:10px}.story-active .guide-chapter .neighbor-dialogue figcaption{padding:10px}
}
@container chapter (max-height:470px){
 .story-active .guide-chapter.living-story .guide-beat{inset:4% 5% 8%;gap:8px;padding:14px}
 .story-active .guide-chapter.living-story .guide-title{font-size:21px}
 .story-active .guide-chapter.living-story .guide-body{font-size:13px;line-height:1.4}
 .story-active .guide-chapter .guide-prop img{max-height:22cqh!important}
 .book-prop{width:50px;height:50px}.family-journey{padding:4px}
 .story-active .guide-chapter .neighbor-dialogue img{height:85px;max-height:22cqh!important}
 .storybook-route li{padding:7px}.storybook-route li:before{margin-bottom:3px}
 .points-cycle li{padding:9px}.points-cycle{gap:8px}
}
/* Short side-panel pages need a compact route, not a second tall card grid. */
@container chapter (max-height:400px){
 .story-active .guide-chapter.living-story .guide-beat{inset:2% 4% 6%;padding:10px;gap:5px}
 .story-active .guide-chapter.living-story .guide-title{font-size:20px;line-height:1.1}
 .story-active .guide-chapter.living-story .guide-body{font-size:12.5px;line-height:1.35}
 .story-active .guide-chapter .guide-body p{margin-bottom:6px}
 .story-active .guide-chapter .guide-body p:last-child{margin-bottom:0}
 .story-active .guide-chapter .guide-note{padding:6px 10px}
 .story-active .guide-chapter .guide-tiles{gap:6px}
 .story-active .guide-chapter .guide-prop img{max-height:17cqh!important}
 .story-active .guide-chapter .neighbor-dialogue img{max-height:22cqh!important}
 .story-active .guide-chapter .storybook-route{gap:6px}
 .story-active .guide-chapter .storybook-route li{flex-basis:calc(50% - 6px);padding:6px 8px;font-size:11px;line-height:1.3}
 .story-active .guide-chapter .storybook-route li:before{display:inline;font-size:13px;margin:0 6px 0 0}
}
html:not(.story-active) .living-story .guide-beat{padding:24px;border-bottom:1px solid #d9cda9}
html:not(.story-active) .guide-prop .book-illustration{max-width:100%;width:380px;max-height:240px;object-fit:cover}
html:not(.story-active) .guide-prop .neighbor-dialogue img{width:82px;max-height:128px;margin:0;border-radius:0}
@media print{.guide-beat{break-inside:avoid}.neighbor-dialogue figcaption{color:#314936}.book-prop{print-color-adjust:exact}}