@font-face{font-family:ComicClass;src:url('assets/comic-sans.ttf')}a{color:#2454ce}header a{text-decoration:none}header nav{gap:24px}.ey-hero{padding:60px 0 28px;max-width:780px}.ey-hero h1{font-size:clamp(38px,6vw,66px);margin:15px 0}.ey-hero p{font-size:20px;line-height:1.6;color:var(--muted)}.ey-levels{display:flex;gap:12px;margin:20px 0}.ey-levels button,.ey-tools select,.ey-tools input,button{border:1px solid #d6deec;border-radius:12px;padding:12px 20px;background:white;color:var(--ink)}.ey-levels button[aria-pressed=true]{background:#2d53e5;color:white;border-color:#2d53e5}.ey-overview{background:#edf3ff;padding:25px;border-radius:20px}.ey-overview h2{margin-top:0}.ey-overview p{line-height:1.6}.ey-tools{display:flex;flex-wrap:wrap;gap:20px;margin:25px 0}.ey-tools label{display:grid;gap:8px}.ey-status{color:var(--muted);line-height:1.6}.ey-units{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ey-unit-card{background:white;padding:25px;border:1px solid #dce3f0;border-radius:20px;display:flex;flex-direction:column;align-items:start;gap:12px}.ey-unit-card h3{margin:0;font-size:23px}.ey-unit-card p{margin:0;line-height:1.5;color:var(--muted)}.ey-unit-card button{margin-top:auto}.ey-unit-card small{color:#59738e}.ey-unit-card .ready{color:#176747}.ey-detail{margin-top:35px;background:white;border:1px solid #dce3f0;border-radius:22px;padding:30px}.ey-detail h2{font-size:32px}.ey-detail h3{margin-top:30px}.ey-detail li,.ey-detail p{line-height:1.7}.ey-actions{display:flex;gap:12px;flex-wrap:wrap}.ey-chips{display:flex;gap:10px;flex-wrap:wrap;font-family:ComicClass,'Comic Sans MS',cursive}.ey-chips span{padding:8px 14px;background:#edf3ff;border-radius:12px;font-size:22px}.ey-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ey-cards img{width:100%;border-radius:12px}.ey-activity{background:#f6f8fc;padding:20px;border-radius:16px;margin:12px 0}.ey-activity h4{margin:0 0 8px}.ey-activity p{margin:0}#reader{width:min(1100px,96vw);max-height:96vh;border:0;border-radius:20px;padding:22px}#reader::backdrop{background:#112343b8}.ey-reader-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.ey-reader-head button{font-size:28px}.ey-reader-head h2{margin:8px 0}.ey-story-page{min-height:40vh;display:flex;align-items:center;justify-content:center;padding:40px;background:#f5f9ff;border:2px solid #4b86e8;border-radius:16px;font-family:ComicClass,'Comic Sans MS',cursive;font-size:clamp(30px,5vw,58px);line-height:1.5;text-align:center}.ey-story-page img{width:100%;max-height:65vh;object-fit:contain}.ey-story-page.illustrated{padding:0;background:white;border:0}.ey-reader-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}#reader:fullscreen{width:100vw;max-width:none;max-height:none;height:100vh;border-radius:0;display:flex;flex-direction:column}#reader:fullscreen .ey-story-page{flex:1;min-height:0}#reader:fullscreen img{max-height:73vh}button:disabled{opacity:.4}@media(max-width:900px){.ey-units{grid-template-columns:repeat(2,1fr)}.ey-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{padding:16px;gap:16px;flex-wrap:wrap}header nav{margin:0;font-size:14px}main{padding:0 18px 30px}.ey-units{grid-template-columns:1fr}.ey-detail{padding:18px}.ey-levels button{flex:1}#reader{padding:14px}.ey-story-page{padding:20px}}@media print{header,.ey-hero,.ey-levels,#overview,.ey-tools,.ey-status,.ey-units,.ey-actions,#error,dialog{display:none!important}main{padding:0;max-width:none}.ey-detail{padding:0;border:0}.ey-activity{break-inside:avoid}.ey-cards{grid-template-columns:repeat(2,1fr)}.ey-cards img{max-height:20cm;object-fit:contain}body{background:white}}
 #picture-quiz-dialog{width:min(1100px,96vw);max-height:94vh;border:0;border-radius:20px;padding:24px}#picture-quiz-dialog::backdrop{background:#112343b8}.ey-quiz-options{display:flex;gap:18px}.ey-quiz-options button{flex:1;min-width:0;padding:8px;border:3px solid #86b1ed;display:flex;flex-direction:column;gap:12px;align-items:center;font-family:ComicClass,'Comic Sans MS',cursive;font-size:24px}.ey-quiz-options img{width:100%;aspect-ratio:1.5;object-fit:contain}#quiz-content h3,#quiz-feedback{font-family:ComicClass,'Comic Sans MS',cursive;font-size:28px}#quiz-feedback.correct{color:#126746}#quiz-feedback.retry{color:#855211}@media(max-width:650px){.ey-quiz-options{flex-direction:column}.ey-quiz-options button{font-size:20px}.ey-quiz-options img{max-height:160px}}
 .ey-detail ol{font-family:ComicClass,'Comic Sans MS',cursive;font-size:22px}

/* Shared illustrated title treatment, matching the K3 blue/red covers. */
.ey-title-cover{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:210/297;width:100%;background:#dff2fc;container-type:inline-size}
.ey-title-cover img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;max-height:none!important}
.ey-title-cover .ey-cover-background{filter:blur(7px);transform:scale(1.08)}
.ey-title-cover .ey-cover-scene{top:19%;object-position:top}
.ey-title-cover .ey-cover-light{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#c7ecff 0%,#e5f5ffed 16%,#f5fbff40 35%,transparent 45%)}
.ey-title-cover .ey-cover-title{position:absolute;z-index:2;inset:4% 4% auto;margin:0!important;text-align:center;font-family:ComicClass,'Comic Sans MS',cursive!important;font-size:clamp(25px,13cqi,80px)!important;line-height:1.06!important;font-weight:1000!important;letter-spacing:-.045em;color:#073fbb;-webkit-text-stroke:.4px currentColor;paint-order:stroke fill;text-shadow:0 2px 0 #fff,2px 0 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff,1px 4px 0 #163b6980;overflow-wrap:normal}
.ey-title-cover .ey-cover-title span{display:inline-block}.ey-title-cover .ey-cover-title span:last-child{color:#ed1833;text-shadow:0 2px 0 #fff,2px 0 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff,1px 4px 0 #79133380}
.course-story-preview>.ey-title-cover{height:100%;width:100%;margin:0}
.course-story-preview .ey-title-cover .ey-cover-title{font-size:clamp(22px,13cqi,36px)!important;line-height:1.06!important}
.week-card>.ey-title-cover{max-width:none}.book-grid>.week-card{display:block;padding:0;overflow:hidden}.book-grid>.week-card>div:not(.ey-title-cover){padding:20px}.week-grid>.week-card>.ey-title-cover{width:100px;flex:0 0 100px}.week-grid .ey-title-cover .ey-cover-title{font-size:14px!important}
#story-page>.ey-title-cover{width:min(100%,46vh);margin:auto}
/* Show the whole portrait page and title lettering at every screen size. */
.ey-title-cover.ey-artwork-cover img{object-fit:contain!important;background:#fff}
.ey-quiz-options img{aspect-ratio:2/3;max-height:44vh;object-fit:contain}
.ey-quiz-options button.correct{border-color:#167048;background:#eefaf3;opacity:1}
.ey-quiz-options button.wrong{border-color:#a35b1c;background:#fff6e8}
.ey-quiz-options button:focus-visible{outline:4px solid #1d50c9;outline-offset:3px}
@media(max-width:650px){.ey-quiz-options img{max-height:210px}.ey-quiz-options{gap:12px}}
#k3-unit-grid.book-grid .week-card>img{width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:contain;background:#fff}
.k3-unit-story .k3-story-cover{width:min(210px,100%);height:auto;max-height:none;object-fit:contain;margin:12px 0}

/* A visual teaching-pack header, with practice and downloads in clear groups. */
.ey-pack-hero{--pack-accent:#2b5b9e;--pack-tint:#eaf1fb;display:grid;grid-template-columns:175px minmax(0,1fr);align-items:center;gap:35px;background:var(--pack-tint);border-radius:17px;padding:30px}
.ey-pack-hero[data-level="pre-k"]{--pack-accent:#806018;--pack-tint:#fff4d8}
.ey-pack-hero[data-level="k1"]{--pack-accent:#376b3a;--pack-tint:#edf5e9}
.ey-pack-hero[data-level="k2"]{--pack-accent:#a23d37;--pack-tint:#fff0ed}
.ey-pack-cover{min-width:0;transform:rotate(-4deg);filter:drop-shadow(0 10px 10px #183a4224)}
.ey-pack-cover>img,.ey-pack-cover .ey-title-cover{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:white;border-radius:4px;overflow:hidden}
.ey-pack-copy{min-width:0}
.ey-pack-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:1.2px;line-height:1.7;color:var(--pack-accent)}
.ey-detail .ey-pack-copy h2{font-size:clamp(28px,3.3vw,42px);letter-spacing:-1px;line-height:1.15;margin:13px 0}
.ey-detail .ey-pack-summary{font-size:12px;font-weight:700;line-height:1.6;color:var(--pack-accent);margin:0 0 12px}
.ey-detail .ey-pack-intro{font-size:14px;line-height:1.7;color:#526778;margin:0 0 21px;max-width:520px}
.ey-actions.ey-pack-primary{gap:10px}
.ey-detail .ey-actions button,.ey-detail .ey-actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid #d1ded7;border-radius:10px;padding:12px 16px;background:white;color:#254657;font:600 12px/1.5 var(--ui-font);text-decoration:none;cursor:pointer}
.ey-detail .ey-pack-primary .ey-primary{background:var(--pack-accent);color:#fff;border-color:var(--pack-accent)}
.ey-detail .ey-actions a:hover{background:#f2f6fa;border-color:#7896b0}
.ey-detail .ey-pack-primary .ey-primary:hover{filter:brightness(.93)}
.ey-downloads{padding:23px 3px 25px;border-bottom:1px solid #e2e8ef;margin-bottom:28px}
.ey-detail .ey-downloads h3{margin:0;font-size:16px;letter-spacing:0}
.ey-detail .ey-downloads>p{font-size:12px;color:#62718a;margin:7px 0 15px}
.ey-detail .ey-downloads .ey-actions{gap:10px}
.ey-pack-hint{display:inline-flex;gap:14px;align-items:center;font-size:12px;font-weight:700;color:var(--pack-accent)}
.k3-unit-week{margin-top:32px;padding:25px 0 10px;border-top:1px solid #dce5ed}
.k3-deck{padding:18px;background:#f8fafc;border:1px solid #e0e7ef;border-radius:13px;margin:12px 0}
.k3-deck h4{margin:0 0 7px}.k3-deck>p{font-size:14px;color:#526778;margin:0 0 15px}
@media(max-width:780px){.ey-pack-hero{grid-template-columns:130px minmax(0,1fr);gap:24px;padding:23px}.ey-detail .ey-pack-copy h2{font-size:30px}.ey-detail .ey-actions button,.ey-detail .ey-actions a{font-size:11px;padding:11px 13px}.ey-detail .ey-pack-intro{font-size:13px}.ey-pack-kicker{font-size:9px}}
@media(max-width:520px){.ey-pack-hero{grid-template-columns:85px minmax(0,1fr);align-items:start;gap:17px;padding:19px 16px}.ey-pack-cover{margin-top:7px}.ey-pack-copy{display:contents}.ey-pack-kicker,.ey-pack-copy h2,.ey-pack-summary{grid-column:2}.ey-pack-kicker{grid-row:1}.ey-detail .ey-pack-copy h2{grid-row:2;margin:0;font-size:27px}.ey-detail .ey-pack-summary{grid-row:3;margin:0;font-size:10px}.ey-pack-cover{grid-column:1;grid-row:1/4}.ey-detail .ey-pack-intro{grid-column:1/-1;margin:0}.ey-pack-primary,.ey-pack-hint{grid-column:1/-1}.ey-detail .ey-actions button,.ey-detail .ey-actions a{flex:1 1 130px}.ey-downloads{padding:20px 0}.ey-detail .ey-downloads .ey-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ey-detail .ey-downloads .ey-actions a,.ey-detail .ey-downloads .ey-actions button{font-size:10px;padding:10px 8px}.ey-pack-hint{font-size:11px}}
@media print{.ey-pack-hero{display:block;background:none;padding:0}.ey-pack-cover,.ey-pack-summary,.ey-pack-intro,.ey-pack-hint,.ey-downloads{display:none!important}.ey-detail .ey-pack-copy h2{font-size:28px}}