:root{--bg:#f8f5ed;--ink:#263d36;--muted:#627269;--green:#284f40;--line:#dedfd3;--yellow:#eed28b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 'Avenir Next',Avenir,'Trebuchet MS',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a34d21;outline-offset:4px}p{margin:0 0 18px}h1,h2,h3{line-height:1.15;margin:0 0 20px;letter-spacing:-.04em}h1{font-size:60px}h2{font-size:34px}h3{font-size:23px}main{max-width:1200px;margin:auto;padding:0 32px;outline:none}section{margin-bottom:64px}.site-header{max-width:1320px;padding:27px 40px;display:flex;gap:30px;align-items:center;margin:auto;border-bottom:1px solid var(--line)}.brand{display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:9px;font-size:23px;font-weight:750;line-height:1.1;letter-spacing:-1px}.brandmark{grid-row:span 2;background:var(--green);color:#f5df9c;border-radius:12px;font-size:33px;text-align:center;padding:5px}.brand-sub{font-size:9px;letter-spacing:2px;margin-top:6px}.site-header nav{display:flex;gap:32px;margin:auto;font-size:14px;font-weight:650}.site-header nav a{padding:10px 0;border-bottom:2px solid transparent}.site-header nav a[aria-current]{border-color:var(--green)}.collection{font-size:13px;background:#eeeede;padding:10px 16px;border-radius:30px;white-space:nowrap}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:560px;gap:40px;margin:10px 0 46px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;line-height:1.6;margin-bottom:20px}.eyebrow>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b67243;margin-right:7px}.hero h1{font-size:82px;letter-spacing:-5px;line-height:1.02;margin:24px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#aa592f}.hero p{color:var(--muted);font-size:19px;line-height:1.7}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 22px;min-height:50px;border-radius:10px;border:1px solid transparent;font-weight:650;font-size:15px}.primary{background:var(--green);color:white}.primary:hover{background:#3e6553}.secondary{background:#fffdf7;border-color:#ccd2c7}.secondary:hover{background:#f0ebdc}.hero-note{font-size:11px;margin-top:19px;color:var(--muted)}.hero-art{height:430px;position:relative;background:#eee8d9;border-radius:50% 46% 42% 44%;background-image:radial-gradient(#bcbda963 1px,transparent 1px);background-size:17px 17px}.hero-paper{width:270px;height:280px;position:absolute;left:70px;top:30px;transform:rotate(-11deg);filter:drop-shadow(3px 20px 8px #4a352524)}svg{width:100%;height:100%;display:block}.little-paper{position:absolute;width:130px;height:130px;right:-10px;top:26px;transform:rotate(20deg)}.word-slip{position:absolute;left:110px;bottom:20px;background:#fffdf5;padding:18px 30px;border:1px solid #e5ddc9;box-shadow:4px 8px 0 #d4cab55c;transform:rotate(7deg);display:flex;gap:20px;flex-wrap:wrap;width:220px;justify-content:center}.word-slip>span{font-size:38px;font-weight:600}.word-slip>span:nth-child(2){color:#b46136}.word-slip small{font-size:9px;letter-spacing:.4px}.orbit-note{font:italic 22px Georgia,serif;position:absolute;color:#7b765c}.note-top{left:5px;top:25px;transform:rotate(-12deg)}.note-bottom{right:-14px;bottom:43px;transform:rotate(-9deg)}.spark{position:absolute;color:#a96334;font-size:45px}.spark-one{bottom:76px;left:25px}.spark-two{right:20px;top:185px;font-size:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:10px}.section-heading>a,.muted{font-size:13px;color:var(--muted)}.level-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.level-picker button{border:1px solid var(--line);background:transparent;border-radius:12px;display:flex;gap:10px;align-items:center;text-align:left;padding:17px 12px;position:relative;min-height:84px}.level-picker button[aria-pressed=true]{background:#fffef9;border:2px solid var(--green);padding:16px 11px}.level-icon{background:var(--level);width:33px;height:39px;display:grid;place-items:center;border-radius:40% 40% 10px 10px;flex-shrink:0;font-size:25px}.level-picker b{display:block;font-size:13px}.level-picker small{display:block;font-size:10px;color:var(--muted)}.selected-dot{font-size:7px;position:absolute;right:7px;top:7px}.level-description{padding:18px 0;display:flex;gap:8px 24px;flex-wrap:wrap;font-size:13px;border-bottom:1px solid var(--line)}.level-description span{color:var(--muted)}.level-description small{width:100%;color:var(--muted);font-size:11px}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.lesson-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fffdf8;transition:box-shadow .2s}.lesson-card:hover{box-shadow:0 8px 25px #324d3514}.card-art{height:235px;background:var(--art);position:relative;overflow:hidden}.card-art:after{content:'';width:260px;height:260px;border:1px solid #ffffff70;border-radius:50%;position:absolute;right:35px;top:20px;pointer-events:none}.art-label{position:absolute;left:20px;top:18px;border-radius:20px;background:#fffaf1c9;padding:4px 11px;font-size:10px}.paper-thumb{width:180px;height:170px;position:absolute;left:calc(50% - 90px);top:55px;transform:rotate(-6deg);filter:drop-shadow(2px 9px 3px #263d361c)}.art-spark{position:absolute;right:65px;top:60px;font-size:40px;color:#ffffffa6}.card-body{padding:25px}.card-body>small{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.card-body h3{font-size:29px;margin:12px 0}.card-body p{font-size:15px;color:var(--muted)}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;font-size:11px}.arrow{font-size:24px}.complete-badge{position:absolute;bottom:12px;right:12px;font-size:11px;background:white;padding:4px 10px;border-radius:20px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how>div>span{font:italic 22px Georgia;color:#a0613b}.how h3{font-size:21px;margin:12px 0}.how p{font-size:13px;color:var(--muted);margin:0}.library-banner{background:#e7ebdf;border-radius:16px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.library-banner h2{font-size:29px}.library-banner p{font-size:14px;margin:0}footer{max-width:1200px;margin:50px auto 0;padding:25px 32px;border-top:1px solid var(--line);font-size:12px;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.page-heading,.lesson-heading{padding:55px 0 18px}.page-heading p{color:var(--muted);max-width:700px}.back-link{font-size:13px;display:inline-block;margin-bottom:20px}.lesson-heading h1{font-size:48px}.lesson-heading .eyebrow{margin-bottom:12px}.activity-nav{display:flex;gap:12px;margin:0 0 35px}.activity-nav a{flex:1;padding:14px 20px;border-radius:10px;border:1px solid var(--line);display:flex;gap:12px;align-items:center;font-size:16px}.activity-nav a[aria-current]{background:var(--green);color:white}.activity-nav span{border:1px solid currentColor;border-radius:50%;width:28px;height:28px;text-align:center;font-size:15px}.learning-panel{display:grid;grid-template-columns:1fr 1.7fr;gap:38px}.learning-art{border-radius:18px;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.learning-art svg{height:220px}.learning-art>span{font-size:16px;margin-top:18px}.learning-panel h2{font-size:30px}.learning-panel p{font-size:16px}.word-cards{display:flex;gap:12px;margin:22px 0}.word-cards button{flex:1;border:1px solid var(--line);background:#fffefb;border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center}.word-cards b{font-size:32px}.word-cards small{font-size:12px;color:var(--muted)}.word-cards span{font-size:11px;margin-top:10px}.audio-note{font-size:12px!important;color:var(--muted)}details{font-size:14px;padding:15px;background:#eeeddf;border-radius:10px}summary{cursor:pointer;font-weight:600}details p{font-size:14px!important;margin-top:15px}.practice{background:#f0e8d7;border-radius:15px;padding:28px;margin:35px 0 20px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.practice h2{font-size:25px;margin:0}.practice .eyebrow{margin-bottom:10px}.answers{display:flex;gap:10px;margin-left:auto}.practice #feedback{width:100%;margin:0;font-size:14px}.action-row{text-align:right;margin:25px 0}.fold-intro{display:flex;gap:25px;align-items:start;justify-content:space-between;font-size:14px}.tag{padding:4px 12px;background:#e7ebdf;border-radius:20px;white-space:nowrap;font-size:12px}.fold-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:35px}.fold-stage{background:#fffefa;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:440px}.stage-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;position:relative;z-index:1}.stage-meta b{font-size:13px}#diagram{height:360px}.fold-directions{padding:25px 0}.fold-directions h2{font-size:26px;line-height:1.5}.fold-directions .muted{margin-top:22px}.step-buttons{display:flex;gap:10px}.text-button{border:0;background:transparent;padding:15px 0;font-size:14px}.step-dots{display:flex;gap:5px;flex-wrap:wrap}.step-dots button{border:1px solid var(--line);background:white;border-radius:5px;min-width:36px;min-height:40px;font-size:12px}.step-dots [aria-current]{background:var(--green);color:white}.story-intro{font-size:13px;color:var(--muted)}.storybook{display:grid;grid-template-columns:1fr 1fr;background:#fffdfa;border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:420px}.story-art{background:#e1e9d7;min-height:390px}.story-copy{padding:40px;display:flex;flex-direction:column;justify-content:center}.story-copy>p{font:32px/1.5 Georgia,serif}.story-copy>.secondary{align-self:start}.story-controls{margin-top:30px;display:flex;gap:12px}.scene{position:relative;height:100%;min-height:390px;overflow:hidden}.scene-ground{position:absolute;height:30%;bottom:0;width:140%;left:-20%;border-radius:50% 50% 0 0;background:#b7cba2}.scene-paper{position:absolute;left:25%;top:24%;width:52%;height:60%;transform:rotate(-8deg)}.scene-1 .scene-paper{left:32%;transform:rotate(5deg)}.scene-2 .scene-paper{left:18%;top:20%;transform:rotate(-16deg)}.scene-3 .scene-paper{transform:rotate(8deg)}.scene-sun{position:absolute;right:35px;top:10px;color:#b98126;font-size:68px}.scene-flower{position:absolute;left:28px;bottom:22px;font-size:55px;color:#ad6c60}.scene-mat{position:absolute;bottom:48px;left:19%;width:64%;height:50px;background:#cba789;border-radius:50%;border:5px solid #efe2c5}.scene-extra{position:absolute;width:38%;height:36%;right:0;bottom:15px}.scene-water{position:absolute;bottom:0;background:#a4cdd4;width:100%;height:33%;border-radius:40% 40% 0 0}.tell-panel{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#eeeadb;margin:30px 0;padding:30px;border-radius:16px}.tell-panel[hidden]{display:none}textarea{width:100%;border:1px solid #a6b2a0;padding:14px;border-radius:8px;resize:vertical;background:#fffefa;margin:10px 0}label{font-size:13px;font-weight:600}.tell-panel button{margin:5px 5px 0 0}.library-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:20px}input,select{display:block;width:100%;min-height:50px;background:#fffefa;border:1px solid #c8cfbf;border-radius:8px;padding:10px;margin-top:7px;color:var(--ink)}.fold-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.fold-card{background:#fffefa;border:1px solid var(--line);padding:18px;border-radius:14px;text-align:center}.fold-card>div{height:110px;margin-bottom:15px}.fold-card h3{font-size:18px;letter-spacing:-.02em;margin-bottom:8px}.fold-card small{font-size:11px}.vocab-tag{display:block;font-size:10px;color:var(--muted);margin-top:9px}.adventure-link{display:block;font-size:15px;text-decoration:underline;margin-bottom:12px}.guide-intro{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;font-size:16px}.guide-intro aside{background:#e7ebdf;padding:28px;border-radius:15px}.guide-levels{margin-bottom:60px}.guide-levels article{display:flex;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}.grade-stamp{padding:10px 17px;min-width:135px;align-self:start;border-radius:9px;font-size:14px;text-align:center}.guide-levels p{font-size:15px;margin:10px 0}.guide-levels small{font-size:12px;color:var(--muted)}.guide-levels a,.sources a{text-decoration:underline}.sources{background:#fffefa;padding:30px;border:1px solid var(--line);border-radius:16px;font-size:15px}.progress-list article{display:flex;gap:30px;border-bottom:1px solid var(--line);padding:20px 0}.progress-list article>div{width:120px;height:120px;flex-shrink:0}.progress-list section{margin:0}.progress-list h2{font-size:25px}blockquote{border-left:3px solid #bccbaa;padding-left:20px;margin:20px 0;white-space:pre-wrap}#status:not(:empty){position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 22px;border-radius:10px;z-index:10;max-width:90%;font-size:14px}.skip{position:fixed;left:15px;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:15px}
@media(max-width:1000px){.hero h1{font-size:66px}.hero-paper{left:25px;width:240px}.word-slip{left:55px}.hero-art{height:380px}.note-bottom{right:0;font-size:18px}.level-picker{gap:7px}.level-picker button{flex-direction:column;align-items:start;padding:12px}.level-picker button[aria-pressed=true]{padding:11px}.fold-grid{grid-template-columns:repeat(4,1fr)}.collection span{display:none}.hero{gap:25px}.site-header nav{gap:20px}.word-cards b{font-size:25px}}
@media(max-width:700px){body{font-size:16px}main{padding:0 20px}.site-header{padding:18px 20px;gap:14px;flex-wrap:wrap}.brand{font-size:21px}.site-header nav{order:3;width:100%;justify-content:space-around;margin:0;gap:20px}.collection{margin-left:auto}.hero{grid-template-columns:1fr;margin:36px 0 45px;gap:35px}.hero h1{font-size:68px;letter-spacing:-4px}.hero p{font-size:17px}.hero-art{width:100%;max-width:380px;height:330px;margin:auto}.hero-paper{width:220px;height:230px;left:45px;top:10px}.little-paper{width:100px;height:100px;right:5px}.word-slip{left:65px;bottom:8px;width:190px;padding:12px 18px;gap:15px}.word-slip>span{font-size:30px}.note-top{left:4px}.note-bottom{right:0;bottom:35px;font-size:16px}.spark-one{left:10px;bottom:50px}.hero-note{font-size:10px}.level-picker{grid-template-columns:repeat(2,1fr)}.level-picker button,.level-picker button[aria-pressed=true]{flex-direction:row;align-items:center;min-height:72px}.level-picker button:last-child{grid-column:span 2}.section-heading{align-items:start;flex-direction:column;gap:12px}h1{font-size:43px}h2{font-size:28px}.lesson-grid,.learning-panel,.fold-layout,.storybook,.tell-panel,.guide-intro{grid-template-columns:1fr}.card-art{height:210px}.card-body{padding:20px}.card-body h3{font-size:27px}.how{grid-template-columns:1fr;gap:25px}.how p{font-size:15px}.library-banner{flex-direction:column;align-items:start;padding:25px}.library-banner h2{font-size:27px}footer{flex-direction:column;padding:20px}.lesson-heading h1{font-size:37px}.activity-nav{gap:6px}.activity-nav a{padding:12px 5px;gap:6px;font-size:12px;justify-content:center}.activity-nav span{width:23px;height:23px;font-size:12px}.learning-art{min-height:220px;padding:20px}.learning-art svg{height:150px}.learning-panel{gap:25px}.word-cards{gap:8px}.word-cards b{font-size:25px}.word-cards small{font-size:10px}.practice{padding:22px}.answers{margin-left:0}.fold-intro{flex-direction:column;gap:0;margin-bottom:15px}.fold-stage{min-height:320px;padding:12px}#diagram{height:280px}.stage-meta{font-size:9px}.fold-directions{padding:0}.fold-layout{gap:20px}.story-copy{padding:26px}.story-copy>p{font-size:28px}.story-art,.scene{min-height:280px}.story-controls{gap:8px}.story-controls button{padding:12px;font-size:13px}.tell-panel{padding:22px}.library-filters{grid-template-columns:1fr 1fr;gap:12px}.library-filters label:first-child{grid-column:span 2}.fold-grid{grid-template-columns:repeat(2,1fr);gap:10px}.fold-card{padding:14px 10px}.fold-card h3{font-size:16px}.fold-card>div{height:100px}.guide-levels article{gap:15px;flex-direction:column}.grade-stamp{min-width:100px}.guide-intro{gap:20px}.progress-list article{gap:15px}.progress-list article>div{width:70px;height:90px}.progress-list h2{font-size:23px}.sources{padding:22px;overflow-wrap:anywhere}.eyebrow{font-size:10px}section{margin-bottom:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Let long practice words wrap into new cards without widening the page. */
.learning-panel>div,.fold-layout>div,.storybook>div,.tell-panel>div{min-width:0}.word-cards{flex-wrap:wrap}.word-cards button{flex:1 1 110px;min-width:0}.word-cards b{overflow-wrap:anywhere}.collection{min-width:44px;text-align:center}
@media(max-width:360px){.hero h1{font-size:58px}.hero-art{height:310px}.hero-paper{left:25px}.little-paper{right:0}.word-slip{left:40px}.activity-nav a{font-size:11px}.primary,.secondary{gap:10px;padding:12px 16px}}
/* Purple paper studio: child-facing controls are the primary surface. */
:root{--bg:#f6f0ff;--ink:#352153;--muted:#695780;--green:#7140c2;--line:#dfd0f0;--yellow:#ead8ff}
body{font-family:'Avenir Next','Trebuchet MS',sans-serif;font-size:18px;background:radial-gradient(ellipse at 85% 0,#eadcff 0,transparent 45%),var(--bg)}
h1,h2,h3{letter-spacing:-.025em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:4px solid #a23ad0;outline-offset:5px}
.site-header{max-width:1200px;padding:20px 32px;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;font-size:24px;letter-spacing:-1px}.brandmark{background:#7342c5;color:#fff;font-size:32px;border-radius:16px}.site-header nav{gap:12px;justify-content:center}.site-header nav a{display:flex;align-items:center;gap:8px;padding:12px 18px;font-size:17px;border:0;border-radius:14px;min-height:56px}.site-header nav a span{font-size:24px}.site-header nav a[aria-current]{background:#e7d8fc;color:#4e218d}.sound-switch{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d3bcec;border-radius:15px;background:#fff;font-size:15px;min-height:56px;min-width:78px}.sound-switch>span:first-child{font-size:24px}
.primary,.secondary,.listen-button{min-height:60px;padding:14px 24px;font-size:20px;border-radius:17px;font-weight:750;gap:12px}.primary{background:#713dc0;box-shadow:0 4px 0 #4f248c}.primary:hover{background:#602fad}.secondary{background:white;border-color:#cfb8eb;color:#553189}.secondary:hover{background:#eee1ff}.listen-button{background:#e8d8ff;border:2px solid #c9a9f0;display:inline-flex;align-items:center;justify-content:center;color:#4f2487}.listen-button>span{font-size:26px}.kid-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:38px 0 20px}.kid-welcome .eyebrow{font-size:13px;color:#8251b2;letter-spacing:1.5px;margin-bottom:10px}.kid-welcome h1{font-size:46px;margin:0 0 10px}.kid-welcome p{font-size:20px;margin:0}.journey-preview{display:flex;align-items:center;gap:18px;margin-bottom:25px;color:#745391;font-weight:650;font-size:18px}.journey-preview b{font-weight:400;color:#ac89cc}.lesson-grid.kid-choices{gap:25px}.kid-choices .lesson-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fff;border:2px solid #e0cff4;box-shadow:0 6px 0 #ddc9f0;border-radius:26px;overflow:hidden}.kid-choices .lesson-card:hover{border-color:#ae7ede;box-shadow:0 6px 0 #c9a9e7}.kid-choices .card-art{height:245px;background:#e8dcff;border-radius:22px;margin:12px}.kid-choices .lesson-card:nth-child(2) .card-art{background:#edddf7}.kid-choices .card-art:after{display:none}.kid-choices .paper-thumb{width:160px;height:175px;left:calc(50% - 80px);top:32px;transform:none}.kid-choices .card-body{padding:20px 20px 20px 8px}.kid-choices .card-body h2{font-size:32px;margin:0 0 12px}.kid-choices .card-body p{font-size:19px;color:#79638e}.card-start{display:inline-flex;align-items:center;justify-content:space-between;gap:15px;background:#7140c2;color:#fff;font-size:20px;font-weight:750;padding:12px 18px;border-radius:15px;min-height:56px}.more-play{display:flex;gap:15px;margin:28px 0 35px}.level-settings{background:transparent;border:1px solid #dac6f0;padding:20px;font-size:15px}.level-settings .level-picker{margin:20px 0}.level-settings p{font-size:15px}.level-picker small{font-size:12px}.level-picker b{font-size:14px}.complete-badge{background:#fff7c2;color:#68450c;font-size:14px;font-weight:700}.level-picker button[aria-pressed=true]{border-color:#713dc0}.level-description{display:none}
footer{margin-top:36px;font-size:14px}.sheet,.sources,.fold-card{background:#fff}.guide-intro aside{background:#eadffa}.tag,.vocab-tag{color:#624576}.practice,.tell-panel{background:#ece0fb}details{background:#eee3fc}.scene-ground{background:#c5afe6}.story-art{background:#e7dcf6}.scene-flower{color:#9c60c0}.sources a{color:#6536a5}
@media(max-width:1000px){.kid-choices .lesson-card{grid-template-columns:1fr}.kid-choices .card-art{height:190px;margin:12px 12px 0}.kid-choices .paper-thumb{top:5px;height:175px}.kid-choices .card-body{padding:18px 20px 20px}.kid-choices .card-body h2{font-size:27px}.card-start{width:100%}.site-header{gap:15px}.site-header nav a{padding:10px 12px}.brand{font-size:21px}.sound-switch>span:last-child{display:none}.sound-switch{min-width:55px}}
@media(max-width:700px){main{padding:0 18px}.site-header{padding:14px 18px;gap:12px}.brand{font-size:22px}.sound-switch{margin-left:auto}.site-header nav{order:3;width:100%;gap:8px;justify-content:space-between}.site-header nav a{font-size:17px;padding:9px 12px;flex:1;justify-content:center;min-height:52px}.site-header nav a span{font-size:21px}.kid-welcome{margin:24px 0 18px;align-items:start;gap:10px}.kid-welcome h1{font-size:31px}.kid-welcome p{font-size:17px}.kid-welcome .eyebrow{font-size:12px}.kid-welcome .listen-button{flex-direction:column;min-width:78px;font-size:14px;padding:9px;gap:2px;min-height:74px}.journey-preview{font-size:16px;justify-content:space-between;gap:6px;margin-bottom:18px}.lesson-grid.kid-choices{grid-template-columns:1fr 1fr;gap:12px}.kid-choices .card-art{height:145px;margin:7px 7px 0;border-radius:17px}.kid-choices .paper-thumb{width:112px;height:130px;left:calc(50% - 56px);top:7px}.kid-choices .card-body{padding:14px 11px}.kid-choices .card-body h2{font-size:25px}.kid-choices .card-body p{font-size:15px;line-height:1.5;margin-bottom:14px}.card-start{font-size:17px;padding:10px 12px;gap:6px;min-height:52px}.complete-badge{font-size:11px;right:5px;bottom:6px}.more-play .secondary{font-size:17px;flex:1;padding:10px;min-height:58px}.more-play{gap:12px;margin:23px 0}.level-settings{padding:16px}.primary,.secondary{font-size:19px}.level-picker button{min-height:78px}.level-picker small{font-size:12px}footer{flex-direction:row}}
@media(max-width:360px){.site-header nav a{font-size:15px;padding:8px}.kid-welcome h1{font-size:27px}.kid-welcome .eyebrow{font-size:10px}.kid-choices .card-body h2{font-size:22px}.kid-choices .card-body p{font-size:14px}.kid-choices .card-art{height:132px}.card-start{font-size:16px;padding:10px}.journey-preview{font-size:15px}}
/* One decision at a time inside the learning activities. */
.lesson-heading{display:flex;align-items:center;gap:24px;padding:25px 0 20px}.lesson-heading h1{font-size:35px;margin:0}.back-link{font-size:18px;margin:0;padding:10px 16px;border:1px solid #d9c3ef;border-radius:14px;white-space:nowrap;min-height:50px}.activity-nav{gap:16px;margin:0 0 24px}.activity-nav a{min-height:65px;background:#fff;border:2px solid #e0ceef;padding:12px 20px;font-size:20px;gap:13px}.activity-nav a[aria-current]{background:#7543c5;border-color:#7543c5;color:#fff}.activity-nav span{border:0;font-size:28px;width:auto;height:auto;line-height:1}.activity-nav b{font-size:20px}.activity-nav small{margin-left:auto;font-size:20px}.kid-words{max-width:840px;margin:0 auto 28px}.instruction-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 20px}.instruction-bar h2{font-size:31px;margin-bottom:6px}.instruction-bar p{font-size:20px;margin:0;color:#695580}.word-cards{gap:18px;margin:25px 0}.word-cards button{position:relative;min-height:170px;min-width:130px;border:2px solid #d6b9f0;padding:20px 12px 22px;background:white;border-radius:24px;box-shadow:0 5px 0 #e0caee;flex:1 1 180px}.word-cards b{font-size:40px;line-height:1.4}.word-cards small{font-size:17px;color:#705780}.word-cards .word-speaker{font-size:27px;margin:0 0 8px}.word-cards .word-tick{position:absolute;right:14px;top:10px;font-size:18px;color:#613094}.word-cards .heard{border-color:#a077c8}.is-speaking{outline:4px solid #9967d4;outline-offset:3px;background:#f0e1ff!important}.word-pattern{background:transparent;border:1px solid #d8c2ee;font-size:17px;padding:16px 20px;margin:28px 0 20px}.word-pattern summary{min-height:32px}.word-pattern .practice{padding:20px;margin:20px 0 0;gap:15px}.word-pattern .practice h3{font-size:24px;width:100%;margin-bottom:0}.word-pattern .answers{margin:0;display:flex;gap:14px;flex-wrap:wrap}.answer-choice{display:flex;border:2px solid #cbb1e6;border-radius:16px;background:white;padding:4px;gap:4px}.answer-listen{min-width:56px;min-height:56px;font-size:24px;background:#f2e8ff;border:0;border-radius:12px}.answer-choice .secondary{border:0;min-height:56px;padding:8px 16px}.answer-choice [aria-pressed=true]{background:#e2d1fb}.kid-next{display:flex;justify-content:flex-end;margin:24px 0}.kid-next .primary{min-width:240px;font-size:25px;min-height:70px}.adult-notes{font-size:14px;background:transparent;border:1px solid #ded0eb;color:#735e88;padding:14px 18px;margin-top:24px}.adult-notes summary{font-size:14px}.adult-notes p{font-size:15px!important}.paper-ready{max-width:720px;margin:25px auto;text-align:center;border:2px solid #dfcbee;border-radius:28px;background:#fffcff;padding:32px}.paper-ready h2{font-size:37px}.paper-ready>p{font-size:25px}.supply-paper{height:130px;width:130px;margin:30px auto;background:#b590e4;border:2px solid #8a61bf;box-shadow:8px 8px 0 #e5d9f3}.supply-paper.rectangle{width:195px}.paper-ready>.primary,.paper-ready>.listen-button{margin:8px;min-width:160px}.paper-ready .adult-notes{text-align:left}.kid-fold{gap:30px;align-items:start}.kid-fold .fold-stage{border:2px solid #d8c0ee;box-shadow:0 5px 0 #e4d4f1;background:white;min-height:415px;padding:15px}.stage-meta{font-size:18px;align-items:center}.stage-meta b{font-size:19px;padding:5px 15px;border-radius:20px;background:#ecddff}.stage-meta>span{font-size:17px;color:#714a95}#diagram{height:340px}.kid-fold .fold-directions{padding:12px 0}.kid-fold .fold-directions h2{font-size:27px;line-height:1.5;margin:0 0 24px}.fold-tools{display:flex;gap:12px;flex-wrap:wrap}.fold-tools button{flex:1;min-width:125px;font-size:19px;padding:12px}.fold-nudge{font-size:18px;color:#755a89;margin:20px 0}.step-buttons{display:flex;gap:14px}.step-buttons button{flex:1;min-height:70px;font-size:23px}.step-buttons .primary{flex:1.3}.fold-extras{margin-top:22px;background:transparent;border:1px solid #dfcdee;font-size:16px}.fold-extras summary{min-height:32px}.fold-extras p{font-size:17px!important}.kid-book{border:2px solid #dfc9ef;box-shadow:0 5px 0 #e3d1f2;border-radius:24px;min-height:370px;background:white}.kid-book .story-art,.kid-book .scene{min-height:370px}.kid-book .story-copy{padding:30px}.kid-book .story-copy #story-text{font:500 34px/1.55 'Avenir Next','Trebuchet MS',sans-serif;letter-spacing:0;margin:15px 0 24px}.page-label{font-size:17px;color:#7c5a92;margin:0}.story-controls{display:flex;justify-content:space-between;margin:23px 0 30px;gap:18px}.story-controls button{min-height:68px;font-size:24px;min-width:160px}.story-controls .primary{min-width:220px}.tell-panel{scroll-margin-top:20px;padding:30px;border:2px solid #d9bfee;border-radius:24px;grid-template-columns:1fr}.tell-panel h2{font-size:32px}.tell-panel p{font-size:24px!important;line-height:1.55}.tell-panel .tell-hint{font-size:18px!important;color:#73518b;margin-top:20px}.tell-panel #finish{display:flex;font-size:25px;min-width:240px;margin:20px 0 5px}.optional-writing{background:white;border:1px solid #d3b7e8;padding:17px}.optional-writing summary{font-size:17px;min-height:35px}.optional-writing p{font-size:18px!important}.optional-writing label{font-size:18px}textarea{background:white;border-color:#ba9cd5;font-size:19px}.celebration{max-width:720px;margin:35px auto;text-align:center;background:#fff;border:2px solid #d8bfee;border-radius:30px;padding:30px}.celebration h1{font-size:43px}.big-star{display:block;font-size:80px;color:#e1a93f;text-shadow:0 4px 0 #906318;line-height:1.3;margin-bottom:18px}.reward-fold{width:180px;height:150px;margin:12px auto 25px}.celebration p{font-size:23px}.celebration .primary,.celebration .secondary{display:inline-flex;margin:10px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.star-card{display:block;border:2px solid #decaef;background:#fff;border-radius:22px;padding:20px;position:relative;text-align:center}.star-card>div{height:145px}.star-card h2{font-size:23px;margin:14px 0}.star-card>span{display:block;font-size:16px;color:#72528c}.star-card .earned{position:absolute;top:8px;right:15px;color:#ad7620;font-size:30px}.star-card p{font-size:16px}.collection-heading h1{font-size:40px}.collection-heading .listen-button{font-size:18px}.library-filters label{font-size:16px}.fold-card{border:2px solid #e2cff1}.fold-card h3{font-size:21px}.fold-card small{font-size:14px}.vocab-tag{font-size:13px}.fold-card .vocab-tag:empty{display:none}.library-heading{display:flex;align-items:center;justify-content:space-between;padding-top:30px;gap:20px}.library-heading h1{font-size:40px}.library-heading p{font-size:20px}.fold-card>div{height:125px}input,select{font-size:18px;border-color:#d0b5e7;background:white}
@media(max-width:700px){.lesson-heading{padding:20px 0 17px;display:block}.lesson-heading .back-link{font-size:16px;padding:8px 12px;min-height:44px;display:inline-block;margin-bottom:14px}.lesson-heading h1{font-size:30px}.activity-nav{gap:8px;margin-bottom:20px}.activity-nav a{flex-direction:column;gap:5px;position:relative;padding:10px 4px;min-height:75px}.activity-nav b{font-size:16px}.activity-nav span{font-size:23px}.activity-nav small{position:absolute;right:6px;top:2px;font-size:16px}.instruction-bar{gap:12px;margin:18px 0}.instruction-bar h2{font-size:26px}.instruction-bar p{font-size:18px}.instruction-bar .listen-button{font-size:17px;padding:10px 13px}.word-cards{gap:12px;margin:18px 0}.word-cards button{flex:1 1 110px;min-width:100px;min-height:145px;padding:14px 10px}.word-cards b{font-size:31px}.word-cards small{font-size:15px}.word-cards .word-speaker{font-size:24px}.kid-next .primary{width:100%;font-size:25px;min-height:68px}.word-pattern{padding:14px;font-size:17px}.word-pattern .practice{padding:15px}.word-pattern .practice h3{font-size:23px}.answer-choice .secondary{font-size:19px;padding:8px 12px}.answer-choice{gap:0}.paper-ready{padding:24px 18px;margin:20px 0}.paper-ready h2{font-size:32px}.paper-ready>p{font-size:22px}.paper-ready>.primary,.paper-ready>.listen-button{display:flex;width:100%;margin:12px 0}.supply-paper{width:105px;height:105px;margin:25px auto}.supply-paper.rectangle{width:155px}.kid-fold{gap:24px}.kid-fold .fold-stage{min-height:285px;padding:12px}#diagram{height:230px}.stage-meta{font-size:15px}.stage-meta b{font-size:17px}.stage-meta>span{font-size:15px}.kid-fold .fold-directions{padding:0}.kid-fold .fold-directions h2{font-size:24px;line-height:1.5;margin-bottom:18px}.fold-tools{gap:10px}.fold-tools button{font-size:19px;min-height:58px}.step-buttons{gap:12px}.step-buttons button{font-size:22px;min-height:66px;padding:12px}.fold-nudge{margin:16px 0;font-size:18px}.fold-extras{margin-top:24px}.kid-book .story-art,.kid-book .scene{min-height:220px}.kid-book .story-copy{padding:22px}.kid-book .story-copy #story-text{font-size:29px;line-height:1.5;margin:12px 0 18px}.kid-book .story-copy .listen-button{width:100%;font-size:20px}.page-label{font-size:16px}.story-controls{gap:12px}.story-controls button{flex:1;min-width:0!important;font-size:22px;padding:12px;min-height:64px}.story-controls .primary{flex:1.4}.tell-panel{padding:22px}.tell-panel p{font-size:22px!important}.tell-panel #finish{width:100%;font-size:24px;min-width:0}.tell-panel h2{font-size:29px}.optional-writing{padding:15px}.celebration{padding:25px 18px;margin:25px 0}.celebration h1{font-size:35px}.celebration p{font-size:21px}.celebration .primary,.celebration .secondary{display:flex;width:100%;margin:15px 0}.big-star{font-size:72px}.collection-grid{grid-template-columns:repeat(2,1fr);gap:12px}.star-card{padding:15px 10px}.star-card>div{height:110px}.star-card h2{font-size:21px}.star-card>span{font-size:14px}.star-card p{font-size:14px}.collection-heading h1{font-size:33px}.library-heading{align-items:start;padding-top:24px}.library-heading h1{font-size:32px}.library-heading p{font-size:18px}.library-heading .listen-button{padding:12px;font-size:17px}.fold-card h3{font-size:18px}.fold-card>div{height:110px}.fold-card small{font-size:14px}.vocab-tag{font-size:12px}}
.word-cards b{white-space:nowrap;overflow-wrap:normal}.word-cards .long-word{font-size:30px}.saved-writing{margin-top:25px;background:#fff;border:1px solid #d8c1ed}.saved-writing h3{margin-top:22px}
@media(max-width:700px){.word-cards .long-word{font-size:22px}}

/* Little Worlds: the Supacademy brand, adapted for small hands. */
@font-face{font-family:Sora;src:url('assets/fonts/sora-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Sora;src:url('assets/fonts/sora-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Sora;src:url('assets/fonts/sora-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fonts/fraunces-600.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--bg:#FBF8FF;--ink:#211339;--muted:#68567f;--green:#7C3AED;--line:#e4d5f5;--yellow:#F4D35E;--brand-purple:#7C3AED;--brand-deep:#5B21B6;--brand-cream:#FBF8FF;--brand-lilac:#C4B5FD}
body{font-family:Sora,system-ui,sans-serif;background:radial-gradient(ellipse at 85% 0,#E9D5FF 0,transparent 45%),#FBF8FF;color:#211339}
.site-header .brand-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:0;flex-shrink:0;line-height:1.1;letter-spacing:0}
.company-logo{display:block;width:190px;height:auto;object-fit:contain;mix-blend-mode:multiply}
.product-wordmark{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:29px;letter-spacing:-.6px;color:#5B21B6;margin:3px 0 6px}
.product-family{font-size:12px;color:#68567f;letter-spacing:.2px}
.site-header{background:rgba(251,248,255,.72)}
.site-header nav a[aria-current]{background:#E9D5FF;color:#5B21B6}.primary,.card-start,.activity-nav a[aria-current]{background:#7C3AED}.primary{box-shadow:0 4px 0 #5B21B6}.primary:hover{background:#5B21B6}.activity-nav a[aria-current]{border-color:#7C3AED}.listen-button{background:#E9D5FF;border-color:#C4B5FD;color:#5B21B6}.secondary{color:#5B21B6;border-color:#C4B5FD}.secondary:hover{background:#F3ECFF}.kid-choices .card-art{background:#E9D5FF}.kid-choices .lesson-card:nth-child(2) .card-art{background:#eee6ff}.kid-welcome .eyebrow{color:#5B21B6}.complete-badge{background:#F4D35E;color:#493309}.big-star{color:#F4D35E;text-shadow:0 4px 0 #9a7113}.level-picker button[aria-pressed=true]{border-color:#7C3AED}.word-cards .heard{border-color:#A78BFA}.is-speaking{outline-color:#7C3AED;background:#F3ECFF!important}.tag,.vocab-tag{color:#5B21B6}
.brand-footer{align-items:center;padding:25px 32px}.brand-footer img{display:block;width:210px;height:auto;mix-blend-mode:multiply}.brand-footer p{font-size:13px;margin:8px 0 0;color:#68567f}.brand-footer>a{font-size:16px;min-height:48px;display:flex;align-items:center}
.brand-story{padding:32px;border:1px solid #ddd0ef;border-radius:24px;background:#F3ECFF}.brand-kicker{font-size:12px;letter-spacing:1.8px;color:#5B21B6}.brand-story>h2{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:38px;letter-spacing:-.7px}.brand-story>p{font-size:17px;max-width:800px}.brand-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}.brand-values span{font-size:13px;color:#5B21B6}.brand-values h3{font-size:22px;line-height:1.4;margin:8px 0 12px}.brand-values p{font-size:16px;line-height:1.7}.brand-story>a{color:#5B21B6;text-decoration:underline;font-size:16px}.kid-book .story-copy #story-text{font-family:Sora,system-ui,sans-serif;font-weight:400}.word-cards b{font-weight:600}.word-cards .long-word{font-size:28px}.site-header nav a,.primary,.card-start{font-weight:600}
@media(max-width:1000px){.site-header .company-logo{width:170px}.product-wordmark{font-size:26px}.site-header nav{gap:7px}.site-header nav a{font-size:16px;padding:10px}.product-family{font-size:11px}}
@media(max-width:700px){.site-header{padding:12px 18px;align-items:center}.site-header .company-logo{width:160px}.product-wordmark{font-size:25px;margin:2px 0 4px}.product-family{font-size:11px}.site-header nav a{font-size:15px;padding:9px 8px}.kid-welcome h1{font-size:29px}.kid-welcome .eyebrow{font-size:11px;letter-spacing:1.2px}.kid-welcome .listen-button{min-width:74px;font-size:13px}.kid-choices .card-body h2{font-size:24px}.kid-choices .card-body p{font-size:14px}.card-start{font-size:16px;padding:10px;gap:5px}.activity-nav b{font-size:15px}.word-cards b{font-size:29px}.word-cards .long-word{font-size:20px}.word-cards small{font-size:14px}.brand-footer{padding:24px 18px;gap:15px}.brand-footer img{width:170px}.brand-footer p{font-size:11px}.brand-footer>a{font-size:14px}.brand-values{grid-template-columns:1fr;gap:12px}.brand-story{padding:24px}.brand-story>h2{font-size:32px}.brand-kicker{font-size:11px}.brand-story p{font-size:16px}.kid-book .story-copy #story-text{font-size:27px}.story-controls button{font-size:20px}.step-buttons button{font-size:20px}.fold-tools button{font-size:18px;padding:10px}}
@media(max-width:360px){.kid-welcome h1{font-size:25px}.site-header nav a{font-size:14px}.kid-choices .card-body h2{font-size:21px}.card-start{font-size:14px}.kid-choices .card-body p{font-size:13px}}