:root{--shell:min(1280px,calc(100% - 48px))}
.home-page .learn-hero h1 br{display:block}
.lesson-icon{position:absolute!important;right:4px;bottom:6px;width:116px!important;height:116px!important;object-fit:contain}.skill-icon{width:104px!important;height:104px!important;flex:0 0 104px;object-fit:contain;filter:drop-shadow(0 7px 6px rgba(33,44,91,.12))}.print-icon{display:block;width:105px!important;height:105px!important;object-fit:contain;margin:3px auto -4px;filter:drop-shadow(0 5px 5px rgba(34,49,89,.1))}.trust-strip>.shell>div>img{width:52px!important;height:52px!important;object-fit:contain;flex:0 0 52px;filter:drop-shadow(0 4px 4px rgba(21,95,76,.12))}.lesson-art,.skill-letter,.trace-a,.hunt,.sort{display:none!important}
.learn-hero{background-image:url('/assets/img/hero-learning-panorama.webp')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}.letter-world{background:none!important;overflow:hidden;-webkit-mask-image:none;mask-image:none}.letter-world:before,.letter-world:after,.abc-hero-art,.hero-star,.world-sign{display:none!important}.mini-previews{left:3%!important;right:3%!important;bottom:19px!important;gap:12px!important}.mini-previews a{background:rgba(255,255,255,.97)!important;box-shadow:0 10px 28px rgba(25,58,81,.22)!important}.mini-previews span{min-height:74px!important;background:linear-gradient(180deg,#e3f7ff 0%,#efffe8 100%)!important}
.mini-previews{align-items:start!important}.mini-previews a{align-self:start!important;height:auto!important}.mini-previews span{height:74px!important;min-height:74px!important;gap:8px!important;white-space:nowrap!important;overflow:hidden}.mini-previews b{font-size:clamp(27px,2.5vw,36px)!important;line-height:1!important;white-space:nowrap!important;letter-spacing:-.04em}.mini-previews em{font-size:26px;line-height:1}
@media(max-width:600px){.learn-hero{background-image:radial-gradient(circle at 5% 92%,rgba(206,190,255,.55),transparent 34%),linear-gradient(135deg,#fffdf8 0%,#fff 42%,#f1edff 100%)!important}.letter-world{background-image:url('/assets/img/hero-learning-scene.webp')!important;background-size:100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:#f7f5ff!important;-webkit-mask-image:none;mask-image:none}.mini-previews{bottom:9px!important}}
.home-page{font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif}.learn-hero{position:relative;isolation:isolate;border-bottom:1px solid #ebeaf2}.learn-hero:before,.learn-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);z-index:-1}.learn-hero:before{width:430px;height:260px;left:-140px;bottom:-70px;background:rgba(202,181,255,.28)}.learn-hero:after{width:480px;height:270px;right:-100px;top:-70px;background:rgba(255,205,253,.26)}.learn-hero-grid{min-height:500px;grid-template-columns:43% 57%;gap:24px}.learn-hero-copy{padding:54px 0 92px}.learn-hero-copy .eyebrow{font-size:12px;letter-spacing:.14em;margin-bottom:13px}.learn-hero h1{font-size:clamp(46px,4.2vw,58px);font-weight:900;max-width:560px;line-height:1.04;margin-bottom:18px}.learn-hero-copy>p{font-family:"Trebuchet MS",Arial,sans-serif;font-size:17px;line-height:1.55;max-width:530px}.learn-hero .hero-actions{gap:14px;margin:27px 0 18px}.learn-hero .button{min-height:50px;padding:13px 23px;border-radius:13px}.play-dot{font-size:13px}.letter-world{min-height:500px;background:radial-gradient(ellipse at 65% 101%,#8bdc63 0 22%,transparent 22.5%),radial-gradient(ellipse at 89% 98%,#48bb4e 0 21%,transparent 21.5%)}.letter-world:before,.letter-world:after{content:"";position:absolute;background:#fff;border-radius:50%;opacity:.82}.letter-world:before{width:100px;height:35px;left:5%;top:55px;box-shadow:28px -13px 0 2px #fff,58px 0 0 -2px #fff}.letter-world:after{width:78px;height:27px;right:7%;top:24px;box-shadow:23px -10px 0 #fff,47px 0 0 -3px #fff}.abc-hero-art{position:absolute;z-index:1;width:min(73%,610px);height:auto;left:9%;top:48px;filter:drop-shadow(0 14px 12px rgba(38,72,102,.19))}.hero-star{position:absolute;left:1%;top:50px;color:#ffd43d;font-size:31px;transform:rotate(-12deg)}.world-sign{z-index:2;top:66px;right:0;padding:14px 19px;font-size:14px;background:linear-gradient(#dda860,#c98947);border:1px solid rgba(113,66,28,.18);box-shadow:0 5px 0 #a66f36,0 10px 18px rgba(72,47,22,.18)}.mini-previews{z-index:3;left:2%;right:1%;bottom:31px;gap:12px}.mini-previews a{border-radius:17px;border-width:5px;box-shadow:0 10px 23px rgba(26,61,94,.17)}.mini-previews strong{font-size:11px;padding:7px 5px 3px}.mini-previews span{min-height:78px}.quick-find{margin-top:-21px;transform:none;grid-template-columns:175px 190px minmax(360px,1fr) 165px 132px;min-height:105px;padding:18px 24px;border-radius:16px}.quick-find h2{font-size:18px;line-height:1.2}.home-section{padding-top:33px}.home-heading h2{font-size:25px;letter-spacing:-.025em}.popular-grid{gap:18px}.popular-card{border-radius:14px;transition:transform .2s ease,box-shadow .2s ease}.popular-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(32,52,108,.15)}.popular-image{aspect-ratio:16/9}.popular-card>div{padding:13px 14px}.popular-card h3{font-size:15px}.popular-card p{font-family:"Trebuchet MS",Arial,sans-serif;font-size:11px}.popular-card ul{padding-top:10px}.letter-picker{padding-top:24px}.letter-grid{gap:7px}.letter-key{border-radius:9px;font-size:19px;transition:transform .15s ease}.letter-key:hover{transform:translateY(-3px)}.path-section{padding:27px 0 31px;background:linear-gradient(180deg,#e3f4ff,#eefaff)}.path-grid article{min-height:160px;padding:18px;border-radius:14px}.path-grid h3{font-size:14px}.path-grid p{font-family:"Trebuchet MS",Arial,sans-serif;font-size:10px}.skill-card{min-height:132px;border:1px solid rgba(39,50,100,.04);transition:transform .2s ease}.skill-card:hover{transform:translateY(-3px)}.grownups{margin-top:16px;margin-bottom:25px;min-height:176px;border-radius:16px}.grownup-copy{padding:24px}.routine{padding:23px}.resource-section{padding-bottom:34px}.print-grid article{min-height:165px}.trust-strip{padding:20px 0}.site-footer{padding-top:34px}
@media(max-width:1100px){.learn-hero-grid{grid-template-columns:46% 54%}.abc-hero-art{width:78%;left:4%;top:80px}.quick-find{grid-template-columns:1fr 1fr 2fr 1fr}.quick-find .show-games{grid-column:4}.world-sign{right:-8px}}
@media(max-width:900px){:root{--shell:min(100% - 28px,1280px)}.learn-hero-grid{display:block}.learn-hero-copy{padding:42px 0 30px}.letter-world{min-height:430px}.abc-hero-art{width:min(78%,600px);left:8%;top:25px}.world-sign{top:35px;right:1%}.quick-find{margin-top:-13px}.popular-card h3{font-size:16px}}
@media(max-width:600px){:root{--shell:calc(100% - 24px)}.site-header{box-shadow:0 2px 9px rgba(28,48,99,.09)}.header-main{padding:9px 0}.brand img{width:158px}.header-main .search{height:42px}.learn-hero-grid{width:100%;max-width:none}.learn-hero-copy{width:calc(100% - 24px);margin:auto;padding:37px 0 24px}.learn-hero h1{font-size:39px;line-height:1.03;letter-spacing:-.04em}.learn-hero-copy>p{font-size:15px}.learn-hero .hero-actions{display:grid}.learn-hero .button{width:100%;min-height:51px}.letter-world{min-height:350px}.abc-hero-art{width:90%;left:1%;top:46px}.hero-star{left:3%;top:22px;font-size:24px}.world-sign{font-size:9px;top:38px;right:2%;padding:9px 10px}.world-sign:after{height:52px;border-width:5px}.mini-previews{left:4px;right:4px;bottom:14px;gap:5px}.mini-previews a{border-width:3px;border-radius:12px}.mini-previews strong{font-size:8px}.mini-previews span{min-height:57px}.quick-find{margin-top:0;border-radius:0;border-left:0;border-right:0;box-shadow:0 7px 20px rgba(27,44,105,.09)}.home-section,.letter-picker,.path-section>.shell,.grownups,.resource-section{width:calc(100% - 24px)!important}.popular-grid{gap:14px}.popular-card>div{padding:14px}.letter-grid{gap:7px}.path-grid article{min-height:150px}.grownups{grid-template-columns:105px 1fr}.grownup-photo{min-height:150px}.routine{padding:17px}.print-grid article{min-height:150px}}
@media(max-width:600px){.letter-picker{width:100%!important;padding:28px 16px 32px!important;background:linear-gradient(180deg,#fffdf9 0%,#f7f4ff 100%);border-top:1px solid #f0eaf9;border-bottom:1px solid #e4dcf5}.letter-picker .home-heading{margin:0 0 20px}.letter-picker .home-heading>div{display:block}.letter-picker .home-heading h2{max-width:330px;font-size:25px;line-height:1.12;letter-spacing:-.035em}.letter-picker .home-heading span{display:block;margin-top:7px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:12px;line-height:1.4;color:#647095}.letter-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px 9px!important;max-width:430px;margin:0 auto}.letter-key{aspect-ratio:auto!important;min-height:58px;border-radius:14px!important;font-size:21px!important;box-shadow:0 5px 0 rgba(25,40,88,.13),0 8px 15px rgba(35,48,94,.08)!important;border:2px solid rgba(255,255,255,.62);transition:transform .15s ease,box-shadow .15s ease}.letter-key:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(25,40,88,.13)!important}.letter-key.selected{outline:3px solid #ffb800;outline-offset:3px}.letter-key:nth-child(26){grid-column:3}}
@media(max-width:360px){.letter-picker{padding-inline:12px!important}.letter-grid{gap:9px 7px!important}.letter-key{min-height:53px;font-size:19px!important}}