:root{--ink:#182c31;--muted:#63767a;--accent:#087f80;--soft:#eaf7f5;--line:#dce9e7;--orange:#e59a35}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arimo,Arial,sans-serif}a{color:var(--accent)}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);padding:10px 16px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:6px;font-weight:600}button:hover,.button:hover{background:var(--soft)}button:disabled{opacity:.4;cursor:default}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:#05686a}.quiet{font-size:12px;background:transparent;padding:7px 10px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e9ae54;outline-offset:3px}[hidden]{display:none!important}main{max-width:1100px;width:100%;min-width:0;margin:auto;padding:0 22px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:bold;text-decoration:none}.brand small{display:block;font-size:12px;font-weight:normal;color:var(--muted);margin-top:4px}nav{display:flex;gap:18px;font-size:13px}nav a{text-decoration:none}.hero{padding:45px 0 34px;max-width:760px}.eyebrow{color:var(--accent);font-size:13px;font-weight:bold}.hero h1{font-size:39px;line-height:1.3;letter-spacing:-1px;margin:12px 0}.hero p{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:24px}.text-link{margin-right:20px;font-size:14px}.progress-panel{border:1px solid var(--line);border-radius:14px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;background:var(--soft);margin-bottom:32px}.progress-panel p{font-size:13px;color:var(--muted);margin:6px 0 0}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top h2{font-size:25px}.section-top span{font-size:13px;color:var(--muted)}#filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:24px}label{display:flex;flex-direction:column;gap:6px;font-size:12px}input,select,textarea{border:1px solid var(--line);border-radius:8px;padding:9px;color:var(--ink);background:#fff;max-width:100%}.check{flex-direction:row;align-items:center;padding-bottom:10px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);padding:22px;border:1px solid var(--line);border-radius:16px;transition:.15s}.card:hover{border-color:#72bdb5;box-shadow:0 5px 20px #123f3610;transform:translateY(-2px)}.tag{font-size:11px;color:var(--accent)}.card h2{font-size:21px;margin:14px 0 8px}.card p{font-size:21px;line-height:1.8;margin:0 0 18px}.card-bottom{border-top:1px solid var(--line);padding-top:14px;margin-top:auto;font-size:13px;color:var(--accent);display:flex;gap:7px}.card-bottom b{margin-right:auto}.saved-state{color:#667967;font-size:11px}.info{margin:45px 0;padding-top:24px;border-top:1px solid var(--line);font-size:14px;line-height:1.9;color:var(--muted)}.info h2,.info h3{color:var(--ink)}.info h2{font-size:22px}.info h3{font-size:17px}.reader-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:28px 0 20px}.reader-head h1{font-size:30px;margin:7px 0}.tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tools button,.tools summary{font-size:12px}.tools details{position:relative}.tools summary{cursor:pointer;padding:10px;background:#f5f9f8;border-radius:8px}.tools details[open]{padding:12px;border:1px solid var(--line);border-radius:10px}.tools label{margin:12px 0}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.steps button{font-size:12px;border:0;background:#f1f5f4;color:var(--muted);font-weight:normal}.steps button[aria-current=step]{background:var(--soft);color:var(--accent);box-shadow:inset 0 -3px var(--accent)}.steps b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:white;margin-left:5px}.instruction{font-size:16px;line-height:1.7;color:var(--muted)}.passage{border:1px solid var(--line);border-radius:18px;padding:30px;font-size:32px;line-height:2.05;min-height:220px;color:#172628;overflow-wrap:anywhere}.sentence{border-radius:8px;cursor:pointer;padding:2px 5px}.sentence.selected{background:#e3f3ee}.word-panel{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.word-panel button{font-size:32px;padding:20px;background:#f6faf9;line-height:1.8}.word-panel button[aria-pressed=true]{background:var(--soft);border-color:var(--accent)}.reader-actions{display:flex;align-items:center;gap:10px;margin:25px 0}.reader-actions #nextStage{margin-right:auto}.sentence-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:15px;font-size:13px}.status{font-size:13px;color:var(--accent);min-height:20px}.question{border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0;line-height:1.8}.question h2{font-size:18px;margin:0 0 10px}.question summary{color:var(--accent);cursor:pointer;font-size:13px}.question p{margin:8px 0}.retry-label{display:flex;flex-direction:row;font-size:15px;align-items:center;gap:8px;padding:16px;background:#fff7e9;border-radius:10px}.static-story{font-size:24px;line-height:1.9}.custom-entry{max-width:800px;margin:30px auto}.custom-entry label{margin:18px 0}.custom-entry textarea{font-size:24px;line-height:1.8}.desktop-menu,.side-ad{display:none}.mobile-banner{width:320px;height:100px;margin:10px auto}.layout{width:100%}#reader:fullscreen,#reader.fullscreen{background:white;padding:20px max(18px,calc((100vw - 1000px)/2));overflow:auto}#reader.fullscreen{position:fixed;inset:0;z-index:9999}body.reader-open{overflow:hidden}#completion{padding:30px;background:var(--soft);border-radius:16px;margin-top:20px}.story-details a{display:inline-block;margin-top:20px}@media(min-width:1100px){.desktop-menu{display:flex;justify-content:center;height:120px;overflow:hidden}.desktop-menu iframe{flex-shrink:0}.mobile-banner{display:none}.layout{display:grid;grid-template-columns:160px minmax(0,1100px) 160px;max-width:1468px;gap:12px;margin:auto;padding:0 10px}.side-ad{display:block;width:160px;height:600px;margin-top:30px}}@media(max-width:760px){main{padding:0 15px}header{align-items:flex-start;gap:12px}.brand{font-size:18px}nav{gap:9px;flex-wrap:wrap;justify-content:flex-end;font-size:11px;max-width:170px}.hero{padding:28px 0}.hero h1{font-size:29px}.hero p{font-size:15px}.grid{grid-template-columns:1fr}.card{padding:18px}.progress-panel{padding:15px}.reader-head{flex-direction:column;align-items:flex-start}.reader-head h1{font-size:26px}.steps{gap:5px}.steps button{padding:8px;font-size:11px}.passage{padding:20px 15px;font-size:28px}.word-panel button{font-size:26px;padding:14px}.reader-actions{gap:6px}.reader-actions button{font-size:12px;padding:10px}#filters label{flex:1 1 130px}#filters input,#filters select{width:100%}#filters .check{flex-basis:100%}#filters .check input{width:auto}.sentence-controls button{font-size:11px;padding:8px}}@media print{@page{size:A4;margin:18mm}.desktop-menu,.ad-position,header,.steps,.tools,.word-panel,.reader-actions,.sentence-controls,.instruction,.status,.story-details,.custom-entry,#completion,.retry-label{display:none!important}.layout{display:block}main{max-width:none;padding:0}#reader,#reader.fullscreen,#reader:fullscreen{position:static;padding:0;overflow:visible}body{overflow:visible!important}#passage{display:block!important;border:0;padding:0;font-size:24px!important;min-height:0}.sentence{background:none!important}.reader-head h1{font-size:25px}#questions{display:block!important}.question{break-inside:avoid}.question details{display:none}.reader-head .eyebrow{display:none}}

.instruction{font-size:18px;font-weight:700;line-height:1.8;color:#164b4b;background:#eaf7f5;border-right:4px solid #087f80;padding:15px 18px;border-radius:10px;margin:18px 0 24px}.sentence{cursor:text;padding:0;background:none!important}.focus-toolbar{display:none}#readingFocus:fullscreen,#readingFocus.fullscreen{background:#fff;overflow:auto;padding:20px max(20px,calc((100vw - 1000px)/2));}#readingFocus.fullscreen{position:fixed;inset:0;z-index:9999}#readingFocus:fullscreen .focus-toolbar,#readingFocus.fullscreen .focus-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px;font-size:18px;font-weight:bold}#readingFocus:fullscreen .passage,#readingFocus.fullscreen .passage{border:0;padding:10px 0;min-height:0}#exitFocus{font-size:13px}.passage{white-space:pre-line}@media(max-width:760px){.instruction{font-size:16px;padding:12px 14px}}@media print{.focus-toolbar{display:none!important}#readingFocus.fullscreen,#readingFocus:fullscreen{position:static;padding:0;overflow:visible}}

header nav{align-items:center}.pyramid-link{border:1px solid #abd9d3;border-radius:8px;background:#eaf7f5;padding:8px 10px;white-space:nowrap}.hero .parent-guidance{font-size:16px;font-weight:600;color:#244e4d;line-height:1.85;margin:15px 0}.learning-guide{max-width:900px}.faq{max-width:900px}.faq details{padding:16px 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;color:var(--ink);font-size:16px;line-height:1.6}.faq details p{margin:10px 0 0;line-height:1.9}@media(max-width:760px){header{flex-wrap:wrap}header nav{max-width:none;width:100%;justify-content:flex-start;gap:12px}.pyramid-link{margin-inline-start:auto;font-size:11px}.hero .parent-guidance{font-size:15px}}

.guide-page{max-width:820px;margin:12px auto 36px;line-height:1.9}.guide-page h1{font-size:clamp(25px,4vw,36px);line-height:1.35}.guide-page h2{font-size:23px;margin-top:32px}.guide-page .lead{font-size:19px;color:var(--muted)}.guide-links,.reading-footer{display:flex;flex-wrap:wrap;gap:14px}.guide-links a{padding:13px 16px;background:var(--soft);border-radius:10px;text-decoration:none}.reading-footer{border-top:1px solid var(--line);padding:24px 0;margin-top:32px;justify-content:center;font-size:15px}.guide-stories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.guide-stories section{padding:16px;border:1px solid var(--line);border-radius:12px}.sample{font-size:23px;line-height:1.8}.sources{font-size:13px;color:var(--muted)}@media print{.reading-footer,.guide-links,.sources{display:none}}
