:root{--ink:#243f35;--green:#28664f;--cream:#faf9f4;--line:#e7e9df;--muted:#66796e;--yellow:#f2ca69}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 ui-rounded,'Trebuchet MS',Arial,sans-serif}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #b36c26;outline-offset:4px}.shell{display:flex;min-height:100vh}aside{width:246px;background:#fffef9;border-right:1px solid var(--line);padding:36px 24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-size:20px;line-height:1.1;letter-spacing:-.6px}.brand b{font-size:28px}.brandicon{font-size:46px;color:var(--green)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin:42px 12px 15px}nav{display:grid;gap:8px}nav a{display:flex;gap:15px;align-items:center;text-decoration:none;padding:12px;border-radius:12px;font-size:17px}nav a span{font-size:14px;font-weight:600}nav a.active{background:#e9f0e4;color:#24563f}nav a:hover{background:#f0f2ea}.sidebar-bottom{margin-top:auto;padding:35px 12px 0;font-size:12px}.sidebar-bottom p{color:var(--muted);margin:5px 0 26px}.sidebar-bottom a{text-decoration:none}.smallflower{font-size:34px;color:#be8561;margin-bottom:10px}.mainwrap{margin-left:246px;width:calc(100% - 246px)}header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 46px;font-size:13px}.breadcrumb{color:var(--muted)}.breadcrumb span{color:#b98a3d;margin-left:14px}.headcontrols{display:flex;gap:12px}select,.quiet{background:transparent;border:1px solid #dce2d6;padding:10px 13px;border-radius:24px;color:var(--ink);font-size:12px}main{max-width:1190px;margin:auto;padding:35px 46px 25px}h1{font:normal 43px/1.15 Georgia,serif;letter-spacing:-1.1px;margin:8px 0 13px}h2{font-size:21px;font-weight:600;letter-spacing:-.4px}h3{font-size:18px;margin:10px 0}.overline{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green)}.muted{color:var(--muted)}.hero{background:#eaf0e3;border:1px solid #e0e8d8;border-radius:23px;padding:35px 36px;position:relative;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;min-height:280px}.hero p{max-width:340px;color:#53685a;font-size:14px;margin:0 0 24px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;border:0;border-radius:12px;padding:13px 20px;font-weight:600;font-size:14px;background:var(--green);color:white;min-height:48px}.secondary{background:#fffdf7;color:var(--ink);border:1px solid #dce2d6}.art{display:flex;justify-content:center;align-items:center}.art svg{width:100%;max-width:330px;height:230px}.underhero{display:flex;gap:26px;margin:19px 2px 32px;font-size:12px;color:var(--muted)}.underhero span:before{content:'✓';margin-right:7px;color:var(--green)}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.sectionhead p{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{text-decoration:none;display:flex;flex-direction:column;background:#fffefb;border:1px solid var(--line);border-radius:18px;padding:23px;min-height:220px;transition:transform .15s}.card:hover{transform:translateY(-3px);border-color:#a6bca6}.tileart{width:62px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:17px;font-size:33px;font-weight:bold;color:#3a6752;background:#e9efdd}.card:nth-child(2) .tileart{background:#fbecd2;color:#b7793e}.card:nth-child(3) .tileart{background:#e9e7f5;color:#756399}.card p{font-size:13px;color:var(--muted);margin:0 0 19px}.card .tag{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#788475;margin-top:17px}.card .bottom{display:flex;justify-content:space-between;font-size:12px;color:var(--green);margin-top:auto}.progresspanel{margin-top:26px;border:1px solid var(--line);border-radius:17px;padding:19px 24px;display:flex;gap:20px;align-items:center;background:#fffefb}.progresspanel h3{font-size:15px;margin:0}.progresspanel p{font-size:12px;color:var(--muted);margin:3px 0}.progresspanel .grow{margin-left:auto;min-width:130px}.bar{height:7px;background:#e9eddf;border-radius:8px;overflow:hidden}.bar span{display:block;background:#7a9c66;height:100%}.sprout{font-size:32px}footer{max-width:1190px;margin:auto;padding:24px 46px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.intro{margin-bottom:27px}.intro p{color:var(--muted);max-width:640px}.panel{background:#fffefb;border:1px solid var(--line);border-radius:22px;padding:30px;margin:20px 0}.exercise{text-align:center;max-width:750px;margin:20px auto}.bigletter{font-size:120px;line-height:1.3;font-weight:600;margin:10px}.picture{font-size:66px}.letters{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.letterbtn,.choice,.slot{border:1px solid #dce4d5;background:white;color:var(--ink);border-radius:15px;min-height:78px;font-size:34px;font-weight:600}.letterbtn:hover,.choice:hover{background:#eaf0e3}.letterbtn small{display:block;font-size:10px;font-weight:normal;color:var(--muted)}.choices{display:flex;justify-content:center;gap:15px;margin:26px 0;flex-wrap:wrap}.choice{min-width:86px;padding:12px}.slots{display:flex;justify-content:center;gap:12px;margin:25px 0}.slot{width:75px;display:flex;align-items:center;justify-content:center;border:2px dashed #a4b49d;background:#f6f8f0}.slot.filled{border-style:solid}.letterbtn.selected,.choice.selected{background:#e0ecda;border:2px solid var(--green)}.feedback{min-height:36px;margin:12px 0;color:var(--green);font-weight:600}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:20px 0}.hint{background:#f5f0e4;padding:16px 20px;border-radius:12px;text-align:left;font-size:13px}.hint b{display:block;margin-bottom:5px}.chip{display:inline-block;border:1px solid #dce2d6;border-radius:20px;font-size:12px;padding:6px 12px;margin:3px;background:transparent;color:var(--ink)}.chip.active{background:var(--green);color:white}.settings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings .panel{margin:0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.row label{font-size:14px}.row input[type=checkbox]{width:24px;height:24px;accent-color:var(--green)}input[type=range]{max-width:130px}input[type=file]{max-width:100%;font-size:12px}.wordline{font-size:48px;letter-spacing:5px;margin:26px 0}.readline{font-size:38px;line-height:1.9}.readline button{background:transparent;border:0;border-bottom:2px solid #c2d2b9;font:inherit;color:inherit;padding:0 6px}.recordrow{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.recordrow b{font-size:25px}.recordrow span{font-size:12px;color:var(--muted)}.recordrow button{padding:9px 12px;min-height:44px}.danger{color:#9c3c30}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#244d3e;color:white;padding:12px 22px;border-radius:14px;display:none;max-width:90%;z-index:20}body.large{font-size:19px}body.large .choice,body.large .letterbtn{min-height:94px}body.simple .art{display:none}body.simple .hero{grid-template-columns:1fr}body.simple .tileart,body.simple .smallflower{display:none}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:1450px){main{padding-top:48px}.hero{min-height:310px}}@media(max-width:1050px){aside{width:205px;padding:25px 15px}.mainwrap{margin-left:205px;width:calc(100% - 205px)}main{padding:28px 25px}header{padding:0 25px}.cards{gap:10px}.card{padding:17px}.hero{padding:26px}.letters{grid-template-columns:repeat(5,1fr)}}@media(max-width:760px){aside{position:static;width:auto;padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:15px}.brand b{font-size:22px}.brandicon{font-size:35px}.eyebrow,.sidebar-bottom{display:none}.shell{display:block}nav{display:flex;overflow:auto;margin-top:16px;gap:6px}nav a{padding:8px 11px;white-space:nowrap;min-height:46px}nav a span{font-size:12px}.mainwrap{margin:0;width:100%}header{height:65px;padding:0 18px}.breadcrumb{display:none}.headcontrols{width:100%;justify-content:space-between}main{padding:25px 18px}.hero{grid-template-columns:1.3fr 1fr;padding:24px;min-height:250px}h1{font-size:34px}.art svg{height:170px}.hero p{font-size:13px}.underhero{gap:15px;font-size:10px;margin-bottom:22px}.cards{grid-template-columns:1fr}.card{min-height:150px;display:grid;grid-template-columns:70px 1fr;column-gap:17px}.card .tileart{grid-row:1/5;align-self:center}.card .tag{margin-top:0}.card h3{margin:3px 0}.card p{margin-bottom:12px}.card .bottom{grid-column:2}.sectionhead{align-items:start}.sectionhead p{max-width:110px;margin-left:15px}.letters{grid-template-columns:repeat(4,1fr)}.settings{grid-template-columns:1fr}.panel{padding:22px}.progresspanel{padding:17px;gap:12px}.progresspanel .grow{min-width:70px}footer{padding:20px 18px;gap:20px}.readline{font-size:29px}.wordline{font-size:36px}}@media(max-width:400px){.hero{grid-template-columns:1fr}.art{display:none}.underhero{flex-wrap:wrap;gap:8px}.recordrow{grid-template-columns:30px 1fr auto}}
/* XO Learning */
[hidden]{display:none!important}.skiplink{position:fixed;top:-80px;left:15px;background:white;z-index:50;padding:12px}.skiplink:focus{top:12px}.xobrand .brandicon{font:italic 48px/1 Georgia,serif;letter-spacing:-7px;padding-right:6px;color:#ab705c}.xobrand b{font-size:26px;letter-spacing:-1px}.xobrand small{display:block;font-size:8px;font-weight:bold;letter-spacing:1.2px;margin-top:7px}.earlynav{margin-top:30px}.earlynav>.eyebrow{display:block;margin:0 12px 13px;font-size:9px}.earlynav nav a{padding-top:9px;padding-bottom:9px}.sidebar-bottom{padding-top:20px}.sidebar-bottom .smallflower{font-size:29px}.headcontrols select{max-width:150px}.headcontrols{align-items:center;gap:8px}header{padding-left:36px;padding-right:36px}.breadcrumb{font-size:11px;max-width:230px}.xohero{background:#eaf0e3;border:1px solid #e0e8d8;border-radius:23px;padding:34px 36px;display:grid;grid-template-columns:1.3fr 1fr;overflow:hidden;min-height:300px}.xohero h1{font-size:46px}.xohero p{max-width:370px;font-size:14px;color:#53685a;margin-bottom:23px}.herofoot{display:block;font-size:10px;letter-spacing:.3px;color:#61765f;margin-top:15px}.xoart{position:relative;min-height:260px}.paper{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:155px;height:190px;border-radius:12px;box-shadow:0 9px 20px #304f3520}.paper.one{background:#f5dfbc;font:95px Georgia,serif;transform:rotate(-12deg);left:1%;top:25px;color:#7b613a}.smallword{font:9px 'Trebuchet MS',sans-serif;letter-spacing:.4px;margin-top:10px}.paper.two{background:#fffdf6;font:30px/1.2 Georgia,serif;transform:rotate(10deg);right:1%;top:48px;color:#4e6755;align-items:start;padding:22px}.paper.two i{color:#b07b65}.artstar{position:absolute;right:8px;top:0;font-size:45px;color:#b38443}.xobadge{position:absolute;left:35%;bottom:8px;background:#2f634e;color:white;border:5px solid #eaf0e3;transform:rotate(-10deg);width:86px;height:86px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font:24px Georgia,serif}.xobadge small{font:7px 'Trebuchet MS',sans-serif;letter-spacing:1.4px}.levelpicker{padding:22px 0 25px;border-bottom:1px solid var(--line);margin-bottom:27px}.levelpicker h2{margin:7px 0}.levelpicker p{font-size:13px;margin:0 0 16px}.levelchips{display:flex;flex-wrap:wrap;gap:7px}.levelchip{border:1px solid #dce2d6;background:#fffefb;color:var(--ink);padding:9px 13px;border-radius:20px;min-height:42px;font-size:12px}.levelchip.selected{background:var(--green);border-color:var(--green);color:white}.coursecard{min-height:230px}.coursecard .tag{margin-top:16px}.coursecard h3{font-size:18px}.coursecard p{line-height:1.5}.textlink{font-size:12px;font-weight:600;color:var(--green);text-underline-offset:4px}.sectionhead h2{margin:5px 0 15px}.sectionhead .overline{font-size:10px}.scope-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:22px}.soundbanner{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#f5ecdf;border:1px solid #eadfcb;border-radius:18px;padding:24px;margin-top:25px}.soundbanner h2{margin:5px 0}.soundbanner p{font-size:13px;max-width:430px;margin-bottom:0;color:var(--muted)}.soundbanner .secondary{white-space:nowrap}.footerbrand{font-size:10px;margin-left:8px;color:#8b9484}.backlink{font-size:12px;text-underline-offset:4px;display:block;margin:0 0 23px}.lessonlayout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:22px;align-items:start}.lessonlayout .panel{margin-top:0;margin-bottom:22px}.lessonaside{position:sticky;top:20px}.lessonaside .panel{padding:22px}.lessonaside p{font-size:13px}.lessonsteps{display:grid;gap:13px;font-size:12px;margin:24px 0;color:var(--muted)}.instruction{font-size:16px;line-height:1.8}.passage{white-space:normal;background:#f4f5ed;border-left:3px solid #92a681;padding:25px;border-radius:0 12px 12px 0;font:20px/1.9 Georgia,serif;margin:22px 0}.lessonlayout .sectionhead{flex-wrap:wrap;gap:8px}.lessonlayout h2{font-size:22px;line-height:1.5;letter-spacing:-.3px}.questiontop{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-top:16px}.answerlist{display:grid;gap:12px;margin:20px 0}.answer{display:flex;text-align:left;align-items:center;gap:15px;padding:15px 18px;min-height:62px;border:1px solid #dde3d6;border-radius:13px;background:#fffefb;color:var(--ink);font:15px/1.6 'Trebuchet MS',Arial,sans-serif}.answer:hover:not(:disabled){background:#f1f4e9;border-color:#9bb293}.answerletter{font-size:12px;border:1px solid #dce3d4;border-radius:7px;min-width:25px;height:27px;text-align:center;padding-top:3px;align-self:start}.answer.right{border:2px solid #437b58;background:#eef4e9}.answer:disabled{color:#475e50;cursor:default;opacity:1}.answer.retry{border-color:#bca988}.answerfeedback{font-size:14px;line-height:1.8;color:#355e45}.questionactions{justify-content:flex-start;margin-bottom:0}.completebadge{color:var(--green);font-size:34px;margin-top:20px}.writingprompt{font-size:17px;line-height:1.8}.draftlabel{display:block;font-size:13px;font-weight:600;margin:20px 0 8px}textarea{width:100%;resize:vertical;border:1px solid #ccd6c2;border-radius:12px;background:#fffefb;color:var(--ink);font:16px/1.9 'Trebuchet MS',Arial,sans-serif;padding:15px;min-height:170px}textarea:focus-visible{outline:3px solid #b39160;outline-offset:2px}.draftmeta{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);margin-top:7px}.draftactions{justify-content:flex-start}.reviewchecks{display:grid;gap:13px;margin-top:20px}.reviewchecks label{display:flex;align-items:flex-start;gap:10px;font-size:14px;min-height:40px;cursor:pointer}.reviewchecks input{width:22px;height:22px;accent-color:var(--green);flex-shrink:0}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.stat{border:1px solid var(--line);border-radius:16px;background:white;padding:24px;display:grid;gap:4px}.stat strong{font:36px Georgia,serif;color:var(--green)}.stat span{font-size:12px;color:var(--muted)}.pathprogress{display:grid;grid-template-columns:150px 1fr 50px;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.pathprogress a{text-underline-offset:4px}.pathprogress>span{text-align:right;font-size:12px;color:var(--muted)}.savedlesson{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13px}.savedlesson span{font-size:11px;color:var(--muted);white-space:nowrap}.sourcelist li{margin:15px 0}.adultmode .xoart .paper.one{background:#d7e3eb}.adultmode .soundbanner{display:none}body.simple .xoart{display:none}body.simple .xohero{grid-template-columns:1fr}body.large .passage{font-size:25px}body.large .answer{font-size:19px;min-height:85px}body.large .instruction,body.large .writingprompt{font-size:20px}.sourcelist{padding-left:20px}@media(min-width:1450px){.xohero{min-height:320px}}@media(max-width:1100px){header{padding:0 25px}.breadcrumb{display:none}.headcontrols{width:100%;justify-content:flex-end}.xohero h1{font-size:40px}.paper{width:120px;height:160px}.paper.one{font-size:76px}.paper.two{font-size:25px;padding:18px;top:70px}.xobadge{bottom:0;width:75px;height:75px}.lessonlayout{grid-template-columns:1fr}.lessonaside{display:none}.soundbanner{align-items:flex-start;flex-direction:column}.headcontrols select{max-width:145px}}@media(max-width:760px){.xobrand .brandicon{font-size:40px}.xobrand b{font-size:24px}.xobrand small{font-size:8px}.xobrand{gap:14px}.earlynav{margin-top:0}.earlynav>.eyebrow{display:none}.earlynav nav{margin-top:4px}aside nav{margin-top:14px}.mainwrap header{padding:0 18px;height:72px}.headcontrols{justify-content:space-between;gap:5px}.headcontrols select{font-size:11px;padding:9px;max-width:140px}.quiet{font-size:11px;padding:9px}.xohero{padding:27px;grid-template-columns:1.25fr .9fr;min-height:285px}.xohero h1{font-size:35px}.xohero p{font-size:13px}.xoart{min-height:240px}.paper{width:110px;height:145px}.paper.one{left:-5%;top:25px;font-size:68px}.paper.two{top:100px;right:-3%;font-size:22px;padding:15px}.smallword{font-size:7px}.xobadge{left:-4%;bottom:0;width:65px;height:65px;font-size:20px}.xobadge small{font-size:6px}.artstar{font-size:32px;right:5px;top:10px}.herofoot{font-size:9px}.levelpicker{padding-top:12px}.levelchip{font-size:11px;padding:9px 12px}.coursecard{min-height:165px}.coursecard .tag{margin:0}.sectionhead{gap:12px}.sectionhead>p{max-width:100px}.sectionhead .textlink{white-space:nowrap;font-size:11px}.passage{font-size:19px;padding:18px}.answer{padding:13px;font-size:15px}.stat{padding:18px}.statgrid{gap:10px}.stat span{font-size:11px}.stat strong{font-size:29px}.pathprogress{grid-template-columns:110px 1fr 40px;gap:10px;font-size:13px}.footerbrand{display:block;margin-left:0}.savedlesson{flex-direction:column;gap:5px}footer{font-size:10px;align-items:center}.lessonlayout h2{font-size:21px}.instruction{font-size:15px}.reviewchecks label{font-size:14px}.levelpicker h2{font-size:20px}}@media(max-width:430px){.xohero{grid-template-columns:1fr;min-height:0}.xoart{display:none}.xohero h1{font-size:37px}.headcontrols select{max-width:126px;font-size:10px}.headcontrols .quiet{font-size:10px;padding:9px 7px}.statgrid{grid-template-columns:1fr}.stat{grid-template-columns:50px 1fr;align-items:center}.questiontop{gap:8px}.sectionhead .textlink{white-space:normal;max-width:100px}.pathprogress{grid-template-columns:100px 1fr 35px}.lessonlayout .panel{padding:20px}}
main:focus{outline:none}#questionheading:focus{outline:none}.passage{overflow-wrap:anywhere}button,a{ -webkit-tap-highlight-color:transparent }