.story-reader{margin:0;min-width:280px;background:#f1f3f4;color:#12334f;font-family:Manrope,Arial,sans-serif;--top:56px;--bottom:72px}
.story-reader [hidden]{display:none!important}.story-reader button,.story-reader summary{font:inherit;font-size:14px;cursor:pointer;min-height:44px;color:inherit}.story-reader a{color:inherit}.story-reader button{border:0;background:transparent;padding:10px 16px}.story-reader :is(a,button,summary):focus-visible{outline:3px solid #0866e8;outline-offset:2px}.story-reader button:disabled{opacity:.25;cursor:default}
.reader-menu:not([open]) .reader-menu-panel{display:none}
.reader-top{height:var(--top);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 24px;background:white;position:relative;z-index:20;border-bottom:1px solid #12334f0e}.reader-back{font-size:18px;text-decoration:none;display:flex;gap:12px;align-items:center;min-height:44px}.reader-back span{font-size:12px;font-weight:800;letter-spacing:.09em}.reader-top h1{font:400 18px/1.3 Georgia,serif;margin:0}.reader-menu{justify-self:end}.reader-menu>summary{display:flex;align-items:center;list-style:none;padding:8px 0 8px 16px}.reader-menu summary::-webkit-details-marker{display:none}.reader-menu-panel{position:absolute;right:12px;top:calc(var(--top) - 4px);width:min(320px,calc(100vw - 24px));max-height:calc(100svh - 80px);overflow:auto;display:flex;flex-direction:column;padding:12px;background:white;box-shadow:0 12px 40px #12334f25;border:1px solid #dfe6eb;border-radius:12px}.reader-menu-panel>button{text-align:left;border-radius:5px}.reader-menu-panel>button:hover,.reader-menu-panel>button[aria-pressed=true]{background:#e9f1f6}.reader-index>summary{padding:12px 16px}.reader-index nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.reader-index a{text-align:center;font-size:12px;background:#f1f3f4;border-radius:4px;overflow:hidden}.reader-index img{width:100%;height:auto}.reader-index span{display:block;padding:3px}
.reading-pages{padding:0 0 calc(var(--bottom) + env(safe-area-inset-bottom));overflow:visible}.reading-page{width:min(100%,900px);margin:0 auto 28px;background:white;scroll-margin-top:0}.page-art{margin:0;position:relative}.page-art>img{display:block;width:100%;height:auto}.page-transcript{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.reader-ready:not(.reader-scrolling) .reading-pages{height:calc(100svh - var(--top));height:calc(100dvh - var(--top));padding:0 0 calc(var(--bottom) + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center}.reader-ready:not(.reader-scrolling) .reading-page{width:auto;max-width:100%;height:100%;margin:0;background:transparent;animation:page-in .2s ease-out}.reader-ready:not(.reader-scrolling) .page-art{height:100%;max-width:100%;display:flex;justify-content:center}.reader-ready:not(.reader-scrolling) .page-art>img{height:100%;width:auto;max-width:100%;object-fit:contain}
.reader-controls{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:15;display:flex;align-items:center;gap:10px;padding:3px 8px;background:#ffffffed;border:1px solid #ced9e1;border-radius:32px;box-shadow:0 5px 24px #12334f13}.reader-controls>button,.reader-controls>a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:23px;padding:0;border-radius:50%}.reader-controls>button:hover,.reader-controls>a:hover{background:#edf3f8}.reader-controls>div{width:80px;text-align:center;font-size:14px}.reader-controls progress{display:block;margin:5px auto 0;width:56px;height:2px;border:0;accent-color:#12334f}.reader-controls progress::-webkit-progress-bar{background:#d6e0e7}.reader-controls progress::-webkit-progress-value{background:#12334f}.reader-scrolling .reading-pages{padding-top:18px}.reader-scrolling .reading-page{box-shadow:0 4px 30px #12334f09}
.reader-text-view .page-art>img{display:none!important}.reader-text-view .page-transcript{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;font:clamp(24px,3vw,36px)/1.8 Georgia,serif;max-width:720px;padding:clamp(24px,6vw,72px)}.reader-text-view .reading-page{width:min(100%,800px)!important;overflow-y:auto;background:white!important}.reader-text-view .page-art{height:auto!important;min-height:100%;align-items:center}
@keyframes page-in{from{opacity:.6;transform:translateX(7px)}to{opacity:1;transform:none}}
@media(max-width:600px){.story-reader{--top:48px;--bottom:64px;background:white}.reader-top{padding:0 14px;gap:8px}.reader-back span{display:none}.reader-top h1{font-size:17px}.reader-top summary{font-size:13px}.reader-ready:not(.reader-scrolling) .page-art>img{width:100%;height:100%;object-fit:contain}.reader-ready:not(.reader-scrolling) .reading-page{width:100%}.reader-scrolling .reading-pages{padding-top:0}.reading-page{margin-bottom:14px}.reader-controls{bottom:calc(7px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.reader-ready .reading-page{animation:none!important}html{scroll-behavior:auto}}

/* Wide picture-book spreads retain their composition. On phones, an HTML transcript stays legible. */
.reader-spread{background:#f7f4e9}
.reader-spread .reading-page{max-width:1491px}
@media(max-width:700px) and (orientation:portrait){
 .reader-ready:not(.reader-scrolling) .reader-spread .reading-pages{align-items:flex-start}
 .reader-ready:not(.reader-scrolling) .reader-spread .reading-page{overflow-y:auto;overscroll-behavior-y:contain;background:#fffdf7}
 .reader-ready:not(.reader-scrolling) .reader-spread .page-art{display:block;height:auto;min-height:100%}
 .reader-ready:not(.reader-scrolling) .reader-spread .page-art>img{width:100%;height:auto;object-fit:contain}
 .reader-spread .page-transcript{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;padding:24px 28px 32px;font:clamp(22px,6vw,28px)/1.6 Georgia,serif;color:#12334f}
 .reader-text-view .reader-spread .page-transcript{padding:28px}
}
/* Reading begins as a continuous document; pagination remains an option. */
.reader-scrolling .reader-top{position:sticky;top:0}
.reader-scrolling .reading-pages{padding-top:0;padding-bottom:0}
.reader-scrolling .reading-page{width:min(100%,800px);margin:0 auto;box-shadow:none;scroll-margin-top:var(--top)}
.reader-scrolling .reader-spread .reading-page{width:min(100%,1100px)}
.reader-scrolling .reader-controls{gap:0;padding:8px 12px;pointer-events:none;opacity:.85}
.reader-scrolling .reader-controls>button,.reader-scrolling .reader-controls>a{display:none!important}
.reading-end{display:none;background:#e4f1f5;text-align:center;padding:45px 24px 100px;color:#12334f}
.reader-scrolling .reading-end{display:block}.reading-end p{font:30px/1.3 Georgia,serif;margin:0 0 20px}.reading-end>a{font-size:17px;font-weight:700;display:inline-block;padding:14px 22px;border-radius:28px;background:#12334f;color:white}
@media(max-width:600px){.reader-scrolling .reader-controls{bottom:calc(7px + env(safe-area-inset-bottom));right:10px;left:auto;transform:none}.reader-scrolling .reader-controls>div{width:50px;font-size:12px}.reader-scrolling .reader-controls progress{width:35px}}

/* Story scenes are composed for the web; Polish copy remains real, adjustable text. */
.story-immersive{--scene-ink:#082f50;--scene-surface:#e5f6fc;background:#97cfec;color:var(--scene-ink)}
.theme-co-tak-swieci{--scene-ink:#173e30;--scene-surface:#eff6d5;background:#9abe65}
.story-immersive .reader-top{background:var(--scene-ink);color:white;border:0;height:auto;min-height:var(--top);padding-top:5px;padding-bottom:5px}
.story-immersive .reader-back span{font-size:14px;letter-spacing:-.035em;font-style:italic}
.story-immersive .reader-top h1{font:700 17px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.02em}
.story-immersive .reader-menu-panel{color:#082f50}
.story-immersive .reading-pages{padding:0;height:auto}
.reader-scrolling .story-immersive .reading-page{width:100%;max-width:none;margin:0;background:var(--scene-surface);scroll-margin-top:var(--top);box-shadow:none}
.story-immersive .page-art{display:grid;grid-template-columns:1fr;min-height:125svh;align-items:start;position:relative;isolation:isolate;margin:0}
.story-immersive .page-art>img{grid-area:1/1;position:sticky;top:var(--top);display:block;width:100%;height:calc(100svh - var(--top));object-fit:cover;object-position:center;z-index:0}
.story-immersive .page-transcript{grid-area:1/1;position:relative;z-index:1;align-self:end;display:block;width:min(520px,42%);height:auto;margin:64svh 0 12svh clamp(30px,7vw,120px);padding:clamp(25px,3vw,45px);overflow:visible;clip-path:none;white-space:normal;background:var(--scene-surface);color:var(--scene-ink);border-radius:24px;box-shadow:0 15px 45px #06253b20;font:clamp(25px,2.4vw,36px)/1.55 Georgia,serif}
.story-immersive .page-transcript>p{font:inherit;line-height:inherit;margin:0}
.story-immersive .reading-page:nth-child(even) .page-transcript{margin-left:auto;margin-right:clamp(30px,7vw,120px)}
.scene-discovery{font:600 16px/1.6 Manrope,Arial,sans-serif;margin-top:26px;padding-top:20px;border-top:1px solid #082f5033}
.scene-discovery summary{min-height:44px;cursor:pointer;font:700 16px/1.5 Manrope,Arial,sans-serif;list-style:disclosure-closed;padding:9px 0}
.scene-discovery[open] summary{list-style:disclosure-open}
.scene-discovery p{margin:14px 0 0;font-size:17px;line-height:1.6}
.story-immersive .reader-controls{background:var(--scene-ink);color:white;border:0;border-radius:20px;padding:10px 14px;right:18px;left:auto;transform:none;opacity:1}
.story-immersive .reader-controls progress{accent-color:#ffdb58}.story-immersive .reader-controls progress::-webkit-progress-value{background:#ffdb58}
.story-immersive .reading-end{background:var(--scene-ink);color:#fff;padding:65px 24px 85px}
.story-immersive .reading-end>p{font:800 clamp(30px,4vw,54px)/1.18 Manrope,Arial,sans-serif;letter-spacing:-.04em;margin:0 0 28px}
.story-immersive .reading-end>a{background:#ffdb58;color:#082f50;line-height:1.5;max-width:100%;font-size:17px}
.story-immersive .reading-end .reader-home{display:block;width:fit-content;background:transparent;color:white;margin:20px auto 0;text-decoration:underline;font-size:15px}
/* Optional single-scene mode remains readable and scrolls if text is enlarged. */
.reader-ready:not(.reader-scrolling) .story-immersive .reading-pages{display:block;height:auto;padding:0 0 90px}
.reader-ready:not(.reader-scrolling) .story-immersive .reading-page{width:100%;max-width:none;height:auto;margin:0;background:var(--scene-surface)}
.reader-ready:not(.reader-scrolling) .story-immersive .page-art{display:grid;grid-template-columns:56% 44%;min-height:calc(100svh - 150px);height:auto;align-items:center}
.reader-ready:not(.reader-scrolling) .story-immersive .page-art>img{grid-area:1/1;position:relative;top:auto;width:100%;height:calc(100svh - 150px);object-fit:cover;max-width:100%}
.reader-ready:not(.reader-scrolling) .story-immersive .page-transcript{grid-area:1/2;width:auto;margin:0;padding:30px;box-shadow:none;align-self:center;font-size:clamp(22px,2vw,30px)}
.reader-text-view .story-immersive .page-art{display:block;min-height:0;height:auto!important;padding:25px 0}
.reader-text-view .story-immersive .reading-page{width:100%!important;max-width:none!important;background:var(--scene-surface)!important;overflow:visible}
.reader-text-view .story-immersive .page-transcript{display:block;width:min(90%,720px);margin:0 auto!important;min-height:0;background:var(--scene-surface);padding:30px;box-shadow:none}
@media(max-width:820px){
 .story-immersive .reader-top{grid-template-columns:auto 1fr auto;gap:10px;padding-left:16px;padding-right:16px}.story-immersive .reader-top h1{text-align:center;font-size:15px}.story-immersive .reader-top summary{font-size:14px}.story-immersive .reader-back span{display:none}
 .story-immersive .page-art{min-height:110svh}
 .story-immersive .page-art>img{height:70svh;top:var(--top);object-position:58% center}
 .story-immersive .page-transcript,.story-immersive .reading-page:nth-child(even) .page-transcript{width:calc(100% - 32px);margin:58svh 16px 45px;padding:27px 25px;border-radius:20px;font-size:clamp(25px,5.5vw,32px);line-height:1.55}
 .reader-ready:not(.reader-scrolling) .story-immersive .page-art{display:block;min-height:0}
 .reader-ready:not(.reader-scrolling) .story-immersive .page-art>img{width:100%;height:55svh;object-fit:cover}
 .reader-ready:not(.reader-scrolling) .story-immersive .page-transcript{width:100%;margin:0;padding:28px;font-size:26px}
 .reader-text-view .story-immersive .page-transcript{width:100%;padding:28px}
 .story-immersive .reader-controls{right:10px}
}
@media(prefers-reduced-motion:reduce){.story-immersive .page-art>img{position:relative;top:0}.story-immersive .page-art{min-height:0}.story-immersive .page-transcript,.story-immersive .reading-page:nth-child(even) .page-transcript{grid-area:2/1;margin:0 auto;width:min(100%,800px);border-radius:0;box-shadow:none}.story-immersive .page-art>img{height:auto}}
/* On portrait screens show the complete scene, so no character is lost to cropping. */
@media(max-width:820px),(orientation:portrait){
 .reader-scrolling .story-immersive .page-art{display:block;min-height:0}
 .reader-scrolling .story-immersive .page-art>img{position:relative;top:0;height:auto;width:100%;aspect-ratio:1672/941;object-fit:contain}
 .reader-scrolling .story-immersive .page-transcript,.reader-scrolling .story-immersive .reading-page:nth-child(even) .page-transcript{width:100%;max-width:none;margin:0;padding:32px clamp(26px,7vw,70px) 44px;border-radius:0;box-shadow:none}
 .reader-scrolling .story-immersive .page-transcript>p{max-width:660px;margin:0 auto}
 .reader-scrolling .story-immersive .scene-discovery{max-width:660px;margin-left:auto;margin-right:auto}
}
/* Book composition: a bounded white spread with a quiet reading surface. */
.story-immersive{background:#e9eef3;--scene-surface:#fff;--scene-ink:#12334f}
.story-immersive svg{width:24px;height:24px;display:block}.back-icon{display:inline-flex!important;transform:rotate(180deg)}
.story-immersive .reader-top{background:white;color:#12334f;border-bottom:1px solid #d9e2e8}
.story-immersive .reader-back span{font-style:normal}
.reader-scrolling .story-immersive .reading-pages{padding:32px 24px 0}
.reader-scrolling .story-immersive .reading-page{width:min(100%,1200px);margin:0 auto 32px;background:#fff;box-shadow:0 4px 24px #08264710}
.reader-scrolling .story-immersive .page-art{display:grid;grid-template-columns:1fr 1fr;min-height:520px;align-items:center;position:relative;background:#fff}
.reader-scrolling .story-immersive .page-art>img{grid-area:1/1;position:static;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;align-self:center}
.reader-scrolling .story-immersive .page-transcript,.reader-scrolling .story-immersive .reading-page:nth-child(even) .page-transcript{grid-area:1/2;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;width:100%;max-width:none;margin:0;padding:48px 44px 60px;border-radius:0;box-shadow:inset 1px 0 0 #edf0f2;font:clamp(23px,2.1vw,30px)/1.6 Georgia,serif;background:white}
.printed-page-number{position:absolute;bottom:18px;right:25px;font:14px/1 Manrope,Arial,sans-serif;color:#7c8d9b}
.reader-text-view .story-immersive .page-art{display:block;min-height:0}.reader-text-view .story-immersive .page-transcript{width:100%;max-width:780px;margin:auto!important;padding:50px!important;box-shadow:none!important}
.story-immersive .reading-end{background:#082647}.story-immersive .reading-end>a{display:inline-flex;gap:14px;align-items:center}.story-immersive .reading-end .reader-home{display:block}
@media(max-width:800px){.reader-scrolling .story-immersive .reading-pages{padding:16px 12px 0}.reader-scrolling .story-immersive .reading-page{margin-bottom:20px}.reader-scrolling .story-immersive .page-art{display:block;min-height:0}.reader-scrolling .story-immersive .page-art>img{display:block;position:static;width:100%;height:auto;aspect-ratio:auto}.reader-scrolling .story-immersive .page-transcript,.reader-scrolling .story-immersive .reading-page:nth-child(even) .page-transcript{display:block;margin:0;padding:28px 26px 58px;font-size:25px;box-shadow:none}.reader-scrolling .story-immersive .page-transcript>p{max-width:none}.reader-text-view .story-immersive .page-transcript{padding:30px 24px 60px!important}.printed-page-number{bottom:20px}}
/* Flexible text editions retain paragraph rhythm and complete source artwork. */
.reader-font-control{display:grid;gap:8px;padding:12px 16px;font:600 15px/1.5 Manrope,Arial,sans-serif}
.reader-font-control select{font:inherit;max-width:100%;padding:10px;border:1px solid #aebdc9;border-radius:6px;background:white;color:#12334f}
.story-immersive .page-transcript{font-size:calc(clamp(23px,2.1vw,30px) * var(--reader-text-scale,1))!important}
.story-immersive .page-transcript>p+p{margin-top:.8em}
.story-immersive.reader-edition .page-art>img{object-fit:contain!important;height:auto!important;max-height:none;aspect-ratio:auto!important}
.book-opening{width:min(100% - 48px,1040px);margin:40px auto;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,70px);color:#12334f}
.book-opening>img{width:100%;height:auto;box-shadow:0 12px 35px #12334f20}
.book-opening h2{font:800 clamp(30px,4vw,54px)/1.13 Manrope,Arial,sans-serif;letter-spacing:-.035em;margin:12px 0 20px}
.book-opening p{font:18px/1.7 Manrope,Arial,sans-serif}.book-opening .book-author{font-size:15px;margin:0}
.book-opening a{display:inline-flex;gap:14px;align-items:center;padding:15px 24px;border-radius:8px;background:#ffdf65;color:#12334f;font-weight:800}
.book-activities{max-width:900px;margin:40px auto;padding:32px;color:#12334f;background:white;font:calc(20px * var(--reader-text-scale,1))/1.7 Georgia,serif}
.book-activities h2{font:800 28px/1.3 Manrope,Arial,sans-serif}.book-activities details{padding:18px 0;border-top:1px solid #cbd9e3}.book-activities summary{cursor:pointer;font:700 20px/1.5 Manrope,Arial,sans-serif;padding:8px 0}.book-activities li{margin:.6em 0}.book-activities table{width:100%;border-collapse:collapse}.book-activities td{padding:10px;border-bottom:1px solid #dce4eb}
.story-immersive .reading-end{display:block}.story-immersive .reading-end .book-credit{font:14px/1.7 Manrope,Arial,sans-serif;max-width:640px;margin:32px auto 0}
.story-reader [hidden]{display:none!important}
@media(max-width:800px){.book-opening{grid-template-columns:minmax(0,1fr);max-width:520px;gap:24px}.book-opening>img{max-width:230px;justify-self:center}.book-opening h2{font-size:34px}.book-activities{margin:20px 12px;padding:24px}.story-immersive .page-transcript{font-size:calc(25px * var(--reader-text-scale,1))!important}}

.story-reader .page-illustration{grid-area:1/1;position:relative;width:100%;overflow:hidden;align-self:center}.story-reader .page-illustration>img{position:absolute;top:0;left:0;width:100%;height:auto}.reader-text-view .page-illustration{display:none!important}

/* New books keep complete artwork and editable Polish typography. */
.scene-heading{font:700 1.15em/1.25 Georgia,serif;margin:0 0 .8em;overflow-wrap:break-word}
.page-transcript .word-equivalent{font-size:1.35em;margin:0 0 1em!important;color:#596f7f}
.reader-wide-art .page-art{grid-template-columns:1fr!important}
.reader-wide-art .page-art>img{grid-area:1/1!important}
.reader-wide-art .page-transcript{grid-area:2/1!important;max-width:850px!important;justify-self:center;box-shadow:none!important}
.theme-wieczorny-spacer{--scene-ink:#172b4a}

/* Each book has an accessible opening, with live text and a clear reading action. */
.book-opening{background:#fffdf7;padding:clamp(24px,4vw,54px);border-radius:20px;min-height:min(640px,78svh);box-sizing:border-box}
.book-opening[hidden]{display:none!important}
.book-opening .book-label{font:700 14px/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;color:#416177}
.book-opening a:focus-visible{outline:3px solid #0757ef;outline-offset:5px}
@media(max-width:600px){.book-opening{width:calc(100% - 24px);margin:16px auto 24px;padding:24px;min-height:0}.book-opening>img{max-height:32svh;width:auto;max-width:100%;object-fit:contain}.book-opening h2{font-size:clamp(28px,8vw,38px)}.book-opening p{font-size:18px}}