@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Myanmar:wght@400;500;600;700&display=swap');
:root{--ink:#183f39;--green:#176e60;--paper:#faf9f3;--muted:#677b74}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.95 'Noto Sans Myanmar',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e2a243;outline-offset:4px}button{border:0;background:none;color:inherit}header{max-width:1280px;margin:auto;height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #e4e8df}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:21px;font-weight:700;line-height:1.5}.logo{font-size:44px;color:#238773}.brand small{display:block;font-size:9px;letter-spacing:2.7px;margin-top:5px}nav{display:flex;gap:28px}nav button{padding:9px 0;color:var(--muted)}nav .active{color:var(--green);border-bottom:2px solid var(--green)}.parent{border:1px solid #d9e1d7;border-radius:24px;padding:8px 18px;font-size:12px}main{max-width:1200px;margin:auto;padding:36px 0 60px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:360px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#4f8b71}.tag{display:inline-block;border-radius:30px;background:#eaf0df;padding:5px 14px;font-size:11px}.hero h1{font-size:39px;line-height:1.85;letter-spacing:-1px;margin:19px 0 10px}.hero h1 em{font-style:normal;color:#2a8b70}.hero p{max-width:460px;color:var(--muted);line-height:2.2}.primary{background:var(--green);color:white;border-radius:12px;padding:12px 24px;display:inline-block}.hero .primary{margin-top:14px}.art{height:350px;position:relative;display:flex;justify-content:center;align-items:center}.art svg{width:100%;height:100%}.note{position:absolute;background:white;border:1px solid #e7ebdf;box-shadow:0 8px 24px #254c3910;border-radius:14px;padding:8px 16px;transform:rotate(-6deg);left:2%;bottom:29px;font-size:12px}.note.second{left:auto;right:0;top:30px;bottom:auto;transform:rotate(7deg)}.pathstrip{display:flex;align-items:center;justify-content:space-between;background:#eef2e7;border-radius:16px;padding:18px 25px;margin:26px 0 38px;gap:16px}.pathstrip strong{font-size:14px}.pathstrip small{display:block;color:var(--muted)}select{border:1px solid #d4ded0;border-radius:10px;background:white;color:var(--ink);padding:8px 15px}.sectiontitle{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.sectiontitle h2{margin:0;font-size:23px}.sectiontitle p{margin:5px 0;color:var(--muted);font-size:12px}.search{width:235px;border:1px solid #dce2d7;border-radius:12px;padding:10px 15px;background:transparent}.filters{display:flex;gap:10px;margin:22px 0 27px;flex-wrap:wrap}.filter{border:1px solid #dfe4d9;border-radius:25px;padding:8px 17px;font-size:12px}.filter.selected{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{text-align:left;padding:0;border:1px solid #e0e5da;border-radius:18px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #173e3910}.card-art{height:155px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art:before,.card-art:after{content:'';position:absolute;border:1px solid #ffffff80;border-radius:50%;width:190px;height:190px;transform:rotate(25deg)}.card-art:after{width:250px;height:110px}.card-art .emoji{font-size:68px;z-index:1;filter:drop-shadow(0 8px 2px #183f3910)}.card-art .number{position:absolute;top:12px;left:15px;font-size:10px;font-weight:700;letter-spacing:2px}.card-art .age{position:absolute;bottom:12px;right:14px;background:#ffffffb0;padding:2px 9px;border-radius:18px;font-size:10px}.card-body{padding:20px 23px}.card-body .label{color:#52836b;font-size:10px}.card h3{font-size:18px;margin:8px 0}.card p{color:var(--muted);font-size:12px;margin:0 0 18px}.card-bottom{border-top:1px solid #edf0e8;padding-top:12px;display:flex;justify-content:space-between;font-size:11px}.arrow{color:var(--green)}.bottom-banner{background:#193f38;color:white;border-radius:20px;padding:29px 35px;display:flex;justify-content:space-between;align-items:center;margin-top:40px}.bottom-banner h3{margin:0 0 6px;font-size:21px}.bottom-banner p{color:#c3d6c9;margin:0;font-size:12px}.bottom-banner button{background:#e8eeaa;color:#25443b;padding:10px 20px;border-radius:10px}footer{border-top:1px solid #e0e5db;max-width:1200px;margin:auto;padding:24px 0;display:flex;justify-content:space-between;font-size:11px}footer span{color:var(--muted)}dialog{border:0;border-radius:23px;max-width:760px;width:calc(100% - 28px);padding:36px;color:var(--ink);max-height:90vh;box-shadow:0 20px 100px #0c342d40}dialog::backdrop{background:#123d3370;backdrop-filter:blur(4px)}#close{position:sticky;top:0;float:right;border-radius:50%;background:#edf1e7;width:36px;height:36px;z-index:3}dialog h2{font-size:25px;margin:12px 0}.lesson-icon{font-size:54px}.steps{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.step{flex:1;min-width:120px;background:#eff3e7;border-radius:12px;padding:14px;font-size:12px}.step b{display:block;color:#4f9377}.experiment,.quiz,.evidence{background:#f7f2e4;border-radius:14px;padding:20px;margin:20px 0}.evidence{background:#edf3f1}.quiz{background:#f0edf7}.options{display:grid;gap:9px}.option{background:white;text-align:left;padding:12px 16px;border:1px solid #ded8eb;border-radius:10px}.option.correct{border-color:#22805f;background:#e0f2e7}.option.wrong{border-color:#b98042;background:#fff0da}.feedback{min-height:28px;margin-top:10px;font-weight:600}.quiet{font-size:12px;color:var(--muted)}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.meter{height:10px;background:#dfe8d8;border-radius:10px;overflow:hidden}.meter div{background:#3d9779;height:100%}.labbox{border:1px solid #dbe3d6;border-radius:18px;background:white;padding:25px;margin:20px 0}.math-display{text-align:center;font-size:38px;padding:25px;background:#eff4df;border-radius:14px}.lab-controls{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:20px 0}.lab-controls button{background:#e9eee1;border-radius:10px;padding:8px 16px}.lab-controls input{max-width:100%;width:220px}.breath{width:130px;height:130px;border-radius:50%;background:#b8ded6;margin:30px auto;display:flex;align-items:center;justify-content:center;transition:transform 3s ease}.breath.expanded{transform:scale(1.35)}.empty{padding:40px;background:#edf1e5;border-radius:15px;grid-column:1/-1}a{color:#1b7867}.stars{color:#d5972d} @media(max-width:1250px){main,footer{margin-left:35px;margin-right:35px}}@media(max-width:800px){header{padding:16px 20px;height:auto;flex-wrap:wrap;gap:15px}nav{order:3;width:100%;justify-content:center;gap:35px}.brand{font-size:18px}.parent{font-size:10px;padding:6px 12px}main{padding-top:22px;margin:0 20px}.hero{grid-template-columns:1fr}.hero h1{font-size:31px}.hero p{font-size:13px}.art{height:285px}.grid{grid-template-columns:repeat(2,1fr)}.sectiontitle{align-items:start;gap:15px;flex-direction:column}.search{width:100%}.bottom-banner{gap:20px;padding:25px;flex-direction:column;align-items:start}footer{margin:0 20px;gap:15px;flex-wrap:wrap}.pathstrip{padding:17px;align-items:start;flex-direction:column}}@media(max-width:480px){.grid{grid-template-columns:1fr}.card-art{height:170px}dialog{padding:23px}.hero h1{font-size:28px}.pathstrip select{width:100%}.filters{gap:7px}.filter{padding:7px 12px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Version 2: illustrated activities, accessible icons and family footer. */
[hidden]{display:none!important}.ui-icon{width:21px;height:21px;vertical-align:middle;flex:none;display:inline-block}.brand-logo{width:49px;height:49px}.filter,.primary,.support-button,.footer-links a{display:inline-flex;align-items:center;justify-content:center;gap:8px}.filter{min-height:44px}.primary:disabled{opacity:.5;cursor:default}button:disabled{cursor:default}.option:disabled{opacity:1}.card-illustration{height:155px;width:100%;object-fit:contain;z-index:1}.lesson-illustration{width:100%;height:190px;object-fit:contain;display:block}.card-art .age,.card-art .number{z-index:2}header{height:auto;min-height:108px;gap:16px;flex-wrap:wrap;padding-top:20px;padding-bottom:16px}header nav{order:3;width:100%;justify-content:center;gap:12px;flex-wrap:wrap}nav button{display:flex;align-items:center;gap:7px;padding:10px 15px;border-radius:12px;font-size:13px}nav button.active{background:#e7efdf;border-bottom:0;color:#176e60}nav button:hover{background:#eef2e8}.activity-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.activity-hero h1{font-size:32px;line-height:1.8}.activity-hero p{color:var(--muted);max-width:650px}.activity-art{width:260px;height:200px}.play-panel{border:1px solid #dce5d7;background:#fff;border-radius:22px;padding:30px;margin:20px 0}.play-panel h2{margin-top:0}.answer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0}.number-option{font-size:28px;text-align:center;min-height:80px}.place-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:25px 0}.place-cell{background:#edf2e1;border-radius:12px;padding:13px 5px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.place-cell:nth-child(2n){background:#f8ecd5}.place-cell:nth-child(3n){background:#e5eef5}.place-cell select{width:70px;max-width:100%;font-size:21px;padding:5px}.place-cell small{font-size:10px}.round-result{text-align:center;background:#f4f5e7;border-radius:18px;margin:20px 0;padding:30px}.big-emoji{font-size:58px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-choice{border:2px solid #e3e9dc;border-radius:16px;background:#fafbf5;padding:10px}.tool-choice:hover{border-color:#72a692}.tool-choice img{width:100%;height:160px}.tool-choice span{display:block;padding:10px}.support-area{flex-basis:100%;border-top:1px solid #e1e6dc;padding-top:16px}.support-area p{margin:0 0 10px}.support-buttons{display:flex;gap:10px;flex-wrap:wrap}.support-button{border:1px solid #d3dece;padding:8px 16px;border-radius:12px;min-height:44px;background:#f0f3e9}.support-button:disabled{opacity:.5}.support-area small{display:block;color:var(--muted);margin-top:9px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{font-size:11px;text-decoration:none}.footer-credit{flex-basis:100%;display:flex;align-items:center;gap:8px;font-size:12px}.made-heart{color:#c46e68}.made-heart svg{fill:#c46e68;width:17px}footer{flex-wrap:wrap;gap:20px;align-items:center}.policy-content{max-width:850px;line-height:2.2;padding-top:40px}.policy-content h2{font-size:20px;margin-top:30px}.adult-check{display:flex;gap:12px;align-items:flex-start}.adult-check input{width:21px;height:21px;flex:none}.toolbar{margin-top:12px}#narrate,#heart-audio{font-size:12px}#place-expanded{overflow-wrap:anywhere}.lab-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}.lab-controls select{max-width:100%}hr{border:0;border-top:1px solid #e6ebdf;margin:25px 0}@media(max-width:800px){.activity-hero h1{font-size:25px}.activity-art{width:170px;height:150px}.place-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.play-panel{padding:22px}nav button{font-size:12px;padding:9px 10px}header nav{gap:6px}.brand-logo{width:43px;height:43px}.tool-choice img{height:120px}}@media(max-width:480px){.activity-hero{align-items:flex-start;flex-direction:column;gap:0}.activity-art{align-self:center;width:210px;height:140px}.activity-hero h1{font-size:25px}.answer-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:1fr}.tool-choice{display:flex;align-items:center}.tool-choice img{width:45%;height:105px}.place-grid{gap:7px}.place-cell{padding:10px 4px}.place-cell strong{font-size:12px}.place-cell select{width:60px}.place-cell small{font-size:9px}.play-panel{padding:17px}.math-display{font-size:28px;padding:20px 8px}.parent{font-size:11px}.brand{width:100%}header{gap:10px}.number-option{min-height:65px}.footer-links{flex-direction:column;align-items:flex-start}}

.card-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:47px}

/* Center the shared footer on the app, Terms and Privacy, at every breakpoint. */
footer{justify-content:center;text-align:center}
footer .footer-links,footer .support-buttons,footer .footer-credit{justify-content:center}
footer .footer-links{align-items:center}
footer .support-area{width:100%}