/* Pip's story world wraps the original phonics concepts and checked lessons. */
.story-home-welcome{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;margin:9px 0 25px}.story-home-welcome .catalog-intro{padding:10px 0}.story-home-welcome h1{font-size:41px;line-height:1.15}.story-home-welcome .catalog-intro>p{font-size:15px}.story-home-welcome .home-link{margin-top:18px}.story-garden{position:relative;overflow:hidden;height:284px;border:1px solid #d6e1c9;border-radius:26px;background:#e5edda}.story-landscape{width:100%;height:100%;object-fit:cover}.story-garden-pip{position:absolute;left:9%;bottom:15px;width:114px;height:137px}.story-garden-speech{position:absolute;top:21px;left:8%;max-width:225px;margin:0;padding:13px 16px;border-radius:19px 19px 19px 4px;background:#fffdf4;color:#355940;font-size:13px;line-height:1.6;font-weight:600}.garden-flowers{position:absolute;right:7%;bottom:18px;display:flex;align-items:flex-end;flex-wrap:wrap;gap:5px;max-width:47%;font-size:22px}.story-concepts-heading{font-size:23px;letter-spacing:-.5px;margin:0 0 18px}.story-place{display:block;color:#71845e;font-size:12px;line-height:1.6;margin:6px 0 13px}.story-concept-welcome{display:flex;align-items:center;gap:20px;margin-bottom:17px}.story-concept-welcome>img{width:83px;height:104px;flex-shrink:0}.story-concept-welcome h2{font-size:22px;margin:4px 0 8px}.story-concept-welcome p{font-size:14px;line-height:1.8;margin:0}.story-place-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#73835f}.story-episode .episode-heading{font-size:25px;line-height:1.3}.story-episode .story-focus{font-size:12px;line-height:1.7;color:#3e6650;margin:6px 0 0}.episode-opening{font-size:15px;line-height:1.8;color:#526a4e;margin:19px 0 10px;max-width:850px}.story-narrate{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:1px solid #ceddc0;border-radius:13px;background:#edf3e4;color:var(--green);padding:10px 15px;font-size:12px;font-weight:600}.story-narrate:hover{background:#e1ecd4}.story-audio-status{font-size:12px;line-height:1.7;color:#687a56;scroll-margin-top:110px}.story-episode .word-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.word-card .word-mission{font-size:12px;line-height:1.7;color:#53694c;margin:5px 5px 6px;min-height:62px}.word-card .word-story-step{align-self:flex-start;font-size:10px;background:#e7eddb;border-radius:8px;padding:4px 8px;margin:2px 3px 3px}.word-card.has-story-flower{border-color:#bfcea9}.lesson-story{margin:0 22px 12px;padding:13px 17px;border:1px solid #dce5d1;border-radius:17px;background:#edf2e3}.lesson-story-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.lesson-story-title{font-size:16px;line-height:1.5;font-weight:700}.lesson-story-focus{font-size:10px;line-height:1.6;color:#697b57;text-align:right}.lesson-story-mission{font-size:13px;line-height:1.7;margin:8px 0 0;color:#52694a}.lesson-story .story-narrate{margin-top:9px;background:#fafcf4;font-size:11px;padding:7px 11px;min-height:40px}.story-reflection{max-width:370px;font-size:12px;line-height:1.8;text-align:center;color:#61754e;margin:12px 0 0}.story-reflection strong{display:block;color:#3f6247;font-size:13px}.story-model-note{font-size:11px;line-height:1.7;color:#6a795e}
@media(max-width:850px){.story-home-welcome{gap:20px}.story-home-welcome h1{font-size:35px}.story-garden{height:270px}.story-garden-pip{left:5%;width:102px;height:124px}.story-garden-speech{font-size:12px;left:6%;max-width:85%}.lesson-story{margin-inline:18px}}
@media(max-width:650px){.story-home-welcome{grid-template-columns:1fr;gap:17px}.story-home-welcome h1{font-size:35px}.story-home-welcome .catalog-intro>p{font-size:13px}.story-garden{height:238px}.story-garden-pip{width:110px;height:132px;left:10%}.story-garden-speech{max-width:235px}.story-concept-welcome{gap:13px;align-items:center}.story-concept-welcome>img{width:65px;height:81px}.story-concept-welcome h2{font-size:19px}.story-concept-welcome p{font-size:12px}.story-episode .episode-heading{font-size:21px}.story-episode .story-focus{font-size:11px}.episode-opening{font-size:13px}.story-episode .word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-card .word-mission{font-size:11px;min-height:72px;margin-inline:2px}.lesson-story{margin-inline:11px;padding:12px}.lesson-story-top{display:block}.lesson-story-title{font-size:15px}.lesson-story-focus{text-align:left;font-size:10px;margin-top:3px}.lesson-story-mission{font-size:12px}.story-concepts-heading{font-size:22px}}
@media(prefers-reduced-motion:no-preference){.garden-flowers>span{animation:story-bloom .6s ease-out}@keyframes story-bloom{from{opacity:.4;transform:scale(.6)}to{opacity:1;transform:scale(1)}}}
.story-narrate[hidden]{display:none}
.lesson-story-title,.lesson-story-focus{display:block}.lesson-story-focus{font-size:12px}
@media(max-width:650px){.lesson-story-focus{font-size:11px}}