:root{--navy:#111c48;--blue:#4056df;--coral:#ff4d55;--cream:#fffaf0;--line:#dce2f2}
[hidden]{display:none!important}.next-choice{display:block;margin:26px 0 0 auto;padding:16px 24px;background:var(--coral);border:0;border-radius:50px;color:#fff;font-weight:800;font-size:1rem}.next-choice:hover,.next-choice:focus-visible{background:#d83f48;outline:3px solid #ffc5c8;outline-offset:2px}
.manage-details{display:inline-block;color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:3px;margin:0 0 6px}
*{box-sizing:border-box}body{margin:0;color:var(--navy);background:linear-gradient(#f1f5ff,#fff 420px);font-family:"Avenir Next","Segoe UI",system-ui,sans-serif;line-height:1.6}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.story-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(18px,5vw,68px);background:#fff;border-bottom:1px solid var(--line)}.story-brand{font:700 1.15rem Georgia,serif}.story-brand span{display:block;font:800 .68rem "Avenir Next","Segoe UI",sans-serif;letter-spacing:.13em}.return-link,.plain-button{font-weight:750;color:var(--blue)}.return-link:hover,.plain-button:hover{text-decoration:underline}.reader{width:min(100% - 32px,850px);margin:40px auto 80px}.reading-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.reading-tools>div{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:baseline}.sample-label{text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:.73rem;color:var(--blue)}#storyProgress{font-size:.88rem;color:#566184;font-weight:800}.plain-button{border:0;background:none;padding:8px 0}.progress-track{height:7px;background:#dce2f2;border-radius:999px;overflow:hidden;margin-bottom:24px}.progress-track span{height:100%;width:0;background:var(--coral);display:block;transition:width .25s}.story-page{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(24px,5vw,62px);box-shadow:0 24px 70px rgba(17,28,72,.1)}.overline,.stop-label{font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}h1,h2{font-family:Georgia,"Times New Roman",serif;line-height:1.17}h1{font-size:clamp(2.2rem,6vw,3.7rem);letter-spacing:-.035em;margin:8px 0 17px}h2{font-size:clamp(1.5rem,4vw,2rem);margin:6px 0 24px}.reader-intro{font-size:1.03rem;color:#566184;margin:0 0 24px}.story-picture{margin:30px 0;border-radius:20px;overflow:hidden;background:#e8ebf7}.story-picture img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.story-picture figcaption{font-size:.85rem;color:#596486;background:#f5f7fd;padding:10px 15px}.opening-picture{margin-top:22px}.story-copy{font:1.17rem/1.85 Georgia,"Times New Roman",serif;color:#303955}.story-copy p,.chosen-result p,.story-ending p{margin:0 0 1.15em}.chosen-result{font:1.15rem/1.8 Georgia,"Times New Roman",serif;background:#fff9ea;border-left:4px solid #f4bd4e;padding:20px 23px;border-radius:0 12px 12px 0;margin:30px 0;color:#343b55}.chosen-result strong{font:800 .78rem "Avenir Next","Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#795714}.choice-section{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.stop-label{margin:0 0 8px}.choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.route-choice{border:2px solid #d5dcef;background:#fff;padding:19px;text-align:left;border-radius:18px;display:grid;grid-template-columns:36px 1fr;gap:4px 10px;color:var(--navy);transition:border-color .2s,transform .2s,box-shadow .2s;min-height:125px}.route-choice:hover,.route-choice:focus-visible{border-color:var(--coral);transform:translateY(-2px);box-shadow:0 12px 30px rgba(17,28,72,.12);outline:none}.route-choice span{grid-row:1/3;display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:var(--blue);color:#fff;font-weight:900}.route-choice strong{font-size:1.03rem;line-height:1.3}.route-choice small{font-size:.85rem;line-height:1.4;color:#5e6885}.story-ending{font:1.17rem/1.85 Georgia,"Times New Roman",serif;color:#303955;padding-top:10px}.story-ending h2{color:var(--navy)}.reader-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);margin-top:34px;padding-top:18px;font-size:.85rem;color:#6a7495}.site-footer{text-align:center;background:var(--navy);color:#dbe2ff;padding:24px 20px;font-size:.84rem}
@media(max-width:600px){.reader{width:min(100% - 20px,850px);margin-top:18px}.story-page{border-radius:20px}.choice-buttons{grid-template-columns:1fr}.route-choice{min-height:95px}.story-copy,.chosen-result,.story-ending{font-size:1.11rem;line-height:1.8}.return-link{font-size:.85rem}}@media(prefers-reduced-motion:reduce){.route-choice,.progress-track span{transition:none}}
.family-stories{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0 22px;font-weight:800}.family-stories a{background:#e9edff;color:#192451;padding:9px 14px;border-radius:999px}.family-stories a[aria-current=page]{background:#4056df;color:#fff}.family-stories[hidden]{display:none}

.read-together .reader{width:min(100% - 20px,850px);margin:12px auto}.read-together .story-page{padding:16px}.read-together .story-page>h1{font-size:1.6rem;margin:5px 0}.read-together .story-page>.overline,.read-together .reader-intro,.read-together .story-page>p:has(.manage-details){display:none}.read-together .opening-picture{margin:10px 0}.read-together .opening-picture img{height:30dvh;aspect-ratio:auto;object-fit:contain}.read-together #readingPassage{height:42dvh;overflow-y:auto;overscroll-behavior:contain;padding:8px 12px;border-top:1px solid var(--line)}.read-together .repeated-picture{display:none}.read-together .reading-tools{flex-wrap:wrap}.read-together .story-header{padding:8px 16px}.read-together .family-stories{margin:6px 0}.read-together .family-stories a{padding:4px 10px}.repeated-picture img{object-fit:contain}

/* Keep the illustration outside the only scrolling region in the nightly reader. */
body.read-together{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.read-together .story-header{flex:none}
.read-together .reader{flex:1;min-height:0;display:flex;flex-direction:column;margin:8px auto;width:min(100% - 20px,850px)}
.read-together .reading-tools{flex:none;margin-bottom:4px}
.read-together .story-page{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 14px;overflow:hidden}
.read-together .story-page>h1{flex:none;font-size:clamp(1.1rem,3vw,1.6rem);line-height:1.2;margin:2px 0 6px}
.read-together .family-stories{flex:none;margin:2px 0 6px}
.read-together .opening-picture{flex:none;margin:0 0 8px;border-radius:14px}
.read-together .opening-picture img{height:30vh;height:30dvh;width:100%;object-fit:contain}
.read-together #readingPassage{flex:1;min-height:0;height:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px 8px 24px;scroll-padding-top:12px}
.read-together #readingPassage:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.read-together .repeated-picture{display:none}
.read-together .site-footer{display:none}
@media(max-height:500px){.read-together .story-header{display:none}.read-together .opening-picture img{height:28dvh}.read-together .story-page>h1{font-size:1rem}}

/* Reserve the stationary picture area while custom art is loading. */
.read-together .opening-picture{height:30vh;height:30dvh}
.read-together .opening-picture img{height:100%;aspect-ratio:auto}
.read-together .opening-picture img:not([src]){visibility:hidden}
.read-together #readingPassage{position:relative}
@media(max-height:500px){.read-together .opening-picture{height:28vh;height:28dvh}}