.story-reader-page{max-width:1160px;padding-top:30px;padding-bottom:65px}
.story-reader-note{padding:16px 20px;border:1px solid #ddc89f;border-radius:12px;background:#fff9ec;color:#695032;font-size:14px;line-height:1.65;margin:0 0 22px}.story-collection-note{font-size:13px;line-height:1.7;color:#65745f;margin:0 0 18px}.story-text-controls{display:flex;justify-content:flex-end;margin-top:18px}.story-text-controls button{font:inherit;font-size:14px;color:#2b7740;background:transparent;border:0;padding:10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.story-sources{margin:18px 0 24px;color:#526953;font-size:13px;line-height:1.7}.story-sources summary{font-weight:800;cursor:pointer;padding:8px 0}.story-sources ul{display:flex;flex-wrap:wrap;gap:8px 25px;padding-left:20px}
.story-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#64738a;margin-bottom:34px}
.story-breadcrumb a{color:#53705b;text-decoration:none}.story-breadcrumb a:hover{text-decoration:underline}
.story-heading{text-align:center;max-width:810px;margin:0 auto 32px}.story-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.13;margin:12px 0 14px}.story-heading>p:not(.eyebrow){color:#60718a;font-size:18px;line-height:1.6;margin:0}.story-heading .eyebrow{font-size:11px;color:#2b7c3e;letter-spacing:1.2px}.story-reference{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:17px;font-size:13px;color:#60718a}
.story-book{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #e1e9de;border-radius:24px;overflow:hidden;background:#fffef8;box-shadow:0 9px 30px #2e4b2910}.story-picture{position:relative;background:#edf3e5;align-self:start;position:sticky;top:20px}.story-picture svg{width:100%;height:auto;display:block;aspect-ratio:600/450;object-fit:cover}.story-page-sticker{position:absolute;bottom:20px;left:20px;border-radius:20px;background:#fffdf3;padding:7px 13px;font-size:12px;font-weight:800;color:#3e6542;box-shadow:0 2px 6px #273b1b13}
.story-reading{padding:clamp(24px,3.5vw,45px);display:flex;flex-direction:column;justify-content:center;min-width:0}.story-sheet-label{display:block;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#417345;margin:0 0 14px}.story-sheet p{font-size:clamp(19px,1.8vw,23px);line-height:1.8;color:#263848;margin:0}.story-sheet+.story-sheet{margin-top:28px}.is-enhanced .story-sheet{margin-top:0}.is-enhanced .story-sheet:not(.is-current){display:none}.is-enhanced.show-full-story .story-sheet{display:block;margin-top:24px}.is-enhanced.show-full-story .story-sheet:first-child{margin-top:0}.story-sheet.is-speaking p{color:#183c25}.story-word.spoken-word{background:#d7edba;border-radius:3px;box-shadow:0 0 0 2px #d7edba}
.story-page-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e6eadf;margin-top:25px;padding-top:18px;font-size:13px;color:#6a795e}.story-page-nav button{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #d6e2d0;color:#2d783a;font-size:22px;line-height:1;cursor:pointer}.story-page-nav button:hover:enabled{background:#eaf4df}.story-page-nav button:disabled{opacity:.3;cursor:default}
.story-listening{max-width:none;margin:25px auto 0}.story-playback{display:flex;align-items:center;gap:20px}.story-play{gap:12px;min-width:220px}.story-play [data-play-symbol]{font-size:13px;min-width:15px}.story-restart{background:transparent;color:#3c6546;cursor:pointer;padding:11px 4px;font-weight:800;font-size:14px}.story-restart:hover{color:#158228}.story-speed{margin-left:auto;display:flex;align-items:center;gap:10px;color:#65728a;font-size:13px}.story-speed select{font:inherit;color:#2c4934;background:#fff;border:1px solid #d6e1d4;border-radius:9px;padding:9px 28px 9px 12px}.story-progress-row{display:flex;align-items:center;gap:15px;margin-top:22px;color:#6d7e64;font-size:12px}.story-progress-row progress{width:100%;height:7px;accent-color:#2c8b40;border:0;border-radius:8px;overflow:hidden;background:#e9efdf}.story-progress-row progress::-webkit-progress-bar{background:#e9efdf}.story-progress-row progress::-webkit-progress-value{background:#4b963c;border-radius:8px}.story-progress-row>span{white-space:nowrap}.story-narration-note{color:#6c7b6b;font-size:12px;line-height:1.7;margin:12px 0 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.story-narration-note button{background:transparent;color:#237834;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;padding:0}.story-audio-status{font-size:13px;color:#506c50;margin:10px 0 0;min-height:22px}.story-after{margin:24px auto 0;max-width:none;border-top:1px solid #e5eadf;padding-top:23px}.story-after>p{font-size:13px;color:#6a7b69;line-height:1.7;margin:0 0 18px}.story-after>div{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.story-after a:not(.button){color:#2b7740;font-weight:800;font-size:14px}.story-up-next{max-width:none;display:flex;justify-content:space-between;align-items:center;gap:22px;background:#f5f8ef;border-radius:18px;padding:25px 28px;margin:36px auto 0}.story-up-next .eyebrow{font-size:10px;margin:0 0 9px;color:#317542}.story-up-next h2{font-size:23px;margin:0}.story-up-next p:not(.eyebrow){font-size:14px;color:#67776b;margin:7px 0 0}.story-no-script{font-size:14px;margin:22px 0;color:#526c53}
.story-reader-page [hidden]{display:none!important}.story-reader-page button:focus-visible,.story-reader-page select:focus-visible,.story-reader-page a:focus-visible{outline:3px solid #1c8ce0;outline-offset:4px}.show-full-story .story-page-nav{display:none}
@media(max-width:720px){.story-reader-page{padding-top:20px}.story-breadcrumb{font-size:11px;margin-bottom:27px}.story-heading{margin-bottom:24px}.story-heading>p:not(.eyebrow){font-size:16px}.story-book{grid-template-columns:1fr;border-radius:18px}.story-picture{position:relative;top:auto}.story-picture svg{aspect-ratio:600/350}.story-page-sticker{bottom:13px;left:15px}.story-reading{padding:25px}.story-sheet p{font-size:20px;line-height:1.75}.story-playback{flex-wrap:wrap;gap:13px}.story-play{flex:1;min-width:180px}.story-restart span{display:none}.story-speed{margin-left:0;justify-content:space-between;flex-basis:100%;margin-top:3px}.story-speed select{min-width:132px}.story-up-next{flex-direction:column;align-items:flex-start;padding:24px}.story-after>div{align-items:flex-start;flex-direction:column}.story-heading h1{font-size:33px}}
@media print{.story-heading{margin-bottom:20px}.story-book{display:block;border:0;box-shadow:none}.story-picture{display:none}.is-enhanced .story-sheet{display:block!important;break-inside:avoid;margin:18px 0!important}.story-reading{padding:0}.story-listening,.story-page-nav,.story-up-next,.story-after>div{display:none!important}.story-sheet p{font-size:14pt}.story-sheet-label{font-size:9pt}}

.story-reference a{color:#2b7740;font-weight:800;text-decoration:underline;text-underline-offset:3px}.story-listening{scroll-margin-top:28px}.story-restart,.story-narration-note button{border:0}.story-restart{min-width:40px}

/* Speech-linked text remains one readable paragraph, with sentence keyboard stops. */
.story-sheet .story-sentence{display:inline;padding:0;margin:0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.story-sheet .story-sentence:hover{background:#edf3df}.story-sheet .story-sentence:focus-visible{outline:2px solid #318742;outline-offset:3px}
.story-sheet .story-sentence.is-current-sentence{background:#eff4e3}
.story-word.spoken-word{background:#d4eaaa;color:#173f25;border-radius:3px;box-shadow:0 0 0 2px #d4eaaa}
.story-follow-hint{font-size:12px;line-height:1.6;color:#607459;margin:18px 0 0}
.story-progress-row{margin-top:7px;gap:13px;flex-wrap:wrap}.story-seek{flex:1;min-width:120px;width:100%;height:36px;padding:0;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.story-seek::-webkit-slider-runnable-track{height:7px;border-radius:8px;background:linear-gradient(to right,#4b963c 0%,#4b963c var(--seek-progress,0%),#e9efdf var(--seek-progress,0%),#e9efdf 100%)}
.story-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:2px solid #fff;border-radius:50%;background:#357f37;box-shadow:0 0 0 1px #357f37;margin-top:-5px}
.story-seek::-moz-range-track{height:7px;border-radius:8px;background:#e9efdf}.story-seek::-moz-range-progress{height:7px;border-radius:8px;background:#4b963c}.story-seek::-moz-range-thumb{width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:#357f37}
.story-reader-page .story-seek:focus-visible{outline:2px solid #1c8ce0;outline-offset:3px;border-radius:8px}.story-listening-time{font-variant-numeric:tabular-nums}
@media(max-width:560px){.story-progress-row{column-gap:12px;row-gap:0}.story-seek{flex-basis:100%}.story-listening-time{margin-right:auto}.story-follow-hint{font-size:12px}}
@media print{.story-sheet .story-sentence,.story-sheet .story-sentence.is-current-sentence,.story-word.spoken-word{background:transparent!important;box-shadow:none!important;color:inherit!important}}

.story-crafts{max-width:none;margin:48px auto 0;padding-top:32px;border-top:1px solid #e5eadf}
.story-crafts header{margin-bottom:22px}.story-crafts h2{font-size:28px;line-height:1.25;margin:0 0 9px}.story-crafts header p{font-size:16px;line-height:1.6;color:#60718a;margin:0}
.story-crafts-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;list-style:none;margin:0;padding:4px 4px 14px;scroll-padding-inline:4px;scrollbar-width:thin;scrollbar-color:#b7cbb4 #f3f7ef}
.story-crafts-track>li{display:flex;min-width:0;scroll-snap-align:start}.story-craft{display:flex;flex-direction:column;width:100%;padding:10px;border:1px solid #e2e9de;border-radius:17px;background:white;color:#151e35;text-decoration:none;transition:border-color .15s,box-shadow .15s}.story-craft:hover{border-color:#99b78d;box-shadow:0 3px 12px #25421d0c;color:#151e35}.story-craft-picture{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#f3f6ed}.story-craft-picture>img{display:block;width:100%;height:100%;object-fit:cover}.story-craft-picture .format-art{width:80px;height:80px}
.story-craft h3{font-size:17px;line-height:1.4;min-height:2.8em;margin:15px 3px 7px}.story-craft-type{font-size:12px;line-height:1.5;color:#6a7b69;margin:0 3px 16px}.story-craft-view{display:flex;justify-content:space-between;gap:10px;margin:auto 3px 4px;font-size:13px;font-weight:800;color:#2b7740}.story-crafts-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.story-crafts-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d6e2d0;border-radius:50%;background:white;color:#2d783a;font:inherit;font-size:21px;cursor:pointer}.story-crafts-controls button:hover:enabled{background:#eaf4df}.story-crafts-controls button:disabled{opacity:.3;cursor:default}.story-crafts-track:focus-visible{outline:3px solid #1c8ce0;outline-offset:4px}
@media(max-width:850px) and (min-width:561px){.story-crafts-track{grid-auto-columns:calc((100% - 18px)/2)}}
@media(max-width:560px){.story-crafts{margin-top:34px;padding-top:26px}.story-crafts h2{font-size:24px}.story-crafts header p{font-size:15px}.story-crafts-track{grid-auto-columns:82%;gap:14px}.story-craft h3{font-size:18px}.story-crafts-controls{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.story-craft{transition:none}}
@media print{.story-crafts{display:none!important}}
.story-teaching-links{margin-top:34px;padding:25px 28px;border:1px solid #e1e8d9;border-radius:15px;background:#f7faf3}.story-teaching-links h2{font-size:25px;margin-bottom:10px}.story-teaching-links p{font-size:15px;margin-bottom:15px}.story-teaching-links a{display:block;padding:9px 0;color:#2d7740;font-size:15px;font-weight:800;overflow-wrap:anywhere}@media(max-width:560px){.story-teaching-links{padding:21px}.story-teaching-links h2{font-size:23px}.story-teaching-links a{font-size:14px}}