:root{--forest:#234b37;--forest-dark:#163624;--sage:#e7eddf;--paper:#fbf7ec;--ink:#253d2e;--muted:#606858;--gold:#bd914b;--line:#ded7c5;--white:#fffdf7;--serif:Georgia,'Times New Roman',serif;--sans:Verdana,Arial,sans-serif;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #aa752a;outline-offset:5px}button:disabled{cursor:default;opacity:.45}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(42px,5.3vw,76px);line-height:1.04;letter-spacing:-2px}h2{font-size:clamp(29px,3.2vw,43px);line-height:1.2;letter-spacing:-.8px}h3{font-size:25px;line-height:1.25}p{line-height:1.75}button{color:inherit}img{max-width:100%}.skip-link{position:absolute;inset-inline-start:16px;top:-150px;z-index:10;background:var(--white);padding:16px}.skip-link:focus{top:12px}.shell{width:min(1280px,92%);margin:auto}.site-header{background:var(--paper);border-bottom:1px solid rgba(35,75,55,.1)}.header-inner{min-height:96px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:26px var(--serif);font-weight:bold;white-space:nowrap}.brand img{height:48px;width:43px}.header-links{display:flex;align-items:center;gap:26px;font-size:13px}.header-links a:hover{text-decoration:underline;text-underline-offset:5px}.language{border:1px solid var(--line);border-radius:100px;display:flex;padding:4px;gap:3px;flex-shrink:0}.language button{border:0;padding:10px 12px;border-radius:100px;background:transparent;font-size:12px;min-height:40px}.language button[aria-pressed=true]{background:var(--forest);color:var(--white)}.preview-strip{text-align:center;background:#edf0e4;color:var(--forest);font-size:11px;letter-spacing:.5px;padding:9px 16px}.hero{min-height:540px;position:relative;background-image:url('assets/woodland-hero.png');background-size:cover;background-position:center;display:flex;align-items:flex-start;justify-content:center;text-align:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--paper),transparent 11%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:680px;padding:56px 20px 100px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:2.3px;font-size:10px;font-weight:bold;color:#60714b;margin-bottom:19px}.hero h1{color:var(--forest-dark)}.hero h1 em{font-weight:400;color:#5b7048}.hero p{font-size:14px;margin:21px auto 25px;max-width:420px;color:#354e36}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:13px 24px;border-radius:100px;border:1px solid var(--forest);font-size:12px;line-height:1.5;font-weight:bold}.primary{background:var(--forest);color:#fffdf7}.primary:hover{background:#315d44}.secondary{background:transparent;color:var(--forest)}.secondary:hover{background:var(--sage)}.arrow{font-size:19px;font-family:Arial,sans-serif}.section{padding:55px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading p{font-size:13px;color:var(--muted);max-width:470px;margin-top:10px}.centered{text-align:center;display:block}.world-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px}.world-door{display:flex;flex-direction:column;text-align:center;align-items:center;position:relative;border:0;background:none;padding:0 0 10px;transition:transform .2s}.world-door:hover{transform:translateY(-7px)}.scene{background-image:url('assets/woodland-scenes.png');background-size:300% 300%;background-repeat:no-repeat;aspect-ratio:1;display:block;background-color:#e4dbc0}.world-door .scene{width:100%;border-radius:110px 110px 13px 13px;box-shadow:0 8px 22px #3b321c1b;border:5px solid #fffaf0;margin-bottom:15px}.world-door h3{font-size:clamp(18px,1.75vw,25px)}.world-door .age{font-size:14px;font-weight:600;color:var(--forest);margin-top:8px;line-height:1.5}.world-door .availability{font-size:10px;padding:6px 10px;background:var(--sage);border-radius:20px;margin-top:10px}.world-door[aria-pressed=true] .scene{outline:3px solid var(--gold);outline-offset:4px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:48px}.collection{display:flex;align-items:center;gap:24px;background:#e7ebdd;border:1px solid #d8ddc8;padding:28px;text-align:start;border-radius:14px;min-width:0}.collection.faith{background:#f2e7d4;border-color:#e6d6b7}.collection .scene{width:120px;flex-shrink:0;border-radius:60px 60px 8px 8px}.collection p{font-size:12px;color:#58634c;margin:9px 0 12px}.collection .text-link{font-size:12px;font-weight:bold}.library{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f5f0e2}.filter-bar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:30px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px}.field select{font:13px var(--sans);color:var(--ink);background:var(--white);border:1px solid #a7b299;padding:12px 38px 12px 14px;border-radius:7px;min-height:46px;max-width:100%}.filter-count{font-size:11px;color:var(--muted);margin-inline-start:auto;align-self:center}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.story-card{background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}.cover-link{position:relative;display:block;text-align:start;border:0;width:100%;padding:0;background:transparent}.cover-link .scene{aspect-ratio:1;background-size:300% 300%}.cover-label{position:absolute;inset-inline-start:14px;top:14px;background:var(--white);padding:7px 10px;border-radius:30px;font-size:10px;font-weight:bold}.story-body{padding:24px}.story-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#64704f;margin-bottom:12px}.story-body p{font-size:12px;color:var(--muted);margin:12px 0 18px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-actions .primary{padding:11px 20px;font-size:11px}.save-button{width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);background:var(--white);border-radius:50%;font-size:23px}.save-button[aria-pressed=true]{background:var(--sage);border-color:var(--forest)}.coming-card{border:1px dashed #b1b49b;border-radius:12px;background:#eeeee0;padding:38px 30px;display:flex;justify-content:center;flex-direction:column;align-items:flex-start}.mini-door{width:56px;height:68px;object-fit:contain;margin-bottom:25px}.coming-card p{font-size:12px;color:var(--muted);margin-top:12px}.empty{padding:48px;background:var(--white);border:1px dashed #b1b49b;border-radius:12px;text-align:center;grid-column:1/-1}.empty p{font-size:13px;color:var(--muted);margin:12px 0 22px}.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:35px}.value{border-inline-start:2px solid #bcc8a7;padding-inline-start:22px}.value h3{font-size:23px}.value p{font-size:12px;margin-top:12px;color:var(--muted)}.parents-band{background:var(--forest);color:var(--white);border-radius:18px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:55px}.parents-band p{max-width:630px;font-size:12px;color:#e4ebdf;margin-top:10px}.parents-band .secondary{border-color:#c4d0b6;color:var(--white);white-space:nowrap}.parents-band .secondary:hover{background:#315d44}.site-footer{border-top:1px solid var(--line);padding:28px 0 35px}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-inner p{font-size:10px;color:var(--muted);max-width:410px}.footer-inner .brand{font-size:20px}.footer-inner .brand img{height:34px;width:30px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:12px 0}.reader-wrap{padding:30px 0 60px}.reader-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.reader-top a{font-size:12px}.reader-top .read-meta{font-size:11px;color:var(--muted)}.reader-title{text-align:center;margin-bottom:27px}.reader-title h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1px}.reader-title p{font-size:14px;color:var(--muted);margin-top:10px}.book{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #253d2e0c}.book .page-art{width:100%;align-self:center;border-radius:6px}.page-copy{padding:clamp(25px,4vw,60px);display:flex;flex-direction:column;justify-content:center;min-width:0;border-inline-start:1px solid var(--line)}.page-text{font:21px/1.85 var(--serif);white-space:pre-line}.page-copy .eyebrow{margin-bottom:24px}.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 14px}.reader-nav .secondary,.reader-nav .primary{min-width:140px}.page-position{font-size:12px;color:var(--muted)}.reading-progress{height:4px;background:#dce2ce;border-radius:3px;overflow:hidden}.reading-progress span{display:block;background:var(--forest);height:100%;transition:width .2s}.reader-extras{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.text-size{display:flex;gap:8px;align-items:center}.text-size button{border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:var(--white);font-size:14px}.text-size span{font-size:11px}.discussion{background:var(--sage);padding:30px;border-radius:12px;margin:25px 0}.discussion h2{font-size:27px}.discussion p{margin-top:12px;font-size:14px}.reader-note{font-size:12px;color:var(--muted);margin:24px 0;max-width:800px}.simple-page{max-width:900px;padding:50px 0 70px;min-height:55vh}.simple-page h1{font-size:48px;margin:20px 0}.simple-page h2{font-size:27px;margin:35px 0 12px}.simple-page p,.simple-page li{font-size:14px;line-height:1.9;color:var(--muted)}.simple-page li{margin:10px 0}.notice{border-inline-start:3px solid var(--gold);padding:18px 22px;background:#f3ecdc;margin-top:25px}.toast{position:fixed;bottom:24px;inset-inline-start:50%;transform:translateX(-50%);background:var(--forest-dark);color:white;padding:15px 22px;border-radius:50px;z-index:20;font-size:12px;box-shadow:0 4px 20px #0002;max-width:90%;text-align:center}.toast:empty{display:none}[dir=rtl] .toast{transform:translateX(50%)}[dir=rtl]{--serif:Tahoma,Arial,sans-serif;--sans:Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.5}[dir=rtl] h1{font-size:clamp(35px,4.5vw,64px)}[dir=rtl] .hero-copy{max-width:750px;padding-top:45px}[dir=rtl] .hero p{font-size:16px}[dir=rtl] .eyebrow{letter-spacing:0;font-size:12px}[dir=rtl] .page-text{line-height:2.1}[dir=rtl] .arrow{display:inline-block;transform:scaleX(-1)}[dir=rtl] .brand{font-size:23px}[dir=rtl] .story-body p,[dir=rtl] .collection p,[dir=rtl] .values p{font-size:14px}[dir=rtl] .world-door h3{font-size:20px}[dir=rtl] .language{direction:ltr}
@media(min-width:1600px){.hero{min-height:600px}.hero-copy{padding-top:65px}}
@media(max-width:1000px){.header-inner{gap:16px}.brand{font-size:21px}.header-links{gap:17px;font-size:12px}.hero{min-height:460px}.hero-copy{padding-top:40px;max-width:560px}.world-grid{gap:14px}.collection{padding:22px;gap:17px}.collection .scene{width:90px}.story-grid{gap:18px}.story-body{padding:20px}.page-text{font-size:18px}}
@media(max-width:760px){.shell{width:90%}.header-inner{min-height:100px;flex-wrap:wrap;padding:14px 0;gap:10px}.brand{font-size:22px}.brand img{height:36px;width:32px}.header-links{order:3;justify-content:center;flex-basis:100%;padding-top:6px;font-size:12px}.language button{padding:8px 10px}.hero{min-height:430px;background-position:17% center}.hero-copy{padding:34px 18px 0;width:100%;max-width:600px}.hero h1{font-size:48px;text-shadow:0 2px 18px #fffdf3}.hero p{font-size:13px;max-width:300px;background:#fbf7ecc7;border-radius:12px;padding:5px 10px;margin:18px auto}.hero .eyebrow{font-size:9px}.hero:after{background:linear-gradient(0deg,var(--paper),transparent 15%)}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 18px}.world-door h3{font-size:20px}.section{padding:38px 0}.section-heading{align-items:start}.collection-grid{margin-top:32px;gap:16px}.collection{display:block;padding:22px}.collection .scene{width:85px;margin-bottom:16px}.collection h3{font-size:23px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coming-card{grid-column:1/-1;min-height:170px;padding:25px}.coming-card .mini-door{display:none}.values{gap:23px;grid-template-columns:1fr}.parents-band{padding:28px;display:block;margin-bottom:35px}.parents-band .secondary{margin-top:20px}.footer-inner{flex-direction:column;align-items:flex-start;gap:15px}.book{grid-template-columns:1fr}.book .page-art{max-width:520px;margin:auto}.page-copy{border-inline-start:0;border-top:1px solid var(--line);padding:30px}.reader-title h1{font-size:33px}.reader-nav .primary,.reader-nav .secondary{min-width:0;padding:12px 18px}.reader-extras{flex-wrap:wrap}.page-text{font-size:20px}.simple-page h1{font-size:35px}[dir=rtl] .hero h1{font-size:42px}[dir=rtl] .hero-copy{padding-top:25px}[dir=rtl] .brand{font-size:19px}}
@media(max-width:420px){.brand{font-size:18px;gap:6px}.brand img{height:31px;width:28px}.language button{font-size:11px;padding:7px 9px}.language{padding:2px}.hero h1{font-size:41px}.hero{min-height:410px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.world-door:last-child{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}.collection-grid{grid-template-columns:1fr}.collection{display:flex}.collection .scene{margin:0}.collection h3{font-size:23px}.section-heading{display:block}.story-grid{grid-template-columns:1fr}.field{width:100%}.field select{width:100%}.filter-count{margin-inline-start:0;width:100%}.reader-nav{gap:8px}.reader-nav button{font-size:11px}.reader-top{flex-wrap:wrap}.reader-title h1{font-size:29px}.page-position{font-size:10px}.page-copy{padding:25px}.page-text{font-size:19px}[dir=rtl] .brand{font-size:16px}[dir=rtl] .hero h1{font-size:36px}[dir=rtl] .world-door h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.world-door:hover{transform:none}}
@media print{.site-header,.site-footer,.reader-top,.reader-nav,.reader-extras,.preview-strip,.reading-progress,.skip-link{display:none}.book{box-shadow:none;break-inside:avoid}.reader-wrap{padding:0}}


/* Separate illustration sets: do not reuse one story’s artwork for another. */
.art-woodland{background-image:url('assets/woodland-scenes.png')}
.art-bunny{background-image:url('assets/bunny.png')}
.art-seed{background-image:url('assets/seed.png')}
.art-ducky{background-image:url('assets/ducky.png')}
.art-button{background-image:url('assets/button.png')}
.art-lantern{background-image:url('assets/lantern.png')}
.art-map{background-image:url('assets/map.png')}

.chapter-heading{font-size:26px;line-height:1.45;margin:0 0 18px}.page-copy:has(.chapter-heading){justify-content:flex-start}.reader-title p{font-weight:600} [dir=rtl] .world-door .age{font-size:15px} @media(max-width:420px){.world-door .age{font-size:13px}[dir=rtl] .world-door .age{font-size:14px}.chapter-heading{font-size:22px}}

/* Woodland welcome. Logical layout follows the selected language. */
.wonder-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:24px auto;padding:24px 28px;border:1px solid #cbd4bb;border-radius:24px;background:radial-gradient(ellipse at top left,#f9f3dd 0,transparent 55%),linear-gradient(120deg,#e7eddf,#f4f0df);box-shadow:0 5px 18px #234b3709;position:relative;overflow:hidden}
.wonder-message{display:flex;align-items:center;gap:20px;min-width:0;flex:1}.wonder-message .eyebrow{margin-bottom:8px;font-size:10px}.wonder-message h2{font-size:clamp(22px,2.3vw,30px);letter-spacing:0}.wonder-message p{font-size:13px;line-height:1.8;margin-top:8px;max-width:590px}.wonder-icon{font:52px Georgia,serif;color:#7c8e59;flex-shrink:0;width:58px;text-align:center}.wonder-clock{flex:0 0 240px;display:flex;align-items:center;flex-direction:column;gap:7px;background:#fffaf0e8;border:1px solid #d0c09a;border-radius:18px;padding:15px 18px;box-shadow:inset 0 0 0 4px #f1ead8;text-align:center}.wonder-label{font-size:10px;color:#637149}.wonder-clock time{font-family:ui-monospace,'Courier New',monospace;font-size:40px;line-height:1.1;font-weight:bold;letter-spacing:2px;font-variant-numeric:tabular-nums;color:var(--forest-dark)}#wonder-date{font-size:11px;line-height:1.6;color:#64704f}[dir=rtl] .wonder-message h2{font-family:var(--sans);font-size:25px}[dir=rtl] .wonder-message p{font-size:14px}
@media(max-width:700px){.wonder-banner{gap:18px;padding:20px;align-items:stretch;flex-direction:column;margin:16px auto}.wonder-message{gap:12px}.wonder-icon{font-size:38px;width:38px}.wonder-clock{flex-basis:auto;width:100%;padding:14px}.wonder-clock time{font-size:36px}.wonder-message h2,[dir=rtl] .wonder-message h2{font-size:23px}.wonder-message p{font-size:12px}}
@media print{.wonder-banner{display:none}}

/* Single cover illustrations load only when approached in the page. */
.scene.story-illustration{display:block;object-fit:cover;width:100%;height:auto;aspect-ratio:1;max-width:100%}

/* Optional comforts and reader activities */
.comfort-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-block:12px}.comfort-button{min-height:44px;border:1px solid var(--line);border-radius:24px;background:var(--white);padding:9px 16px;font-size:12px}.comfort-button[aria-pressed=true]{background:var(--forest);color:var(--white)}.fox-guide{display:flex;gap:22px;align-items:center;padding:22px 28px;margin-block:12px 24px;border:1px solid var(--line);border-radius:22px;background:var(--white)}.fox-face{font-size:64px;line-height:1.2}.fox-guide h2{font-size:28px}.fox-guide p{font-size:14px;margin-block:6px 12px}.fox-actions{display:flex;flex-wrap:wrap;gap:10px}.fox-actions .secondary{padding:10px 16px;font-size:12px;min-height:44px}.narration,.story-activity{border:1px solid var(--line);border-radius:20px;background:var(--white);padding:24px;margin-block:22px}.narration h2{font-size:25px;margin-bottom:14px}.listening-options,.listening-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-bottom:14px}.listening-options label{display:grid;gap:7px;font-size:12px;max-width:100%}.listening-options select{font:inherit;min-height:44px;max-width:100%;width:260px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px}.listening-options label:last-child select{width:140px}.narration p{font-size:14px}.narration small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:5px}.story-activity h2{font-size:24px;line-height:1.5;max-width:750px;margin-block:10px 16px}.activity-items{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:16px}.activity-item{min-width:72px;min-height:64px;border:2px solid var(--line);border-radius:18px;background:var(--paper);padding:12px 20px;font-size:23px}.activity-item[aria-pressed=true]{border-color:var(--forest);background:var(--sage)}.story-activity p{min-height:2em;font-size:15px}
:root[data-bedtime=true]{--forest:#c6d9b8;--forest-dark:#e1ebce;--sage:#304737;--paper:#1e2d27;--ink:#f1eddb;--muted:#c3c9b8;--gold:#ddbc80;--line:#516250;--white:#293c32;color-scheme:dark}
[data-bedtime=true] .primary,[data-bedtime=true] .language button[aria-pressed=true],[data-bedtime=true] .comfort-button[aria-pressed=true]{color:#1e2d27}
[data-bedtime=true] .hero-copy{background:#24382feb;color:var(--ink);padding:28px;border-radius:20px}
[data-bedtime=true] .preview-strip,[data-bedtime=true] .site-footer,[data-bedtime=true] .parents-band,[data-bedtime=true] .collection,[data-bedtime=true] .collection.faith,[data-bedtime=true] .wonder-banner,[data-bedtime=true] .wonder-clock,[data-bedtime=true] .library,[data-bedtime=true] .coming-card,[data-bedtime=true] .discussion,[data-bedtime=true] .notice{background:var(--white);color:var(--ink)}
[data-bedtime=true] .hero,[data-bedtime=true] .scene{filter:brightness(.82) saturate(.85)}[data-bedtime=true] .hero-copy{filter:brightness(1.15)}
[data-bedtime=true] *,[data-bedtime=true] *::before,[data-bedtime=true] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
@media(max-width:600px){.fox-guide{align-items:flex-start;padding:20px;gap:12px}.fox-face{font-size:40px}.fox-guide h2{font-size:25px}.fox-actions{gap:8px}.narration,.story-activity{padding:18px}.listening-options label:first-child{width:100%}.listening-options label:first-child select{width:100%}.comfort-tools{justify-content:center}.activity-item{padding:10px 15px}}
[data-bedtime=true] .eyebrow,[data-bedtime=true] .hero h1 em,[data-bedtime=true] .hero p,[data-bedtime=true] .collection p,[data-bedtime=true] .story-meta,[data-bedtime=true] #wonder-date{color:var(--muted)}[data-bedtime=true] .hero p{background:transparent}[data-bedtime=true] .parents-band .secondary{color:var(--ink)}[data-bedtime=true] .wonder-clock{box-shadow:none;border-color:var(--line)}[data-bedtime=true] .primary:hover{background:#deebd2}[data-bedtime=true] .toast{background:var(--sage);color:var(--ink)}

/* One welcoming header, leaving the woodland hero in view. */
.header-inner{min-height:78px}.site-header .preview-strip{display:none}.welcome-ribbon{background:linear-gradient(110deg,#eef1e4,#f7f1df);border-top:1px solid var(--line)}.welcome-inner{display:grid;grid-template-columns:minmax(0,1fr) auto 170px;align-items:center;gap:22px;padding-block:14px}.ribbon-message{display:flex;align-items:center;gap:14px;min-width:0}.ribbon-message .wonder-icon{font-size:32px;width:32px}.ribbon-message h2{font-size:22px;letter-spacing:0}.ribbon-message p{font-size:12px;line-height:1.5;margin-top:4px;max-width:620px}.welcome-ribbon .wonder-clock{width:170px;min-width:0;flex-basis:auto;padding:10px 12px;gap:5px;border-radius:14px}.welcome-ribbon .wonder-clock time{font-size:27px}.welcome-ribbon #wonder-date{font-size:10px}.welcome-ribbon .comfort-tools{width:auto;margin:0;display:grid;padding:0;gap:6px}.welcome-ribbon .comfort-button{font-size:11px;padding:7px 12px;min-height:36px}.welcome-ribbon .fox-guide{width:auto;margin:7px 0 0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.welcome-ribbon .fox-face{font-size:24px;line-height:1}.fox-greeting{font-size:11px;color:var(--muted)}.welcome-ribbon .fox-actions{display:flex;gap:12px;flex-wrap:wrap}.welcome-ribbon .fox-actions button{min-height:32px;font-size:11px;padding:3px 0;text-decoration:underline;text-underline-offset:4px}.site-header>.comfort-tools{padding-block:8px}.hero{margin-top:0}
/* Quiet reading room with a paper spread and bound edges. */
:root[data-reading=true]{background:#e9eadf}.reader-wrap{width:min(1380px,94%);padding:18px 0 50px;position:relative}.reader-top{margin-bottom:14px;gap:14px}.reader-mode-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.start-over{padding:10px 17px;font-size:12px;min-height:44px}.reader-title{margin-bottom:22px}.reader-title h1{font-size:clamp(25px,3vw,38px);line-height:1.25}.reader-title p{font-size:12px;margin-top:6px}.book-stage{perspective:1500px;padding:9px 7px 13px;border-radius:13px;background:linear-gradient(110deg,#36533c,#263e2c 48%,#466044);box-shadow:0 24px 50px #263b2930,0 3px 8px #263b2930}.book{--leaf:#fff9e9;--leaf-ink:#344632;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-bottom:66px;overflow:visible;border:1px solid #d7c9a9;border-radius:8px 12px 12px 8px;background:var(--leaf);color:var(--leaf-ink);box-shadow:0 3px 0 #e8deca,0 5px 0 #bcb298,0 7px 0 #efe4cc;isolation:isolate}.book::after{content:'';position:absolute;inset:0;left:calc(50% - 19px);width:38px;background:linear-gradient(90deg,transparent,#44381d16 40%,#fffaf277 50%,#44381d1f 56%,transparent);z-index:1;pointer-events:none}.illustrated-leaf{padding:24px 26px 8px;display:flex;align-items:center;justify-content:center;min-width:0;background:radial-gradient(ellipse at 10% 20%,#eeddb133,transparent 70%)}.book .page-art{width:100%;max-width:600px;aspect-ratio:1;object-fit:cover;border:1px solid #d6c9ab;border-radius:70px 9px 55px 9px;box-shadow:0 4px 12px #58472518}.book .page-copy{border:0;padding:26px clamp(24px,4vw,68px) 12px;min-height:440px;background:radial-gradient(ellipse at 80% 20%,#eeddb12b,transparent 70%);color:var(--leaf-ink);text-align:start}.book .page-text{font-family:Georgia,'Times New Roman',serif;line-height:1.85;white-space:pre-line;text-wrap:pretty}.leaf-ornament,.leaf-end{display:block;text-align:center;color:#9b8656}.leaf-ornament{font-size:17px;letter-spacing:4px;margin-bottom:24px}.leaf-end{font-size:26px;margin-top:24px}.book .chapter-heading{color:var(--leaf-ink);font-size:25px;margin-bottom:16px}.book .reader-nav{position:absolute;inset-inline:20px;bottom:10px;display:grid;grid-template-columns:1fr auto 1fr;margin:0;gap:10px;z-index:2;align-items:center}.page-corner{display:flex;align-items:center;gap:10px;border:1px solid #d8c9a7;background:linear-gradient(135deg,#fffdf5,#ede2c8);color:#36513a;border-radius:25px 9px 25px 9px;min-width:44px;min-height:44px;padding:8px 15px;font-size:24px;box-shadow:0 2px 4px #49382010}.page-corner:hover:not(:disabled){background:#e2e9d3;border-color:#7d936c}.page-previous{justify-self:start}.page-next{justify-self:end}.corner-label{font-family:var(--sans);font-size:11px}.page-position{font:12px var(--serif);letter-spacing:.3px;color:#6f654b;text-align:center}.page-fraction{display:none}.reading-progress{max-width:260px;margin:24px auto 0;height:3px}.reader-extras{margin-block:16px;gap:12px}.reader-companions{display:grid;grid-template-columns:1fr;gap:16px}.reader-companions:has(.story-activity){grid-template-columns:1fr 1fr}.reader-companions .narration,.reader-companions .story-activity{margin:0}.reader-note{margin-inline:auto;text-align:center}.reader-wrap .narration h2,.reader-wrap .story-activity h2{font-size:22px}.reader-back{min-height:44px;display:flex;align-items:center;gap:8px}.narration audio{width:100%;margin-block:14px}.recording-speed{display:flex;gap:12px;align-items:center;font-size:12px}.recording-speed select{min-height:40px;border-radius:8px;padding:6px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}
[data-reading=true] .header-links,[data-reading=true] .site-footer{display:none}[data-reading=true] .header-inner{min-height:64px}[data-reading=true] .brand{font-size:21px}[data-reading=true] .brand img{height:38px;width:34px}[data-reading=true] .site-header{background:transparent}[data-reading=true] .comfort-tools{justify-content:center}[data-reading=true] .comfort-tools [data-comfort=guide]{display:none}
.reader-opening .book-stage{animation:book-open .55s cubic-bezier(.2,.65,.2,1) both}.reader-turning .illustrated-leaf,.reader-turning .page-copy{animation:leaf-turn .28s ease-out both}@keyframes book-open{from{opacity:0;transform:translateY(16px) scale(.97) rotateX(5deg)}to{opacity:1;transform:none}}@keyframes leaf-turn{from{opacity:.55;transform:translateX(5px)}to{opacity:1;transform:none}}
[dir=rtl] .book .page-text{font-family:Tahoma,Arial,sans-serif;line-height:2.05}[dir=rtl] .page-corner{border-radius:9px 25px 9px 25px}
[data-bedtime=true] .welcome-ribbon{background:var(--white)}[data-bedtime=true][data-reading=true]{background:#17271f}[data-bedtime=true] .book{--leaf:#2b3d30;--leaf-ink:#eee6ce;border-color:#637054;box-shadow:0 3px 0 #526047,0 5px 0 #253425,0 7px 0 #637052}[data-bedtime=true] .book-stage{background:#112219;box-shadow:0 24px 50px #0005}[data-bedtime=true] .book .page-position,[data-bedtime=true] .leaf-ornament,[data-bedtime=true] .leaf-end{color:#c7b985}[data-bedtime=true] .page-corner{background:#3b503a;border-color:#6d7f5a;color:#eee7d4}[data-bedtime=true] .page-corner:hover:not(:disabled){background:#4d6246}
@media(max-width:1000px){.welcome-inner{grid-template-columns:minmax(0,1fr) 155px;gap:10px 18px}.ribbon-message{grid-row:1 / 3}.ribbon-preferences{grid-column:2;grid-row:2}.welcome-ribbon .wonder-clock{grid-column:2;grid-row:1;width:155px}.welcome-ribbon .comfort-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.welcome-ribbon .comfort-button{font-size:10px;min-height:32px;padding:5px 8px}.fox-greeting{display:none}.header-inner{min-height:74px}.book .page-copy{padding-inline:28px}.illustrated-leaf{padding-inline:20px}.reader-companions:has(.story-activity){grid-template-columns:1fr}}
@media(max-width:700px){.welcome-inner{grid-template-columns:minmax(0,1fr) 116px;padding-block:10px;gap:6px 10px}.ribbon-message{gap:0;align-items:flex-start}.ribbon-message .wonder-icon{display:none}.ribbon-message h2{font-size:17px;line-height:1.3}.ribbon-message p{font-size:10px;line-height:1.45;margin-top:4px}.welcome-ribbon .wonder-clock{width:116px;align-self:start;padding:8px 5px;gap:3px;border-radius:11px}.welcome-ribbon .wonder-clock time{font-size:23px;letter-spacing:0}.welcome-ribbon #wonder-date{font-size:9px;line-height:1.4}.welcome-ribbon .fox-guide{margin-top:5px;gap:6px}.welcome-ribbon .fox-face{font-size:20px}.welcome-ribbon .fox-actions{gap:5px 10px}.welcome-ribbon .fox-actions button{font-size:10px;min-height:32px}.welcome-ribbon .comfort-tools{display:grid;gap:3px}.welcome-ribbon .comfort-button{min-height:30px}.reader-wrap{width:94%;padding-top:10px}.reader-mode-label{display:none}.reader-title h1{font-size:27px}.reader-top{margin-bottom:12px}.reader-top .start-over{font-size:11px;padding:9px 12px}.book{grid-template-columns:1fr;padding-bottom:65px}.book::after{display:none}.illustrated-leaf{padding:18px 20px 0}.book .page-art{max-width:420px;border-radius:48px 7px 38px 7px}.book .page-copy{min-height:0;padding:22px 26px 14px}.leaf-ornament{margin-bottom:14px}.leaf-end{margin-top:14px}.book .reader-nav{inset-inline:10px}.page-corner{padding:7px 10px;gap:7px}.corner-label{font-size:10px}.page-position{font-size:11px}.book-stage{padding:6px 5px 11px}.reader-companions .narration,.reader-companions .story-activity{padding:18px}.reader-note{font-size:11px}.reader-extras{margin-block:14px}.header-inner .brand{font-size:21px}.header-inner .brand img{height:38px;width:34px}.header-inner{padding-block:10px;min-height:65px}.header-links{gap:15px}}
@media(prefers-reduced-motion:reduce){.reader-opening .book-stage,.reader-turning .illustrated-leaf,.reader-turning .page-copy{animation:none}}
@media print{.welcome-ribbon,.comfort-tools,.book-navigation,.reader-companions,.leaf-ornament,.leaf-end{display:none!important}.book-stage{background:none;box-shadow:none;padding:0}.book{padding-bottom:0;box-shadow:none}}