html[data-story-reader-open=true],html[data-story-reader-open=true] body{height:100%;overflow:hidden}html[data-story-reader-open=true] body{position:fixed;inset:0}html[data-story-reader-open=true] [aria-label="Share feedback"],html[data-story-reader-open=true] [aria-label=Help]{display:none}.story-reader-host>[role=dialog]{z-index:120}.viewport-story-reader{position:fixed;inset:0;z-index:70;height:100dvh;width:100%;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden;background:radial-gradient(ellipse at top,#f1ecdf,#dfdbcf);color:#35281f}.viewport-reader-footer,.viewport-reader-header{display:flex;align-items:center;gap:12px;min-width:0}.viewport-reader-header{min-height:48px;display:grid;grid-template-columns:minmax(max-content,1fr) minmax(0,auto) minmax(max-content,1fr)}.viewport-reader-header-side{display:flex;align-items:center;gap:inherit;min-width:0}.viewport-reader-header-end{justify-content:flex-end}.viewport-reader-lesson-menu{position:relative}.viewport-reader-lesson-menu>summary{list-style:none}.viewport-reader-lesson-menu>summary::-webkit-details-marker{display:none}.viewport-reader-lesson-menu-list{position:absolute;left:0;top:calc(100% + 6px);z-index:5;display:grid;min-width:190px;border:1px solid #1b1730;background:#fffdf7;box-shadow:0 8px 22px #554a3533}.viewport-reader-lesson-menu-list>a,.viewport-reader-lesson-menu-list>button{display:flex;align-items:center;min-height:44px;padding:8px 14px;border:0;background:none;color:#1B1730;font:inherit;font-size:15px;font-weight:700;text-align:left;text-decoration:none;cursor:pointer}.viewport-reader-lesson-menu-list>*+*{border-top:1px solid #e5dbc3}.viewport-reader-lesson-menu-list>a:hover,.viewport-reader-lesson-menu-list>button:hover{background:#FFF6EA}.viewport-reader-lesson-menu-list>a:focus-visible,.viewport-reader-lesson-menu-list>button:focus-visible{outline:3px solid #599bc6;outline-offset:-3px}.viewport-story-reader[data-picture-status]{grid-template-rows:auto auto minmax(0,1fr) auto}.viewport-reader-picture-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;border:1px solid #e85c41;background:#FFF6EA;color:#1B1730;padding:8px 12px;font-size:13px;line-height:1.4}.viewport-reader-picture-status p{margin:0;flex:1 1 230px}.viewport-reader-picture-status .viewport-reader-action{font-size:13px}.viewport-reader-title{min-width:0;text-align:center}.viewport-reader-title h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(18px,2.1vw,24px);font-weight:750;line-height:1.2}.viewport-reader-title p{margin:4px 0 0;font-size:12px;color:#73614c}.viewport-reader-title .viewport-reader-book-label{margin-top:2px;font-weight:700;color:#4a3b2a}.viewport-reader-action,.viewport-reader-icon{display:inline-flex;flex:none;justify-content:center;align-items:center;gap:7px;min-height:44px;min-width:44px;border:1px solid #d7c99f;border-radius:16px;background:#fffdf7;color:#3c4935;padding:8px 12px;font-size:15px;font-weight:700;line-height:1.2;cursor:pointer}.viewport-reader-icon{padding:10px}.viewport-reader-action svg,.viewport-reader-icon svg{width:21px;height:21px;flex:none}.viewport-reader-action:disabled,.viewport-reader-icon:disabled{opacity:.35;cursor:default}.viewport-reader-action:focus-visible,.viewport-reader-icon:focus-visible{outline:3px solid #599bc6;outline-offset:2px}.viewport-reader-spread{position:relative;margin:2px 10px 9px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid #c9b993;border-radius:8px 14px 14px 8px;box-shadow:0 3px 0 #e5dbc3,0 5px 0 #c7b99e,0 8px 0 #6d795b,0 12px 22px #554a3524}.viewport-reader-art,.viewport-reader-spread{min-height:0;min-width:0;overflow:hidden;background:#fffbf1}.viewport-reader-art{display:flex;align-items:center;justify-content:center;padding:clamp(14px,2vw,28px)}.viewport-reader-art img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.viewport-reader-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;max-width:320px}.viewport-reader-placeholder>svg{width:38px;height:38px;color:#b88828}.viewport-reader-placeholder p{margin:0;font-size:18px;font-weight:650}.viewport-reader-placeholder span{font-size:14px;color:#73614c}.viewport-reader-text-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-height:0;min-width:0;padding:clamp(18px,2.5vw,32px);background:#fffbf1}.viewport-reader-text-label{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:#80602d;line-height:1.3}.viewport-reader-spread:after{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 12px);width:24px;pointer-events:none;background:linear-gradient(90deg,transparent,#8c78522a 42%,#79684935 50%,#fffdf79c 58%,transparent)}.viewport-reader-text-panel-plain{grid-template-rows:minmax(0,1fr) auto}.viewport-reader-text-panel-with-lesson{grid-template-rows:auto minmax(0,1fr) auto auto}.viewport-reader-text-space{position:relative;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding-inline-end:4px}.viewport-reader-text-space:focus-visible{outline:2px solid #599bc6;outline-offset:3px;border-radius:3px}.viewport-reader-text-content{display:grid;gap:20px}.viewport-reader-text-section>.viewport-reader-text-label{margin-bottom:10px}.viewport-reader-prose{margin:0;font-family:var(--font-lexend),var(--font-nunito),system-ui,sans-serif;font-size:var(--reader-prose-size,clamp(23px,2.6vw,30px));font-weight:500;line-height:1.6;overflow-wrap:anywhere;max-width:none!important;letter-spacing:.01em}.viewport-reader-text-position{font-size:12px;color:#80602d;line-height:1.3}.viewport-reader-the-end{margin:1.25em 0 0;text-align:center;font-family:var(--font-lexend),var(--font-nunito),system-ui,sans-serif;font-size:calc(var(--reader-prose-size, clamp(23px, 2.6vw, 30px)) * 1.05);font-weight:700;font-style:italic;letter-spacing:.04em;color:#80602d}.viewport-reader-footer{justify-content:space-between;min-height:54px}.viewport-reader-footer-side{display:flex;align-items:center;gap:inherit}.viewport-reader-centre{display:flex;align-items:center;gap:16px}.viewport-reader-centre>span{font-size:13px;color:#73614c;white-space:nowrap}.viewport-reader-audio{background:#ebbc56;color:#3e2c13;border-color:#dfb04b}.viewport-reader-practice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;padding:28px;min-height:0;min-width:0;border-radius:22px;border:1px solid #dfcd9b;background:#fffaf0}.viewport-reader-practice-main{text-align:center}.viewport-reader-practice-main .viewport-reader-text-label{justify-content:center}.viewport-reader-practice-target{font-size:clamp(64px,10vw,120px);line-height:1.2;font-weight:650;margin:14px 0;overflow-wrap:anywhere}.viewport-reader-practice-instruction{font-size:20px;line-height:1.5;margin-top:18px}.viewport-reader-practice-guide{display:grid;gap:16px;font-size:18px;line-height:1.55}.viewport-reader-examples{display:flex;flex-wrap:wrap;gap:10px}.viewport-reader-examples span{background:#f0e9fd;border:1px solid #d7c8e9;padding:8px 14px;border-radius:12px;font-weight:650}.viewport-reader-completion{overflow:auto;min-height:0;padding:16px}.viewport-reader-questions{position:relative;margin:2px 10px 9px;display:flex;min-height:0;min-width:0;overflow:hidden;border:1px solid #c9b993;border-radius:8px 14px 14px 8px;background:#fffbf1;box-shadow:0 3px 0 #e5dbc3,0 5px 0 #c7b99e,0 8px 0 #6d795b,0 12px 22px #554a3524}@media (max-width:600px){.viewport-reader-questions{margin:1px 5px 8px}}.reader-tools-sheet{position:fixed;inset:0;z-index:90;background:#fbf7ed;overflow-y:auto;padding:80px max(20px,calc((100vw - 1100px) / 2)) 32px}.reader-tools-close{position:fixed;top:12px;right:16px;z-index:95}@media (orientation:portrait){.viewport-reader-spread{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)}.viewport-reader-spread:after{left:0;width:13px;background:linear-gradient(90deg,#79684929,transparent)}.viewport-reader-art{padding-bottom:0}.viewport-reader-text-panel{gap:12px;padding:18px 26px}.viewport-reader-prose{font-size:var(--reader-prose-size,clamp(23px,3vw,28px));line-height:1.55}.viewport-reader-practice{grid-template-columns:minmax(0,1fr);align-content:center;gap:20px}}@media (max-width:600px){.viewport-story-reader{gap:6px;padding:6px}.viewport-reader-footer,.viewport-reader-header{gap:6px}.viewport-reader-title h1{font-size:17px}.viewport-reader-title p{font-size:10px}.viewport-reader-header .viewport-reader-action span{display:none}.viewport-reader-centre{gap:6px;flex-direction:column}.viewport-reader-centre>span{font-size:11px}.viewport-reader-action{padding:8px;font-size:13px}.viewport-reader-footer-side{gap:4px}.viewport-reader-page-jump{min-width:36px;padding:10px 6px}.viewport-reader-centre{min-width:0}.viewport-reader-audio{max-width:100%}.viewport-reader-audio span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewport-reader-text-panel{padding:12px 16px;gap:8px}.viewport-reader-spread{margin:1px 5px 8px}.viewport-reader-prose{font-size:var(--reader-prose-size,22px);line-height:1.5}.viewport-reader-practice{padding:16px;gap:12px}.viewport-reader-practice-guide,.viewport-reader-practice-instruction{font-size:16px}}@media (orientation:portrait) and (max-width:600px){.viewport-reader-spread:has(>.viewport-reader-art>img){grid-template-rows:minmax(0,var(--reader-picture-height,1.1fr)) minmax(0,1fr)}.viewport-reader-text-position{display:none}}.viewport-reader-practice-line{font-size:clamp(28px,4vw,42px);line-height:1.5}.viewport-story-reader[data-reading-band=chapter] .viewport-reader-prose{font-size:var(--reader-prose-size,clamp(1.1875rem,1.9vw,1.4375rem));line-height:1.65}html[data-reading-support=true] .viewport-story-reader[data-reading-band=chapter] .viewport-reader-prose{font-size:var(--reader-prose-size,clamp(1.2825rem,2.052vw,1.5525rem));line-height:1.7;letter-spacing:.04em;word-spacing:.08em}.viewport-story-reader[data-reading-band=chapter] .viewport-reader-art{order:2}.viewport-reader-paragraph-break{display:block;height:.7em}.viewport-reader-practice-guide{max-height:100%;overflow:auto;min-height:0}.viewport-reader-word{display:inline;border:0;padding:0;margin:0;font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;background:none;text-align:inherit;cursor:pointer}.viewport-reader-word:focus-visible{outline:2px solid #599bc6;outline-offset:2px;border-radius:3px}.viewport-reader-word-active{background:#ffe09a;border-radius:3px}.viewport-reader-lesson-card{display:grid;grid-template-columns:62px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:12px;border:1px solid #d8c3a2;border-radius:9px;background:linear-gradient(110deg,#fffdf7,#fcf0d5);box-shadow:0 2px 0 #e6d7b7;min-width:0}.viewport-reader-lesson-target{display:flex;align-items:center;justify-content:center;min-height:62px;font-family:var(--font-lexend),system-ui,sans-serif;font-size:48px;font-weight:600;line-height:1.1;color:#36513c;background:#f0dda0;border:1px solid #dfc681;border-radius:7px}.viewport-reader-lesson-copy{min-width:0}.viewport-reader-lesson-label{margin:0 0 4px;font-size:12px;line-height:1.2;font-weight:750;color:#765927}.viewport-reader-lesson-instruction{margin:0;font-size:15px;line-height:1.35;color:#51422d}.viewport-reader-lesson-sound{align-self:center;background:#fffdf7}.viewport-reader-lesson-audio-status{margin:7px 0 0;font-size:13px;line-height:1.35;color:#765927}.viewport-reader-lesson-card[data-audio-available=false]{grid-template-columns:62px minmax(0,1fr)}.viewport-reader-lesson-blend-line,.viewport-reader-lesson-blend-word{grid-template-columns:minmax(0,1fr) 44px;gap:7px 12px}.viewport-reader-lesson-blend-line .viewport-reader-lesson-target,.viewport-reader-lesson-blend-word .viewport-reader-lesson-target{display:block;min-height:36px;padding:0;background:none;border:0;font-size:30px;line-height:1.2}.viewport-reader-lesson-blend-line .viewport-reader-lesson-copy,.viewport-reader-lesson-blend-word .viewport-reader-lesson-copy{grid-column:1/-1;grid-row:2}.viewport-reader-lesson-blend-line .viewport-reader-lesson-sound,.viewport-reader-lesson-blend-word .viewport-reader-lesson-sound{grid-column:2;grid-row:1}.viewport-reader-lesson-blend-line[data-audio-available=false],.viewport-reader-lesson-blend-word[data-audio-available=false]{grid-template-columns:minmax(0,1fr)}@media (max-width:380px){.viewport-reader-finish svg,.viewport-reader-page-turn span{display:none}}@media (max-width:600px){.viewport-reader-lesson-card{padding:9px;gap:8px}.viewport-reader-lesson-instruction{font-size:14px}}.viewport-reader-text-section[data-section=summary]{border-top:1px solid #d7c99f;padding-top:18px}.viewport-reader-text-section[data-section=summary]>h2{margin-top:0;font-size:17px}.premade-reading-guide{border:1px solid #bdb6c8;padding:12px;font-family:var(--font-outfit),system-ui,sans-serif;font-size:14px;line-height:1.5;background:#FFF6EA;color:#1B1730}.premade-reading-guide p{margin:6px 0 0}.viewport-reader-grammar-key{margin:0;font-family:var(--font-outfit),system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.9;color:#1B1730}.viewport-reader-parent-note{margin-top:10px;color:inherit;font-weight:400}.viewport-reader-child-turn{border-top:1px solid #bdb6c8;padding-top:14px}.viewport-reader-child-turn-adult{color:#6B6478;font-weight:400}.viewport-reader-child-turn-key{text-transform:none;letter-spacing:normal;font-weight:400;color:#6B6478}.viewport-reader-child-turn>.viewport-reader-prose{margin-top:8px;font-weight:600}.viewport-reader-child-turn>.viewport-reader-child-word-large{font-size:2.25em;line-height:1.15;font-weight:700;letter-spacing:.02em}.viewport-reader-measure{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.viewport-reader-cover{position:relative;margin:2px 10px 9px;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,18px);min-height:0;min-width:0;overflow:hidden;padding:clamp(16px,3vh,32px) clamp(16px,3vw,40px);border:1px solid #c9b993;border-radius:8px 14px 14px 8px;background:#fffbf1;box-shadow:0 3px 0 #e5dbc3,0 5px 0 #c7b99e,0 8px 0 #6d795b,0 12px 22px #554a3524;text-align:center;color:#1B1730}.viewport-reader-cover-art{position:relative;flex:1 1 0;min-height:96px;width:100%;display:flex;align-items:center;justify-content:center}.viewport-reader-cover-art img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 8px #554a3540)}.viewport-reader-cover-placeholder{width:64px;height:64px;color:#b88828}.viewport-reader-cover-title{margin:0;max-width:32ch;font-family:var(--font-fraunces),Fraunces,Georgia,serif;font-size:clamp(26px,3.2vw,44px);font-weight:700;line-height:1.15;overflow-wrap:anywhere}.viewport-reader-cover-author{margin:0;font-size:clamp(16px,1.6vw,20px);font-weight:600;color:#5B5570}.viewport-reader-cover-guide{flex:0 0 auto;width:100%;max-width:44rem;text-align:left}@media (max-width:600px){.viewport-reader-cover{margin:1px 5px 8px;padding:14px 16px}}.viewport-reader-cover[data-cover-picture=none]{justify-content:center}.viewport-reader-cover[data-cover-picture=none] .viewport-reader-cover-art{flex:0 0 auto;min-height:0}.viewport-story-reader[data-reading-band=chapter] .viewport-reader-spread{border:4px double #b8862f;outline:2px solid #e8c77a;outline-offset:-12px}.viewport-reader-text-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.viewport-reader-page-number{margin-left:auto;text-align:right;font-family:Fraunces,Georgia,serif;font-size:15px;color:#6b5a3a;letter-spacing:.08em}.viewport-story-reader[data-reading-band=chapter] .viewport-reader-text-content{padding-top:clamp(8px,2vh,20px)}.viewport-story-reader[data-reading-band=chapter] .viewport-reader-art{align-items:stretch}.viewport-story-reader[data-chapter-format=six] .viewport-reader-spread{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.viewport-story-reader[data-chapter-format=six] .viewport-reader-spread:after{left:calc(61.5% - 12px)}@media (orientation:portrait){.viewport-story-reader[data-chapter-format=six] .viewport-reader-spread{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.6fr) minmax(0,1fr)}.viewport-story-reader[data-chapter-format=six] .viewport-reader-spread:after{left:0}}