@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--ink:#283d33;--muted:#6e786b;--paper:#fbfaf5;--green:#3d614d;--line:#e3e5d9;--peach:#f5dfce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ba741d;outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1.3px;gap:9px}.brand-icon{color:#6b875a;font-size:37px}.brand-dot{color:#b67852;margin-left:-9px}nav{display:flex;align-items:center;gap:30px;font-size:13px}.navtag{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}.textbutton{border:0;background:transparent;padding:8px 0}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:520px;align-items:center;padding:35px 0 40px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#8a9d6c;border-radius:50%}h1,h2,h3,p{margin:0}h1,h2{font-family:'Fraunces',Georgia,serif;font-weight:400;letter-spacing:-2.5px}h1{font-size:78px;line-height:1.03;margin:23px 0}h1 em{color:#8b9b69;font-weight:400}p{line-height:1.7}.hero-copy>p{max-width:420px;font-size:15px;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 22px;background:var(--green);border:1px solid var(--green);border-radius:8px;color:white;font-size:13px;font-weight:600;margin-top:25px}.primary:hover{background:#284a36}.primary span{font-size:21px}.hero-note{font-size:10px;color:var(--muted);margin-top:18px}.hero-note span{margin:0 12px;color:#aeb99e}.hero-art{height:410px;position:relative;background:#edf0e1;border-radius:46% 46% 40% 40%;overflow:hidden;isolation:isolate}.orbit{position:absolute;border:1px dashed #c9d2b7;border-radius:50%;inset:35px 40px}.orbit-two{inset:65px 10px;transform:rotate(-30deg)}.spark{position:absolute;color:#aa985d;font-size:30px}.s1{left:42px;top:90px}.s2{right:70px;top:180px}.s3{right:155px;top:30px;font-size:20px}.leaf{position:absolute;font-size:100px;color:#afbf99;bottom:35px}.l1{left:20px;transform:rotate(-40deg)}.l2{right:20px;transform:rotate(40deg) scaleX(-1)}.bubble{position:absolute;z-index:4;background:#fffdf7;padding:15px 20px;border-radius:18px;box-shadow:0 3px 0 #dfe4d2;font-family:'Fraunces',Georgia,serif;font-size:21px;transform:rotate(-7deg)}.bubble:after{content:'';position:absolute;bottom:-12px;left:30px;border-top:15px solid #fffdf7;border-right:15px solid transparent}.bubble-one{left:55px;top:65px}.bubble-one span{color:#c78a6e}.bubble-two{right:35px;top:115px;transform:rotate(6deg);font-size:18px}.critter{position:absolute;bottom:80px;width:135px;height:170px}.rabbit{left:85px;transform:rotate(-7deg)}.bear{right:80px;transform:rotate(8deg)}.face{position:absolute;z-index:2;width:127px;height:108px;border:2px solid #decaa9;border-radius:48%;background:#fff5dd;top:10px;left:4px}.ear{position:absolute;top:-50px;width:35px;height:95px;border:2px solid #decaa9;background:#fff5dd;border-radius:60%;left:20px}.ear:after{content:'';position:absolute;inset:13px 9px;background:#f1ccbf;border-radius:50%}.e2{left:77px;transform:rotate(12deg)}.e1{transform:rotate(-12deg)}.face i{width:6px;height:8px;background:#493b2f;border-radius:50%;position:absolute;left:35px;top:47px}.face i+i{left:85px}.face b{position:absolute;top:51px;left:57px;font-size:20px}.cheek{position:absolute;top:63px;background:#efc4ad;width:20px;height:10px;border-radius:50%;opacity:.8}.c1{left:17px}.c2{right:13px}.body{position:absolute;bottom:0;left:10px;width:120px;height:90px;background:#b6c2a0;border-radius:50% 50% 20% 20%;border:2px solid #9cab83}.bear .face,.bear .ear{background:#cc9b70;border-color:#b7855d}.bear .ear{height:45px;width:45px;top:-8px;left:3px}.bear .e2{left:90px}.bear .ear:after{inset:9px;background:#e6b58d}.bear .body{background:#dfad86;border-color:#c3936f}.tea-table{position:absolute;z-index:3;bottom:48px;left:24%;width:52%;height:50px;background:#d9b792;border-radius:50%;border-bottom:9px solid #bb966d;display:flex;justify-content:space-around;align-items:center;font-size:30px}.tea-table span:nth-child(2){font-size:35px;color:#fff7e5;transform:translateY(-10px)}.art-caption{position:absolute;bottom:15px;font-size:8px;letter-spacing:2px;width:100%;text-align:center;color:#7b896b}.journey{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;background:#f1f3e9;padding:21px 27px;margin:4px 0 60px}.journey-mark{font-size:34px;color:#8d9d6f;background:#e5ead9;width:52px;height:52px;display:grid;place-items:center;border-radius:50%}.journey strong{font-size:14px}.journey p{color:var(--muted);font-size:12px;margin-top:4px}.progress-wrap{margin-left:auto;width:250px;text-align:right}.progress{height:6px;background:#dde4d2;border-radius:10px;overflow:hidden}.progress>div{height:100%;width:0;background:#81976b;transition:width .5s}.progress-wrap>span{font-size:10px;color:var(--muted);display:block;margin-top:8px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2{font-size:38px;letter-spacing:-1.2px;margin:14px 0 10px}.section-heading p{font-size:13px;color:var(--muted)}.handnote{font:italic 17px 'Fraunces',Georgia,serif;color:#899779;transform:rotate(-5deg);padding-right:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0 24px}.filters{display:flex;gap:7px}.filters button{background:transparent;border:1px solid var(--line);padding:10px 14px;border-radius:25px;font-size:12px}.filters button.active{background:var(--green);color:#fff;border-color:var(--green)}.filters button span{font-size:10px;opacity:.7;margin-left:8px}.time{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fffef9;padding:0;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #293d3310}.card-art{height:160px;position:relative;display:grid;place-items:center;background:var(--tint);overflow:hidden}.card-art:before{content:'';position:absolute;width:155px;height:155px;border:1px solid #ffffff80;border-radius:50%;top:27px}.card-art:after{content:'✧';position:absolute;right:48px;top:34px;font-size:25px;color:#6a785665}.animal{font-size:76px;z-index:1;filter:drop-shadow(0 6px 0 #00000008);transform:rotate(-5deg);transition:transform .2s}.card:hover .animal{transform:rotate(5deg) scale(1.08)}.card-num{position:absolute;left:17px;top:15px;font-size:10px;color:#536450}.mini-bubble{position:absolute;bottom:23px;right:28px;background:#fffdf5;border-radius:12px 12px 12px 0;padding:7px 12px;font-size:10px;z-index:2;transform:rotate(5deg)}.card-content{padding:21px}.role{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#8d795c;font-weight:700}.listen .role{color:#76849a}.card h3{font:400 24px 'Fraunces',Georgia,serif;letter-spacing:-.5px;margin:9px 0}.card p{font-size:12px;color:var(--muted)}.card-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eeeeE5;margin-top:18px;padding-top:13px;font-size:10px;color:#748269}.arrow{font-size:20px}.done{background:#f9fcf3}.done .card-end{color:#3e6c46}.bottom-note{display:flex;align-items:center;gap:21px;padding:32px 0 34px;margin:42px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bottom-note>span{font-size:32px}.bottom-note h3{font:24px 'Fraunces',Georgia,serif;margin-bottom:8px}.bottom-note p{font-size:12px;color:var(--muted);max-width:650px}.bottom-note button{margin-left:auto;font-size:11px;white-space:nowrap;color:var(--muted)}footer{padding:27px 0 35px;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}footer .brand{font-size:18px}footer p,footer button{font-size:11px}dialog{border:1px solid var(--line);border-radius:23px;background:var(--paper);color:var(--ink);max-width:700px;width:calc(100% - 30px);padding:30px;max-height:90vh;box-shadow:0 25px 100px #15302130}dialog::backdrop{background:#203b3480;backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.close{background:#edf0e5;border:0;border-radius:50%;width:35px;height:35px;font-size:24px}.scene-icon{font-size:52px;text-align:center;padding:12px;background:var(--tint);border-radius:15px;margin:12px 0 22px}.scene-icon small{display:block;font:11px 'DM Sans',sans-serif;letter-spacing:1px;margin:5px 0}.scene-icon span{display:block;font:italic 15px 'Fraunces',Georgia,serif;margin:12px 0 5px}dialog h2{font-size:36px;letter-spacing:-1px;margin:10px 0 15px}dialog p{font-size:14px;color:#64715f}.prompt{border-left:3px solid #bcc99d;padding:12px 17px;margin:18px 0;font:19px/1.5 'Fraunces',Georgia,serif}.question-label{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:24px 0 10px;font-weight:700}.options{display:grid;gap:10px}.option{text-align:left;border:1px solid #dce1d0;border-radius:10px;padding:16px;background:#fffef9;display:flex;gap:13px;line-height:1.55;font-size:13px}.option:hover:enabled{border-color:#69845c;background:#f0f4e7}.option>span{flex:none;display:grid;place-items:center;width:24px;height:24px;background:#f0f1e8;border-radius:50%;font-size:10px}.option:disabled{cursor:default;opacity:1;color:var(--ink)}.option.correct{border:2px solid #75965c;background:#eff5e5}.option.selected-wrong{border:2px solid #c08a62;background:#fcf0e4}.feedback{margin-top:22px;padding:20px;background:#edf3e4;border-radius:12px}.feedback h3{font:25px 'Fraunces',Georgia,serif;margin-bottom:10px}.feedback p{font-size:13px}.feedback .explain{padding:12px 0;border-bottom:1px solid #d9e2cd}.feedback strong{display:block;font-size:11px;margin-bottom:4px}.reply{font-style:italic;margin:15px 0}.lesson{font-weight:600;color:var(--ink)!important}.modal-actions{display:flex;justify-content:space-between;gap:15px;align-items:center}.modal-actions .primary{margin-top:18px}.modal-actions .textbutton{font-size:12px}.inspiration{font-size:10px;color:var(--muted);margin-top:17px}.booklist article{display:flex;gap:20px;border-top:1px solid var(--line);padding:23px 0}.booklist{margin-top:24px}.booklist article>span{font:italic 30px 'Fraunces',Georgia,serif;color:#a1ad89}.booklist h3{font:21px/1.3 'Fraunces',Georgia,serif}.booklist p{font-size:12px;margin-top:6px}.booklist a{display:inline-block;font-size:12px;margin-top:10px;text-decoration:underline}#books small{font-size:11px;line-height:1.6;color:var(--muted);display:block}.confetti{display:inline-block;animation:pop .6s ease}@keyframes pop{50%{transform:scale(1.5) rotate(12deg)}}@media(min-width:1400px){header,main,footer{max-width:1200px}}@media(max-width:1300px){header,main,footer{margin-left:6%;margin-right:6%}h1{font-size:70px}.rabbit{left:55px}.bear{right:50px}.bubble-one{left:35px}.bubble-two{right:20px}}@media(max-width:900px){.navtag{display:none}.hero{gap:15px}h1{font-size:58px}.hero-art{height:370px}.rabbit{left:23px;transform:scale(.85) rotate(-7deg)}.bear{right:20px;transform:scale(.85) rotate(8deg)}.bubble-one{left:18px;font-size:17px}.bubble-two{right:15px;top:125px;font-size:16px}.handnote{display:none}.cards{grid-template-columns:repeat(2,1fr)}.time{display:none}.progress-wrap{width:180px}.hero-note{font-size:9px}.hero-note span{margin:0 5px}footer p{display:none}}@media(max-width:600px){header{height:80px}header,main,footer{margin-left:6%;margin-right:6%}nav{gap:15px;font-size:11px}nav .textbutton{font-size:11px}.brand{font-size:22px}.brand-icon{font-size:29px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;gap:25px}.hero-copy .eyebrow{font-size:8px}h1{font-size:61px}.hero-copy>p{font-size:14px}.hero-art{height:320px;width:100%;max-width:400px;align-self:center}.rabbit{left:40px}.bear{right:30px}.bubble-one{top:40px;left:25px}.bubble-two{top:85px;right:22px}.journey{padding:17px;gap:12px;margin:0 0 42px;flex-wrap:wrap}.journey-mark{width:40px;height:40px;font-size:27px}.journey strong{font-size:13px}.journey p{font-size:10px}.progress-wrap{margin:5px 0 0;width:100%}.section-heading h2{font-size:31px}.section-heading p{font-size:12px}.filters{width:100%;gap:5px}.filters button{font-size:9px;padding:10px}.filters button span{display:none}.cards{grid-template-columns:1fr;gap:20px}.card{display:grid;grid-template-columns:110px 1fr}.card-art{height:100%;min-height:190px}.card-art:before{width:100px;height:100px;top:42px}.animal{font-size:58px}.card-art:after{right:8px;top:37px}.card-num{left:12px;top:13px}.mini-bubble{font-size:8px;right:7px;bottom:25px;padding:5px}.card-content{padding:19px 15px}.card h3{font-size:22px}.card p{font-size:11px}.card-end{font-size:9px}.bottom-note{align-items:flex-start;gap:12px;flex-wrap:wrap}.bottom-note button{margin-left:45px}.bottom-note>div{flex:1}.bottom-note p{font-size:11px}footer .brand{font-size:16px}footer button{font-size:9px}dialog{padding:20px}dialog h2{font-size:30px}.option{padding:13px;font-size:12px}.scene-icon{font-size:42px}.modal-actions .primary{padding:13px 16px;font-size:12px}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.option.selected-close{border:2px solid #9c925a;background:#f7f2de}

