:root{--ink:#244c3d;--paper:#fcfaf4;--muted:#65766d;--line:#dce3d8;--green:#315d47;--peach:#f4dfcc;--mint:#dfece0;--lilac:#e9e1f0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Trebuchet MS',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;border-bottom:1px solid var(--line)}.logo{font:700 34px/1 Georgia,serif;letter-spacing:-1.5px}.logo>span{color:#c77551}.logo small{font:11px/1.8 'Trebuchet MS',sans-serif;letter-spacing:2.5px;display:block;text-transform:uppercase;margin-top:7px}nav{display:flex;gap:30px;font-size:14px}nav a.active{border-bottom:2px solid var(--green)}.parent-link{border:0;background:none;font-size:12px;color:var(--muted);padding:8px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 22px;min-height:48px;border-radius:10px;border:1px solid var(--green);background:var(--green);color:white;font-weight:700;font-size:14px}.secondary{color:var(--green);background:transparent}.primary:hover{background:#204331}.secondary:hover{background:#eaf0e5}main{max-width:1176px;margin:auto;padding:0 32px;min-height:70vh}h1,h2,h3{font-family:Georgia,serif;line-height:1.16;font-weight:500}h1{font-size:clamp(40px,5vw,66px);letter-spacing:-1.7px;margin:18px 0 20px}h1 em{font-weight:400;color:#b56643}h2{font-size:30px;margin:10px 0 18px}h3{font-size:27px;margin:9px 0 15px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8e5e3d}.kids-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding:50px 0 35px}.lead{color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:25px}.hero-note,.fine{font-size:12px;color:var(--muted)}.hero-note{margin-top:19px}.hero-picture{background:#f0ecd9;position:relative;border-radius:120px 120px 20px 20px;transform:rotate(2deg);padding:20px 20px 35px}.story-art{width:100%;height:auto;display:block}.hero-picture .story-art{transform:rotate(-2deg)}.floating-note{position:absolute;bottom:15px;right:5px;background:#f4cf72;transform:rotate(-8deg);padding:17px 24px;font:italic 19px/1.3 Georgia,serif;border-radius:5px;box-shadow:0 6px 12px #244c3d10}.journey-strip{display:flex;align-items:center;justify-content:space-around;padding:20px 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:15px;font-size:13px}.journey-strip b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e6ebdb;margin-right:10px}.journey-strip i{font-style:normal;color:#99a98d}.garden{padding:35px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:22px}.section-heading h2{margin-bottom:0}.progress-link{font-size:12px;white-space:nowrap;padding-bottom:5px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.story-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fffdf8}.art-link{display:block;position:relative;padding:8px 24px 0}.peach .art-link,.peach.reader-picture{background:var(--peach)}.mint .art-link,.mint.reader-picture{background:var(--mint)}.lilac .art-link,.lilac.reader-picture{background:var(--lilac)}.level{position:absolute;top:16px;left:17px;background:#fffdf8db;border-radius:20px;padding:5px 10px;font-size:10px}.done-mark{position:absolute;right:17px;top:15px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green);color:white}.card-copy{padding:22px}.card-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);min-height:65px}.card-copy h3{font-size:25px}.card-meta{display:flex;gap:5px;flex-wrap:wrap;flex-direction:column;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.read-link{display:flex;justify-content:space-between;margin-top:18px;font-size:13px;font-weight:700}.grownup-banner{margin:25px 0 40px;border-radius:15px;background:#eceedd;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:35px}.grownup-banner p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:600px}.grownup-banner h2{font-size:26px}.grownup-banner .secondary{flex-shrink:0}footer{max-width:1112px;margin:35px auto 0;padding:25px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.lesson-wrap{max-width:780px;margin:auto;padding:27px 0 45px}.back-link{font-size:12px;color:var(--muted)}.stepper{display:flex;list-style:none;padding:0;margin:25px 0;justify-content:center;gap:35px;font-size:13px}.stepper li{display:flex;gap:8px;align-items:center;color:var(--muted)}.stepper span{display:grid;place-items:center;width:27px;height:27px;background:#e8ece2;border-radius:50%;font-size:11px}.stepper .current{font-weight:bold;color:var(--green)}.stepper .current span,.stepper .finished span{background:var(--green);color:white}.activity{border:1px solid var(--line);background:#fffdf8;padding:38px 42px;border-radius:18px}.activity h1{font-size:36px;letter-spacing:-.7px}.reading-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.text-link{border:0;background:none;padding:8px 0;color:var(--green);font-size:13px;text-decoration:underline;text-underline-offset:4px}.reader-picture{max-width:290px;margin:20px auto;border-radius:15px}.reader-picture svg{max-height:205px}.story-text p{font:21px/1.85 Georgia,serif}.story-text.large p{font-size:26px}.activity-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:30px;padding-top:23px;border-top:1px solid var(--line)}.activity-bottom .secondary{font-size:12px}.answers{display:grid;gap:12px;margin:27px 0}.answer{text-align:left;display:flex;align-items:center;gap:15px;padding:17px 18px;background:white;border:1px solid #bfcdbd;border-radius:10px;color:var(--ink);min-height:58px}.answer>span{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;background:#e9eee3;font-size:12px;font-weight:bold}.answer:hover:not(:disabled){border-color:var(--green);background:#f5f8ef}.answer.chosen.correct{background:#e5f1de;border:2px solid #416b3b}.answer.chosen.try{background:#fff0d7;border:2px solid #a87835}.feedback{font-size:14px;padding:16px 18px;border-radius:10px}.feedback.correct{background:#e7f0df}.feedback.try{background:#fff0d7}blockquote{font:italic 20px/1.7 Georgia,serif;margin:25px 0;padding-left:20px;border-left:3px solid #e5bf71}.celebration{text-align:center}.badge-art{font-size:65px;display:inline-grid;place-items:center;width:115px;height:115px;border-radius:50%;background:#f4d483;color:#7d6024;margin:15px 0}.talk-prompt{background:#f0eedf;padding:25px;border-radius:13px;margin:30px 0}.talk-prompt h2{font-size:22px}.talk-prompt>span{font-size:12px;color:var(--muted)}.replay{display:block;margin:14px auto}.journey-page{padding:40px 0}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.journey-card{padding:20px;border:1px solid var(--line);border-radius:15px;text-align:center;background:#f0f0e8}.journey-card .badge-art{background:#e1e5da;color:#7e8c7a}.journey-card.earned{background:#fffdf8}.journey-card.earned .badge-art{background:#f4d483;color:#7d6024}.journey-card h2{font-size:23px}.journey-card p{font-size:13px;color:var(--muted)}dialog{border:0;border-radius:17px;background:var(--paper);color:var(--ink);max-width:650px;width:calc(100% - 30px);padding:35px;max-height:85vh;font-size:14px}dialog::backdrop{background:#173b2d99}.close{position:absolute;right:13px;top:8px;background:none;border:0;color:var(--ink);font-size:28px}.storage-choice{display:flex;align-items:center;gap:12px;margin-top:20px;font-weight:bold}.storage-choice input{width:20px;height:20px}dialog h3{font-size:22px}dialog hr{border:0;border-top:1px solid var(--line);margin:25px 0}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:12px;z-index:10}@media(max-width:900px){.story-grid{gap:15px}.card-copy{padding:18px}.card-copy h3{font-size:22px}.section-heading{align-items:start;flex-direction:column;gap:10px}.grownup-banner{align-items:start;flex-direction:column;gap:12px}footer{margin:25px 32px 0}.hero-picture{padding:10px 10px 45px}.floating-note{font-size:16px}}@media(max-width:650px){header{padding:20px;gap:10px;flex-wrap:wrap}.logo{font-size:30px}nav{order:3;width:100%;justify-content:center;margin-top:12px;gap:30px}.parent-link{margin-left:auto}main{padding:0 20px}.kids-hero{grid-template-columns:1fr;padding-top:24px;gap:25px}.kids-hero h1{font-size:48px}.hero-picture{max-width:320px;justify-self:center;width:100%}.journey-strip{font-size:10px;gap:6px;padding:16px 0}.journey-strip b{margin-right:3px;width:21px;height:21px}.journey-strip i{display:none}.story-grid,.badge-grid{grid-template-columns:1fr}.art-link .story-art{max-height:230px}.card-copy>p:not(.eyebrow){min-height:0}.card-copy h3{font-size:27px}.card-meta{flex-direction:row;justify-content:space-between}.grownup-banner{padding:23px}.section-heading h2{font-size:29px}.activity{padding:24px 20px}.activity h1{font-size:29px}.story-text p{font-size:20px}.story-text.large p{font-size:24px}.activity-bottom{align-items:stretch;flex-direction:column}.stepper{gap:16px;font-size:11px}.stepper span{width:23px;height:23px}.answer{font-size:14px;padding:15px 12px}.lead{font-size:16px}footer{flex-wrap:wrap;margin:20px}footer .parent-link{margin:0;padding-left:0}.journey-page h1{font-size:45px}.journey-card{padding:15px}dialog{padding:32px 22px}.lesson-wrap{padding-top:20px}}
