*{box-sizing:border-box}html{color-scheme:light}body{margin:0}.bp-demo{font-family:Public Sans,system-ui,sans-serif;line-height:1.6;background:#f5f7fa;color:#223c58;min-height:100vh}.bp-demo button,.bp-demo input{font:inherit}.bp-demo button{cursor:pointer}.bp-demo button:disabled{cursor:not-allowed;opacity:.48}.bp-demo :is(button,a):focus-visible{outline:3px solid #a34f20;outline-offset:4px}.bp-demo h1,.bp-demo h2,.bp-demo p{margin:0}.bp-demo a{color:inherit}.bp-skip{position:fixed;top:-100px;z-index:100;background:#fff;padding:16px}.bp-skip:focus{top:0}.bp-header{max-width:1440px;margin:auto;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #dce7f2}.bp-logo{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:750;font-size:22px;line-height:1.2}.bp-logo>span{background:#496b91;color:#fff;border-radius:10px;width:46px;height:49px;display:grid;place-items:center}.bp-logo small{display:block;font-size:10px;letter-spacing:.13em;margin-top:6px;color:#627b97}.bp-header nav{display:flex;gap:5px;padding:5px;border:1px solid #dce4ee;border-radius:30px;background:#fff}.bp-header nav button{border:0;border-radius:25px;background:none;padding:10px 18px;min-height:44px;color:#4c6684;font-size:14px}.bp-header nav button[aria-current=page]{background:#eaf0f7;color:#223c58;font-weight:600}.bp-return{display:flex;gap:7px;align-items:center;text-decoration:none;font-size:14px;min-height:44px}.bp-notice{text-align:center;font-size:12px;padding:9px 20px;background:#eaf0f7;color:#536e8c}.bp-main{max-width:1240px;margin:auto;padding:40px 5% 65px}.bp-welcome{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:35px;padding:20px 0 45px}.bp-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#617b98;margin-bottom:14px!important}.bp-welcome h1,.bp-title h1,.bp-done h1{font-size:clamp(34px,4.3vw,57px);letter-spacing:-.04em;line-height:1.13;font-weight:650}.bp-welcome h1 em{font-family:Georgia,serif;font-weight:400;color:#496b91}.bp-welcome p:not(.bp-eyebrow){font-size:18px;line-height:1.75;color:#60758d;margin:22px 0;max-width:510px}.bp-audio{display:inline-flex;gap:10px;align-items:center;background:#fff;border:1px solid #c4d3e3;border-radius:8px;padding:12px 17px;min-height:48px;color:#3e6087;font-size:15px!important}.bp-book-art{background:#e7eef7;min-height:290px;border-radius:90px 90px 12px 12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #d6e3f1;transform:rotate(2deg)}.bp-book{display:flex;transform:rotate(-8deg);gap:2px;filter:drop-shadow(0 16px 12px #263e5b18)}.bp-book>span{background:#fffdf7;color:#496b91;font-family:Georgia,serif;font-size:49px;line-height:1.1;width:108px;height:150px;padding:20px 35px;border:7px solid #496b91}.bp-book>span:first-child{border-radius:14px 2px 2px 14px}.bp-book>span:last-child{border-radius:2px 14px 14px 2px;background:#f7f3e9}.bp-sun{position:absolute;top:-27px;right:12px;font-size:105px;color:#dfa268;line-height:1}.bp-caption{position:absolute;bottom:19px;font-size:13px;color:#5c7694}.bp-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bp-lesson{border:1px solid #d6e1ed;border-radius:14px;background:#fff;text-align:left;padding:25px;color:#223c58;transition:transform .15s,border-color .15s}.bp-lesson:hover{transform:translateY(-4px);border-color:#6a8db4}.bp-lesson-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.bp-activity-icon{height:60px;width:60px;border-radius:18px;background:#f9ebd7;color:#b77b40;display:grid;place-items:center;font-size:35px}.bp-lesson.sky .bp-activity-icon{background:#e3edf9;color:#547da7}.bp-lesson.rose .bp-activity-icon{background:#f1e7eb;color:#a0738a}.bp-lesson small{font-size:10px;letter-spacing:.1em;color:#687e96;font-weight:600}.bp-lesson h2{font-size:25px;letter-spacing:-.025em;margin-bottom:8px}.bp-lesson p{font-size:16px;color:#61758c;min-height:52px}.bp-lesson>div:last-child{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e0e7ef;padding-top:20px;margin-top:25px;font-size:13px;color:#496b91}.bp-kind-note{display:flex;gap:9px;align-items:center;justify-content:center;color:#61758c;font-size:14px;margin-top:30px!important}.bp-activity-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.bp-activity-bar>span{font-size:14px;color:#6b7e94}.bp-text{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;background:none;border:0;color:#496b91;font-size:14px!important;text-decoration:underline;text-underline-offset:4px}.bp-practice{max-width:780px;margin:auto;padding:35px 45px;background:#fff;border:1px solid #d7e2ee;border-radius:16px;text-align:center;box-shadow:0 12px 40px #29486806}.bp-practice-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#617b98;margin-bottom:30px}.bp-dots{display:flex;gap:7px}.bp-dots i{width:24px;height:7px;border-radius:10px;background:#e6edf5}.bp-dots i.filled{background:#496b91}.bp-practice h1{font-size:30px;line-height:1.25;letter-spacing:-.03em;margin-bottom:24px}.bp-practice h2{font-size:21px;margin:22px 0}.bp-word-audio{display:inline-flex;align-items:center;gap:13px;border:1px solid #bdcfe2;border-radius:14px;color:#496b91;background:#eaf0f7;padding:17px 25px;min-height:66px;font-size:21px!important;font-weight:600}.bp-voice-fallback{font-size:13px;color:#637992;margin-top:12px!important}.bp-choices{display:flex;gap:13px;margin:28px 0;justify-content:center;flex-wrap:wrap}.bp-choices button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:80px;min-width:140px;padding:17px 22px;border:2px solid #d8e4f0;border-radius:12px;background:#fff;color:#263e5b;font-size:30px!important;font-weight:600;flex:1}.bp-choices button.selected{border-color:#496b91;background:#eaf0f7}.bp-choices button:hover:not(:disabled){border-color:#6c8eaf}.bp-feedback{border-radius:10px;background:#f5f7fa;padding:18px;min-height:70px;color:#4f6783;font-size:16px;text-align:left}.bp-feedback strong{color:#223c58;font-size:18px}.bp-feedback p{margin:4px 0}.bp-practice-actions{display:flex;gap:14px;justify-content:center;margin-top:24px}.bp-button{min-height:50px;display:inline-flex;gap:10px;align-items:center;justify-content:center;border:1px solid #496b91;border-radius:8px;background:#496b91;color:#fff;padding:12px 21px;font-size:16px!important;font-weight:600;line-height:1.5}.bp-button:hover:not(:disabled){background:#385b83}.bp-button.bp-outline{background:#fff;color:#496b91;border-color:#abc1d7}.bp-break{margin-top:20px}.bp-slots{display:flex;gap:10px;justify-content:center;margin:23px 0}.bp-slots>span{width:77px;height:83px;border:2px dashed #9bb1ca;border-radius:9px;background:#f5f7fa;display:grid;place-items:center;font-size:42px;line-height:1}.bp-letter-bank{display:flex;gap:12px;justify-content:center;margin-bottom:10px}.bp-letter-bank button{width:67px;height:70px;background:#eaf0f7;color:#263e5b;border:1px solid #a9bfd6;border-bottom:4px solid #a9bfd6;border-radius:10px;font-size:37px!important}.bp-building{margin:25px 0}.bp-story{font-size:30px;line-height:1.65!important;background:#f1f5fa;border-radius:12px;padding:24px!important;letter-spacing:.01em;margin-bottom:18px!important}.bp-done{max-width:740px;text-align:center;margin:30px auto;background:#fff;border:1px solid #d6e2ef;border-radius:16px;padding:45px}.bp-done h1{font-size:38px}.bp-done>p:not(.bp-eyebrow){font-size:17px;color:#61768d;margin:23px 0}.bp-done-icon{width:82px;height:82px;display:grid;place-items:center;background:#eaf0f7;border-radius:50%;color:#496b91;margin:0 auto 25px}.bp-tools{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.bp-done .bp-tools{justify-content:center}.bp-title{max-width:770px;margin:20px 0 30px}.bp-title h1{font-size:44px}.bp-title>p:last-child{font-size:17px;color:#61768d;margin-top:20px}.bp-adult-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.bp-adult-stats article{background:#fff;border:1px solid #d6e2ef;border-radius:10px;padding:24px}.bp-adult-stats strong{display:block;font-size:35px}.bp-adult-stats span{font-size:14px;color:#61768d}.bp-evidence,.bp-guidance{padding:27px;background:#fff;border:1px solid #d6e2ef;border-radius:10px;margin:25px 0}.bp-evidence h2,.bp-guidance h2{font-size:23px;margin-bottom:17px}.bp-table{overflow:auto}.bp-table table{border-collapse:collapse;width:100%;font-size:14px;text-align:left;min-width:650px}.bp-table th{font-weight:600;color:#61768d}.bp-table td,.bp-table th{border-bottom:1px solid #dce7f2;padding:15px 12px}.bp-guidance p{color:#61768d;font-size:16px;margin:12px 0}.bp-footer{border-top:1px solid #dce7f2;padding:25px 5%;display:flex;gap:18px;justify-content:space-between;font-size:12px;color:#688099;max-width:1440px;margin:auto}.bp-voice-note,.bp-reset{padding:20px;border:1px solid #c9d8e9;border-radius:10px;background:#eaf0f7;margin-top:25px!important}.bp-reset button{margin:15px 10px 0 0}@media(max-width:760px){.bp-header{flex-wrap:wrap;gap:16px;padding:18px 5%}.bp-header nav{order:3;width:100%;justify-content:center}.bp-logo{font-size:20px}.bp-return{font-size:13px}.bp-main{padding-top:22px}.bp-welcome{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.bp-welcome h1{font-size:37px}.bp-welcome p:not(.bp-eyebrow){font-size:17px}.bp-book-art{min-height:190px;border-radius:55px 55px 12px 12px}.bp-book{transform:rotate(-8deg) scale(.72)}.bp-sun{font-size:75px;top:-18px}.bp-caption{bottom:12px}.bp-lessons{grid-template-columns:1fr}.bp-lesson{padding:23px}.bp-lesson p{min-height:0}.bp-lesson-top{margin-bottom:16px}.bp-lesson>div:last-child{margin-top:18px}.bp-kind-note{align-items:flex-start}.bp-practice{padding:25px 18px}.bp-practice h1{font-size:26px}.bp-practice-top{margin-bottom:22px}.bp-activity-bar{align-items:flex-start;flex-direction:column;gap:3px}.bp-choices{gap:9px}.bp-choices button{font-size:25px!important;min-width:87px;padding:12px;min-height:70px}.bp-practice-actions{flex-direction:column-reverse}.bp-story{font-size:25px;padding:20px!important}.bp-done{padding:30px 22px}.bp-done h1{font-size:31px}.bp-title h1{font-size:35px}.bp-adult-stats{grid-template-columns:1fr;gap:10px}.bp-adult-stats article{display:flex;align-items:center;gap:20px;padding:15px 20px}.bp-adult-stats strong{font-size:28px}.bp-evidence,.bp-guidance{padding:22px}.bp-footer{flex-direction:column;gap:5px}.bp-voice-fallback{font-size:12px}.bp-notice{font-size:11px}.bp-tools .bp-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.bp-voice-fallback summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:underline;text-underline-offset:4px}