#quiz.showing-feedback #quizBody > :not(#feedback):not(.inspiration){display:none}
#quiz.showing-feedback .feedback{margin-top:0}
.feedback .answer-recap{font-style:italic;color:var(--ink);margin-bottom:8px}

#coverage{max-width:900px}.coverage-scope{font-size:12px;margin:18px 0;padding:16px;background:#edf0e5;border-radius:10px}.coverage-book{border-top:1px solid var(--line);padding:18px 0}.coverage-book summary{cursor:pointer;font:22px/1.4 'Fraunces',Georgia,serif;list-style-position:inside}.coverage-book summary span{display:block;font:11px 'DM Sans',sans-serif;color:var(--muted);margin:7px 0}.coverage-book>p{margin:10px 0;font-size:12px}.coverage-basis a{text-decoration:underline}.coverage-rows article{padding:18px 0;border-top:1px solid var(--line)}.coverage-rows h3{font-size:15px;line-height:1.5}.coverage-status{font-size:10px;color:#6e7f56;display:block;margin:5px 0}.coverage-rows p{font-size:12px}.coverage-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.coverage-links button{border:1px solid #d4ddc9;background:#f2f5e9;padding:9px 12px;border-radius:8px;text-align:left;font-size:11px}.coverage-context{background:#f4ecdd;padding:14px;border-radius:8px}@media(max-width:1050px){.navtag{display:none}}@media(max-width:600px){nav{gap:11px}nav>a{display:none}nav .textbutton{font-size:10px}.coverage-book summary{font-size:19px}}

.hero-subtitle{font-family:"DM Sans",sans-serif;font-size:21px;line-height:1.4;font-weight:600;letter-spacing:-.4px;max-width:450px;margin:0 0 14px}@media(max-width:600px){.hero-subtitle{font-size:19px}}
