@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--ink:#233c34;--paper:#f8f6ef;--green:#245747;--muted:#66756e;--line:#dfe3d8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #c67831;outline-offset:5px}header{max-width:1240px;margin:auto;padding:28px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{font-family:Outfit,sans-serif;font-size:27px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.logo{background:#f5c95b;border-radius:50%;width:36px;height:36px;text-align:center;font-size:32px;line-height:36px}.brand-dot{color:#df7f4a;margin-left:-8px}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a{padding:10px 0}nav span{font-size:11px;background:#e6e9df;padding:3px 6px;border-radius:20px}.club-label,.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px}.club-label{color:var(--muted)}main{max-width:1172px;margin:auto;padding:32px 0 60px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding:20px 0 36px}.pill{display:inline-block;border:1px solid #d3ddce;border-radius:30px;padding:9px 13px;font-size:11px;font-weight:700;letter-spacing:1.6px;background:#edf1e7}.pill:before{content:'✦ ';color:#bb7d2f}h1,h2,h3{font-family:Outfit,sans-serif;letter-spacing:-1px}h1{font-size:66px;line-height:1.06;margin:23px 0;font-weight:600}h1 em{font-style:normal;color:#53816a}p{line-height:1.7}.hero p{font-size:17px;color:var(--muted);max-width:430px}.primary,.secondary{border:0;border-radius:12px;padding:15px 22px;font-weight:700;display:inline-flex;gap:25px;align-items:center;justify-content:center}.primary{background:var(--green);color:white;box-shadow:0 4px 0 #173d32}.secondary{background:#e8eddf;color:var(--ink)}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.small-note{font-size:12px;color:var(--muted)}.art{position:relative;min-height:355px;background:#e7ebdb;border-radius:45% 48% 40% 45%;display:flex;align-items:center;justify-content:center}.art svg{width:100%;height:350px}.float-tag{position:absolute;background:#fffdf7;border:1px solid #dbe0d2;padding:12px 15px;border-radius:13px;box-shadow:0 6px 0 #dae0cf;font-size:13px;font-weight:700;transform:rotate(-7deg);top:28px;left:10px}.float-tag.bottom{top:auto;left:auto;bottom:23px;right:0;transform:rotate(6deg)}.progress-strip{display:flex;align-items:center;gap:20px;padding:22px 25px;background:#fffdf8;border:1px solid var(--line);border-radius:18px;margin:14px 0 38px}.sun{font-size:30px;background:#fff0bb;border-radius:14px;padding:6px 12px}.progress-strip strong{font-size:15px}.progress-strip p{font-size:13px;margin:5px 0 0;color:var(--muted)}.progress-right{margin-left:auto;min-width:210px}.bar{height:7px;background:#e8ecdf;border-radius:20px;overflow:hidden;margin-top:9px}.bar div{height:100%;background:#789b6a;transition:width .3s}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px;gap:15px}h2{font-size:30px;margin:0 0 6px}.section-head p{font-size:14px;color:var(--muted);margin:0}.section-head>span{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fffdf8;position:relative}.card-art{height:166px;display:flex;align-items:center;justify-content:center;position:relative}.card-art svg{width:190px;height:145px}.card:nth-child(1) .card-art{background:#e8e6f4}.card:nth-child(2) .card-art{background:#f8e7cc}.card:nth-child(3) .card-art{background:#e0ecdf}.save{position:absolute;top:13px;right:13px;width:35px;height:35px;border-radius:50%;border:0;background:#ffffffcc;font-size:22px;color:#50604e}.save[aria-pressed=true]{background:#ffe8a4;color:#8a571a}.card-body{padding:23px}.category{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#74638c}.card h3{font-size:25px;margin:10px 0}.card p{font-size:14px;color:var(--muted);margin:0 0 20px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;font-size:12px}.card-bottom a{font-weight:700;font-size:14px}.daily{margin-top:30px;border:1px dashed #b7c3a9;background:#edf1e5;border-radius:18px;padding:24px 28px;display:flex;gap:22px;align-items:center}.daily .icon{font-size:34px}.daily h3{font-size:19px;margin:0 0 4px}.daily p{font-size:14px;margin:0;color:#56674f}.daily button{margin-left:auto;flex-shrink:0}footer{max-width:1172px;margin:auto;border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}footer .brand{font-size:20px}.text-button{border:0;background:none;color:inherit;text-decoration:underline;font-size:12px}.lesson{max-width:760px;margin:0 auto}.back{display:inline-block;margin:8px 0 24px;font-size:14px}.lesson-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.lesson h1{font-size:43px;line-height:1.15;margin:15px 0}.step-label{font-size:12px;color:var(--muted);font-weight:700}.lesson-panel{background:#fffdf8;border:1px solid var(--line);border-radius:24px;padding:32px;margin:24px 0}.lesson-panel h2{font-size:28px}.lesson-panel p{font-size:18px}.lesson-visual{background:#e8e6f4;border-radius:18px;display:flex;justify-content:center;margin-bottom:24px}.lesson-visual svg{width:220px;height:150px}.choices{display:grid;gap:12px;margin:24px 0}.choice{padding:18px;text-align:left;border:2px solid #dfe3d8;border-radius:13px;background:white;color:var(--ink)}.choice:hover{border-color:#8aa47c}.choice.correct{border-color:#4b8058;background:#e8f4df}.choice.wrong{border-color:#ca8d51;background:#fff2dd}.feedback{border-radius:12px;padding:16px;background:#e8f0df;line-height:1.6}.feedback:empty{display:none}.lesson-controls{display:flex;justify-content:space-between;gap:15px;align-items:center}.lesson-controls button:disabled{opacity:.45;cursor:not-allowed}.completion{text-align:center;padding:35px 15px}.completion .medal{font-size:70px;display:block}.completion h1{font-size:44px}.journey-grid{display:grid;gap:15px;margin:28px 0}.journey-item{background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;justify-content:space-between;gap:15px}.empty{padding:45px 25px;background:#fffdf8;border-radius:20px;border:1px solid var(--line)}dialog{max-width:560px;width:calc(100% - 30px);border:1px solid var(--line);border-radius:20px;padding:34px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#19372d88}.close{float:right;border:0;background:none;font-size:27px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 22px;border-radius:12px;z-index:20;max-width:90%;text-align:center}.storage-warning{background:#fff0cf;padding:12px;text-align:center}.listen{border:1px solid #ccd6c5;background:transparent;border-radius:30px;padding:9px 15px;color:var(--green);font-size:13px} @media(max-width:1250px){main,footer{margin-left:34px;margin-right:34px}}@media(max-width:850px){.club-label{display:none}h1{font-size:49px}.hero{gap:10px}.art{min-height:300px}.art svg{height:290px}.cards{gap:12px}.card-body{padding:18px}.card h3{font-size:22px}.hero-actions{gap:12px}.hero-actions .small-note{display:none}}@media(max-width:620px){header{padding:18px 20px;flex-wrap:wrap;gap:10px}.brand{font-size:25px}nav{width:100%;justify-content:space-between;gap:12px;font-size:13px}main{margin:0;padding:20px 20px 40px}.hero{grid-template-columns:1fr;padding-top:6px;gap:26px}h1{font-size:48px;margin:18px 0}.hero p{font-size:16px}.art{min-height:265px;margin:0 10px}.art svg{height:265px}.float-tag{font-size:11px}.progress-strip{padding:17px;gap:12px;flex-wrap:wrap}.progress-right{min-width:100%;margin:0}.section-head{align-items:start}.section-head>span{display:none}.cards{grid-template-columns:1fr;gap:20px}.card-art{height:160px}.card-body{padding:23px}.card h3{font-size:26px}.daily{flex-wrap:wrap;padding:21px;gap:12px}.daily>div:nth-child(2){flex:1;min-width:180px}.daily button{margin:5px 0 0 47px}footer{margin:0 20px;flex-wrap:wrap}footer>span{display:none}.lesson-panel{padding:23px}.lesson h1{font-size:35px}.lesson-top{align-items:start}.lesson-panel p{font-size:17px}.lesson-controls{flex-wrap:wrap}.journey-item{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Bilingual additions retain the original palette and illustrations. */
.language-control{display:flex;flex-direction:column;gap:5px;font-size:11px;white-space:nowrap;color:var(--muted)}.language-control select{font:inherit;font-size:14px;font-weight:600;color:var(--green);background:#fffdf8;border:1px solid #ccd6c5;border-radius:9px;padding:8px 10px;cursor:pointer}.language-control select:focus-visible{outline:3px solid #c67831;outline-offset:3px}nav #nav-saved-text{font-size:inherit;background:none;padding:0;border-radius:0}.page-title{font-size:46px}.parent-page{max-width:960px;margin:auto}.parent-page>.pill{display:table}.parent-page h1{font-size:52px}.parent-intro{max-width:700px;font-size:18px;color:var(--muted)}.parent-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.parent-panel{background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:28px;margin-bottom:24px}.parent-grid .parent-panel{margin:0}.parent-panel h2{font-size:28px;margin-top:10px}.parent-panel h3{font-size:22px}.parent-panel li{line-height:1.6;margin:10px 0}.parent-panel a{text-decoration:underline;text-underline-offset:4px}.pack-panel{background:#f4eddf}.availability{border-top:1px solid #d8ceba;padding-top:18px}.availability p{font-size:14px;margin-bottom:0}.week-list{columns:2;column-gap:50px}.week-list li{break-inside:avoid}.card-bottom{gap:12px;flex-wrap:wrap}header{flex-wrap:wrap}.lesson-top .listen{flex-shrink:0}h1,h2,h3,p,a{overflow-wrap:break-word}@media(max-width:850px){.language-control{margin-left:auto}header nav{order:3;width:100%;justify-content:center;gap:35px}.parent-grid{grid-template-columns:1fr}}@media(max-width:620px){header{gap:16px}.brand{font-size:23px}.language-control{font-size:10px}.language-control select{padding:6px;font-size:13px}header nav{gap:14px;justify-content:space-between}.hero h1{font-size:44px}.parent-page h1{font-size:39px}.parent-panel{padding:22px}.week-list{columns:1}.page-title{font-size:38px}.lesson-top{flex-wrap:wrap}.pill{letter-spacing:1px}.parent-intro{font-size:17px}}@media(max-width:360px){header .brand{font-size:21px}.logo{display:none}.language-control>span{font-size:9px}}