/* Original Little Legends literacy modules: Sound Safari and Story Trails */
.lit-shell{width:100%;max-width:850px;margin:0 auto 30px;padding:0 2px 18px;color:#374061}
.lit-hero{background:linear-gradient(128deg,#eaf7ff 0%,#f6efff 60%,#fff6e3 100%);border:2px solid #d8e2f3;border-radius:24px;padding:21px 17px;margin:6px 0 20px;text-align:center}
.lit-eyebrow{display:block;color:#66558c;letter-spacing:1.2px;font-size:12px;font-weight:900;text-transform:uppercase}
.lit-hero h2{font-size:clamp(27px,5vw,37px);line-height:1.2;margin:9px auto 11px;color:#394771}
.lit-hero p{font-size:clamp(16px,2.5vw,18px);line-height:1.5;color:#596581;max-width:650px;margin:10px auto}
.lit-progress{font-size:14px;font-weight:850;color:#5b4d80;display:inline-block;background:#fff;border:1px solid #ddd8f1;border-radius:999px;padding:9px 14px;margin-top:12px}
.lit-btn{min-height:53px;padding:12px 19px;border:2px solid #d8d0ee;border-radius:15px;background:#fff;color:#453c78;font:850 16px/1.25 inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.lit-btn.lit-primary{background:#7752c5;color:white;border-color:#7752c5}
.lit-btn:disabled{opacity:.44;cursor:default}
.lit-btn:focus-visible,.lit-tile:focus-visible,.lit-answer:focus-visible,.lit-book:focus-visible,.lit-phase:focus-visible,.lit-sentence:focus-visible{outline:4px solid #63a7e9;outline-offset:3px}
.lit-btn:active:not(:disabled),.lit-tile:active,.lit-book:active,.lit-answer:active:not(:disabled){transform:scale(.98)}
.lit-buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:18px auto}
.lit-path{background:#fff;border:2px solid #e1ddf4;border-radius:21px;padding:18px;margin:22px 0}
.lit-path h3{color:#534777;font-size:20px;margin:4px 0 13px;text-align:center}
.lit-phases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lit-phase{min-height:88px;border:2px solid #d7dced;background:#f7f7fc;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;color:#504675;font-family:inherit;touch-action:manipulation;cursor:pointer}
.lit-phase strong{font-size:15px}.lit-phase small{font-size:12px;color:#66718a}
.lit-phase.lit-active{background:#edf9ed;border-color:#77bf85}.lit-phase:disabled{opacity:.48;cursor:default}
.lit-note,.lit-help{font-size:14px;line-height:1.65;color:#637089;max-width:750px;margin:18px auto;padding:0 9px;text-align:center}
.lit-note{border:1px solid #dce6f4;background:#f6faff;padding:13px 16px;border-radius:15px;text-align:left}
.lit-listen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.lit-tile{border:3px solid #d6e0f5;border-radius:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:166px;padding:12px 8px;background:linear-gradient(135deg,#fff,#f1f9ff);font-family:inherit;color:#48436e;touch-action:manipulation;cursor:pointer}
.lit-tile:nth-child(2n){border-color:#efd6e6;background:linear-gradient(125deg,#fff,#fff3f9)}
.lit-tile:nth-child(3n){border-color:#d4e9cf;background:linear-gradient(125deg,#fff,#f4fff1)}
.lit-tile.lit-heard{border-color:#68b485;background:#eafff0}
.lit-emoji{font-size:clamp(45px,8vw,68px);line-height:1.2}.lit-tile strong{font-size:16px}.lit-tile small{font-size:12px;color:#65728c}
.lit-question{border:2px solid #dfdbf1;border-radius:23px;background:#fff;padding:22px 18px;text-align:center;box-shadow:0 8px 25px #6255920d}
.lit-question h3{font-size:clamp(22px,4vw,30px);color:#3e3d70;line-height:1.4;margin:4px 0 15px}
.lit-hero-emoji{display:block;font-size:clamp(60px,11vw,92px);line-height:1.2;margin:8px}
.lit-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:610px;margin:20px auto}
.lit-answer{min-height:85px;font:850 clamp(19px,3vw,27px)/1.25 inherit;color:#4d407a;border:2px solid #cfc5e9;border-radius:17px;background:#fbfaff;padding:12px 10px;cursor:pointer;touch-action:manipulation;overflow-wrap:anywhere}
.lit-answer.lit-correct{background:#e9fbee;border-color:#51ac73;color:#236746}
.lit-answer.lit-try{background:#fff0f1;border-color:#df9ca0;color:#894e60}
.lit-answer:disabled{cursor:default}
.lit-boxes{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:13px auto}
.lit-boxes span{min-width:59px;min-height:69px;padding:12px;border:3px solid #d4c9ed;background:#f2efff;border-radius:13px;font-size:clamp(28px,5vw,39px);font-weight:900;color:#534196;text-align:center}
.lit-feedback{margin:18px auto 12px;border:2px solid #a3dcaf;background:#f0fff4;border-radius:16px;padding:14px 16px;color:#326247;text-align:center;font-size:18px}
.lit-feedback strong{font-size:21px}.lit-feedback p{line-height:1.5;font-size:16px;margin:10px auto}
.lit-feedback .lit-btn{margin-top:6px}
.lit-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.lit-book{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-height:210px;padding:20px 10px 15px;border:3px solid #d9d9ef;border-radius:23px;background:linear-gradient(150deg,#fff,#f9f5ff);color:#443e72;font-family:inherit;text-align:center;cursor:pointer;touch-action:manipulation}
.lit-book:nth-child(3n+2){background:linear-gradient(155deg,#fff,#f1faff);border-color:#cfe5f4}
.lit-book:nth-child(3n+3){background:linear-gradient(150deg,#fff,#fff4f3);border-color:#f1dcdb}
.lit-book-art{font-size:clamp(50px,8vw,72px);line-height:1.2}.lit-book strong{font-size:17px;line-height:1.3}.lit-book small{font-size:12px;color:#67718b}.lit-book-tag{margin-top:auto;display:inline-block;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:850;background:#eceafa;color:#5c5083}
.lit-story-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#514573;padding:9px 2px;margin-bottom:12px}
.lit-story-bar strong{font-size:20px}.lit-story-bar span{font-size:14px}
.lit-story-page{background:linear-gradient(140deg,#fff,#fcf8ff);border:3px solid #e1d8f1;border-radius:26px;padding:22px 22px 19px;text-align:center;min-height:380px;box-shadow:0 10px 25px #5c46900b}
.lit-story-illustration{font-size:clamp(90px,18vw,148px);line-height:1.25;display:grid;place-items:center;min-height:150px;margin:7px auto 16px}
.lit-story-lines{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:670px;margin:12px auto}
.lit-sentence{font-family:inherit;font-size:clamp(22px,3.5vw,31px);font-weight:700;line-height:1.5;color:#343960;background:transparent;border:2px solid transparent;border-radius:13px;width:100%;padding:5px 9px;cursor:pointer;touch-action:manipulation}
.lit-sentence small{font-size:13px;opacity:.7;margin-left:8px;white-space:nowrap}
.lit-sentence.lit-sentence-active,.lit-sentence.lit-sentence-reading{background:#ffface;border-color:#f1d67a}
.lit-story-nav{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:18px auto}
.lit-story-nav .lit-btn{flex:1 1 160px}
.lit-parent-dashboard{border:2px solid #dedaf0;background:#fff;border-radius:19px;padding:18px;margin:18px 0}
.lit-parent-dashboard h3{margin:0 0 12px;color:#544879;font-size:19px}
.lit-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lit-metric{padding:13px 8px;border-radius:12px;background:#f3f0ff;text-align:center;display:flex;flex-direction:column;gap:3px}
.lit-metric strong{font-size:22px;color:#5144a0}.lit-metric span{font-size:12px;color:#646682}
@media(max-width:660px){.lit-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lit-listen{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lit-book{min-height:185px;padding:14px 7px;border-radius:18px}.lit-book strong{font-size:15px}.lit-book small{font-size:11px}.lit-tile{min-height:135px;border-radius:17px}.lit-answers{gap:9px}.lit-answer{min-height:77px;font-size:20px}.lit-boxes span{min-width:48px;min-height:58px;padding:8px}.lit-story-page{padding:18px 10px;min-height:315px}.lit-sentence{font-size:23px}.lit-phases{gap:8px}.lit-phase strong{font-size:12px}.lit-phase small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.lit-answer:active,.lit-btn:active,.lit-book:active,.lit-tile:active{transform:none}}