@charset "UTF-8";
:root{--paper:#f8f5ee;--ink:#233c34;--green:#244d43;--muted:#686e63;--line:#deded1;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #b98336;outline-offset:4px}button:focus:not(:focus-visible){outline:none}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 40px;gap:24px;border-bottom:1px solid var(--line);max-width:1500px;margin:auto}.logo{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.2}.logo small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:2px;margin-top:6px;font-weight:600}.logo-mark{font-family:var(--serif);display:grid;place-items:center;background:var(--green);color:#fff8e6;width:46px;height:46px;border-radius:50% 50% 12px 50%;font-size:23px;font-style:italic}.topbar nav{display:flex;gap:26px;align-items:center}.nav-item,.text-button{background:none;border:0;padding:9px 0}.nav-item{font-size:13px;position:relative;white-space:nowrap}.nav-item.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--green)}.nav-item.active{font-weight:700}.backsite{font-size:12px}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:25px;min-height:650px;padding-block:64px 48px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#5a6a58}.eyebrow>span{display:inline-block;width:6px;height:6px;background:#a87334;border-radius:50%;margin:0 8px 1px 0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(45px,5.3vw,74px);line-height:1.05;letter-spacing:-3px;margin:24px 0}h1 em,h2 em{font-weight:400;color:#788559}h1+p{font-size:16px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:26px;margin:28px 0}.button{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;border:0;border-radius:6px;padding:15px 22px;font-weight:600;font-size:13px}.primary{background:var(--green);color:white}.primary:hover{background:#37665a}.hero-note{font-size:10px;color:#737366;margin-top:25px}.hero-note>span{color:#af7b39;font-size:17px;margin-right:8px}.text-button{font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.hero-art{height:500px;position:relative}.orbit{position:absolute;inset:25px 0;background:#e9eadc;border-radius:50% 46% 40% 48%;transform:rotate(-12deg)}.art-label{position:absolute;right:6px;top:0;font-family:var(--serif);font-style:italic;font-size:16px;transform:rotate(6deg);color:#73775c}.hero-book{position:absolute;width:235px;aspect-ratio:2/3;padding:0;border:0;border-radius:5px 10px 10px 5px;overflow:hidden;box-shadow:-7px 10px 0 #e4dccb,0 25px 45px #21392a35;text-align:center;transition:transform .25s}.hero-book:after,.book-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0003,transparent 5%,#fff2 6%,transparent 9%);pointer-events:none}.hero-book img{width:100%;height:100%;object-fit:cover}.cover-type{position:absolute;top:20px;left:15px;right:15px;color:#fff5d8;font-family:var(--serif);font-size:19px;line-height:1.15;text-shadow:0 1px 5px #0008;letter-spacing:1px}.cover-type b{font-size:38px;font-weight:400}.hero-book small{position:absolute;bottom:16px;left:0;right:0;color:#fff;background:#173e36d9;padding:6px;font-size:8px;letter-spacing:2px}.back-book{right:0;top:52px;transform:rotate(9deg)}.front-book{left:22px;top:106px;transform:rotate(-9deg)}.hero-book:hover{transform:rotate(0) translateY(-7px)}.floating-note{position:absolute;z-index:2;bottom:0;right:0;background:#fffcf5;padding:14px 22px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 30px #183e3610;border:1px solid #e6e4d8;border-radius:8px;font-size:12px}.floating-note>span{font-size:25px;color:#a97336}.floating-note small{display:block;font-size:9px;color:var(--muted)}.tiny-star{position:absolute;top:18px;left:38px;font-size:50px;color:#af7b39}.pathbar{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:25px;margin-bottom:58px}.pathbar>div{display:grid;grid-template-columns:40px auto;column-gap:10px;padding-left:25px;border-left:1px solid var(--line)}.pathbar>div:first-child{border-left:0;padding-left:0}.pathbar span{grid-row:span 2;font-family:var(--serif);font-size:26px;color:#b19a6c}.pathbar b{font-size:12px}.pathbar small{font-size:10px;color:var(--muted)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:30px 0}.section-top h2{font-size:38px;line-height:1.2;letter-spacing:-1px;margin:12px 0 0}.section-top p{font-size:12px;color:var(--muted);margin:0}.search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:7px;background:#fffdf8;padding:9px 15px;margin-top:30px}.search span{font-size:28px;line-height:1}.search input{border:0;outline:none;background:none;flex:1;min-width:0;padding:8px 0;font-size:13px;color:var(--ink)}.search kbd{font-size:10px;color:#838475;border:1px solid var(--line);padding:2px 6px;border-radius:3px}.filters{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:12px;margin:18px 0}.filters label{font-size:10px;color:var(--muted)}.filters select{display:block;width:100%;border:1px solid var(--line);border-radius:5px;background:#fefcf7;padding:10px;font-size:12px;color:var(--ink);margin-top:5px}.reset{border:0;background:none;align-self:end;font-size:11px;padding:13px 5px;text-decoration:underline}.results-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin:25px 0 18px}.results-row select{font-size:11px;color:var(--ink);border:0;background:none}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 32px}.book-card{min-width:0}.cover-wrap{position:relative;background:#eae9df;border-radius:8px;padding:26px 32px;overflow:hidden}.book-cover{position:relative;display:block;padding:0;width:100%;max-width:228px;margin:auto;aspect-ratio:2/3;border:0;border-radius:3px 8px 8px 3px;box-shadow:0 13px 22px #15261c38;text-align:center;transition:transform .2s;overflow:hidden}.book-cover:hover{transform:translateY(-5px) rotate(-2deg)}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover .cover-type{font-size:24px;line-height:1.06;top:17px;letter-spacing:-.2px}.cover-sub{position:absolute;bottom:14px;left:10px;right:10px;color:white;font-size:7px;letter-spacing:1.5px;text-shadow:0 1px 3px #000}.save-heart{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:50%;background:#fffaf1e8;border:1px solid #fff;color:var(--green);font-size:18px;display:grid;place-items:center;padding:0}.save-heart.saved{background:var(--green);color:white}.audio-badge{position:absolute;bottom:12px;right:10px;font-size:8px;letter-spacing:.7px;background:#fffaf1;color:var(--green);padding:4px 8px;border-radius:4px}.card-meta{display:flex;gap:9px;align-items:center;margin:15px 0 8px;font-size:9px;color:var(--muted)}.level-pill{display:inline-block;color:var(--green);background:#e7e9dc;border-radius:3px;font-size:9px;font-weight:700;padding:3px 7px}.book-card h3{font-size:24px;line-height:1.1;margin-bottom:8px}.book-card p{font-size:12px;line-height:1.6;color:var(--muted);min-height:38px;margin-bottom:13px}.card-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.read-link{border:0;background:none;font-size:11px;font-weight:700;color:var(--green);padding:5px 0}.empty{padding:48px 24px;background:#eeeee4;border:1px dashed #bec6b7;grid-column:1/-1;text-align:center;border-radius:8px}.empty h3{font-size:28px;margin-bottom:10px}.empty p{color:var(--muted);font-size:13px}.audio-band{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center;padding:50px 65px;background:#e8eadf;border-radius:12px;margin-block:70px}.audio-art{position:relative;max-width:240px;margin:auto;transform:rotate(-5deg);border-radius:6px;overflow:hidden;box-shadow:0 18px 25px #1a322333}.audio-art>span{position:absolute;top:20px;left:0;right:0;text-align:center;color:#fff8db;font-family:var(--serif);font-size:28px;line-height:1.1;text-shadow:0 1px 7px #254d43}.audio-art img{width:100%}.audio-copy h2{font-size:40px;line-height:1.13;letter-spacing:-1px;margin:16px 0}.audio-copy p{font-size:13px;color:#596455;max-width:450px}.cast-dots{display:flex;align-items:center;margin:24px 0}.cast-dots>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:12px;background:#cab27d;border:2px solid #e8eadf;margin-left:-5px}.cast-dots>span:nth-child(2){background:#9cae96}.cast-dots>span:nth-child(3){background:#dda089}.cast-dots>span:nth-child(4){background:#a6b7bd}.cast-dots small{margin-left:12px;font-size:10px}.teacher-band{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:0 55px}.teacher-band h2{font-size:36px;line-height:1.2;margin:14px 0}.teacher-band p{font-size:13px;line-height:1.9;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:30px}footer .logo{display:block;font-size:24px}footer p{font-size:10px;color:var(--muted);margin:0}.continue-card{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #ccd5c5;background:#e9eee1;border-radius:8px;padding:18px 24px;margin-bottom:45px}.continue-card span{font-size:10px;color:var(--muted);display:block}.continue-card b{font-family:var(--serif);font-size:20px;font-weight:400}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;z-index:200;padding:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
dialog{color:var(--ink);border:0}dialog::backdrop{background:#152e27a8;backdrop-filter:blur(5px)}body.reading{overflow:hidden}#reader{position:fixed;inset:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;background:var(--reader-paper,#f7f2e6);color:var(--reader-ink,#24382f);--text-size:22px}#reader[open]{display:flex;flex-direction:column}#reader[data-theme=night]{--reader-paper:#182821;--reader-ink:#ede9dc;--reader-line:#3e5145;--reader-muted:#b9c2b4}#reader[data-theme=white]{--reader-paper:#fff;--reader-ink:#202e27}#reader button,#reader select{color:inherit}.reader-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 30px;border-bottom:1px solid var(--reader-line,#ddd9cb);flex-shrink:0}.reader-top>div{text-align:center}.reader-top h2{font-size:22px;margin:0;line-height:1.2}.reader-top span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--reader-muted,#727763)}.small-button{border:1px solid var(--reader-line,#d2d6c8);padding:6px 11px;background:transparent;border-radius:5px;font-size:12px;min-height:36px}.reader-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--reader-line,#ddd9cb);padding:10px 30px;flex-shrink:0}.reader-tabs{display:flex;gap:7px}.reader-tabs button{border:0;padding:7px 12px;background:transparent;font-size:12px;border-radius:4px}.reader-tabs button[aria-selected=true]{background:#dfe6d4;color:#234b3d!important}.reading-settings{display:flex;gap:8px;align-items:center}.reading-settings select,.audio-controls select{background:transparent;border:1px solid var(--reader-line,#d2d6c8);border-radius:5px;padding:7px;font-size:11px;min-height:36px}.reader-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:35px 40px;min-height:0;outline:none}.page-spread{max-width:1120px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:100%}.page-spread.text-led{display:block;max-width:740px}.page-art{position:relative;align-self:stretch;min-height:300px;max-height:650px;border-radius:9px;overflow:hidden;display:grid;place-items:center}.page-art img{width:100%;height:100%;object-fit:cover;position:absolute}.page-art.seed-scene{aspect-ratio:1;background-image:url('assets/seed-scenes.webp');background-size:300% 200%;min-height:0;max-height:none;align-self:center}.page-art.picture-cover img{object-fit:contain}.page-art.picture-cover{background:#ece8dc}.page-content{padding-block:10px}.page-content .eyebrow{color:var(--reader-muted,#6d775d)}.page-content h3{font-size:clamp(27px,3vw,37px);line-height:1.2;margin:12px 0 23px}.page-content p{font-family:var(--serif);font-size:var(--text-size);line-height:1.85;margin:0 0 20px}.page-content .speaker{display:block;font-family:var(--sans);font-size:10px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin:18px 0 5px;color:var(--reader-muted,#758063)}.word-tap{border:0;border-bottom:1px dashed #879970;background:transparent;padding:0;font-family:inherit;font-size:inherit;line-height:inherit}.word-tap:hover{background:#cadbb960}.read-tip{font-family:var(--sans)!important;font-size:11px!important;color:var(--reader-muted,#76816b);margin:20px 0!important}.before-box{padding:14px 17px;border-left:2px solid #a89762;background:#91a47a13;font-size:12px;line-height:1.7;margin:20px 0}.before-box b{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.reader-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 30px;border-top:1px solid var(--reader-line,#ddd9cb);flex-shrink:0}.audio-controls,.page-controls{display:flex;align-items:center;gap:9px}.play-button{background:var(--green);color:white!important;width:42px;height:42px;border-radius:50%;border:0}.audio-controls small{font-size:10px;color:var(--reader-muted,#747d69);max-width:190px;line-height:1.3}.autoplay{font-size:10px;white-space:nowrap}.autoplay input{accent-color:var(--green);vertical-align:middle}.page-controls span{font-size:11px;min-width:57px;text-align:center}.reading-progress{height:3px;flex-shrink:0;background:#dce1d2}.reading-progress div{height:100%;background:#82946c;transition:width .2s}.current-audio{background:#bacb9030;border-radius:4px;box-shadow:-5px 0 #99ad78;padding-left:10px}.word-list{max-width:850px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.word-card{padding:23px;border:1px solid var(--reader-line,var(--line));border-radius:8px;background:#8fa67809}.word-card h3{font-size:25px;margin:0 0 8px}.word-card p{font-size:13px;margin-bottom:10px}.word-card blockquote{margin:12px 0;font-family:var(--serif);font-style:italic;font-size:17px}.word-card small{display:block;font-size:10px;color:var(--reader-muted,var(--muted));margin-bottom:15px}.word-card details{font-size:12px;margin-bottom:15px}.word-card summary{cursor:pointer}.panel-title{font-size:32px;max-width:850px;margin:0 auto 20px}.quiz-panel{max-width:760px;margin:auto}.quiz-intro{font-size:14px}.question{margin:22px 0;padding:22px;border:1px solid var(--reader-line,var(--line));border-radius:8px}.question legend{padding:0 8px;font-family:var(--serif);font-size:20px;line-height:1.5}.answer-option{display:flex;gap:10px;align-items:flex-start;font-size:14px;padding:9px 12px;border:1px solid var(--reader-line,var(--line));margin-bottom:9px;border-radius:6px;cursor:pointer}.answer-option input{margin-top:5px;accent-color:#53714c}.question.correct{border-color:#609262}.question.incorrect{border-color:#b78d5b}.answer-feedback{font-size:12px;margin:10px 0 0}.score{padding:18px;background:#9dae7420;border-radius:8px;font-size:15px;margin:18px 0}.talk-box{background:#a7b18419;border:1px solid var(--reader-line,var(--line));border-radius:8px;padding:24px;margin:28px 0}.talk-box h3{font-size:25px;margin-bottom:12px}.talk-box p{font-size:14px;margin:0}#infoDialog{width:min(620px,calc(100% - 32px));max-height:85dvh;border-radius:12px;background:var(--paper);padding:28px}#infoDialog h2{font-size:30px;margin:0}.info-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}#infoBody{font-size:14px;line-height:1.8}#infoBody h3{font-size:22px;margin:20px 0 8px}#infoBody p{margin-bottom:15px}#infoBody li{margin-bottom:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;background:#244d43;color:white;padding:12px 22px;border-radius:8px;font-size:12px;z-index:9999;max-width:90%;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.word-actions{display:flex;justify-content:space-between;align-items:center;margin:10px 0 25px;font-size:12px}.word-actions p{margin:0}.inline-link{text-decoration:underline}
@media(min-width:1400px){.hero{min-height:710px}.hero-art{height:540px}.hero-book{width:260px}.back-book{right:20px}.front-book{left:35px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.topbar{padding:20px 24px}.hero{min-height:580px}.hero-art{height:410px}.hero-book{width:195px}.front-book{left:0;top:85px}.back-book{right:5px;top:45px}.art-label{font-size:14px}.topbar nav{gap:17px}.floating-note{padding:10px 13px}.filters{grid-template-columns:repeat(3,1fr)}.reset{justify-self:start}.book-grid{gap:30px 20px}.cover-wrap{padding:22px}.book-cover .cover-type{font-size:21px}.audio-band{gap:45px;padding:40px}.audio-copy h2{font-size:35px}.reader-body{padding:30px}.page-spread{gap:30px}.hero-note{font-size:9px}.reader-bottom{padding:12px 20px}.audio-controls small{max-width:110px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar{padding:16px 18px;flex-wrap:wrap;gap:17px}.logo{font-size:24px}.logo-mark{width:38px;height:38px;font-size:21px}.topbar nav{order:3;flex-basis:100%;justify-content:space-around;border-top:1px solid var(--line);padding-top:5px}.nav-item{font-size:12px}.hero{grid-template-columns:1fr;gap:20px;padding-top:38px}.hero-copy{text-align:center}.hero h1{font-size:52px;letter-spacing:-2px}.hero-copy .eyebrow{font-size:8px}.hero-copy>p{font-size:14px}.hero-actions{justify-content:center;gap:20px}.hero-art{height:365px;max-width:385px;width:100%;margin:auto}.hero-book{width:185px}.front-book{top:54px;left:22px}.back-book{top:15px;right:15px}.floating-note{right:4px;bottom:-2px}.art-label{top:-14px;right:0;font-size:12px}.tiny-star{font-size:30px;top:0;left:20px}.orbit{inset:0 10px 15px}.pathbar{padding-block:22px;margin-bottom:32px}.pathbar>div{display:block;padding-left:13px}.pathbar span{font-size:21px;display:block;margin-bottom:7px}.pathbar b{font-size:10px}.pathbar small{display:none}.section-top{display:block}.section-top h2{font-size:31px;max-width:300px}.section-top p{font-size:11px;margin-top:12px}.section-top p br{display:none}.eyebrow{font-size:8px;letter-spacing:1.6px}.search kbd{display:none}.search input{font-size:12px}.filters{grid-template-columns:repeat(2,1fr);gap:11px}.filters select{padding:10px 7px;font-size:12px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}.cover-wrap{padding:16px 20px}.book-cover .cover-type{font-size:18px;top:14px;left:10px;right:10px}.cover-sub{font-size:5px;letter-spacing:1px}.book-card h3{font-size:21px}.book-card p{font-size:11px;line-height:1.6;min-height:53px}.card-meta{flex-wrap:wrap;gap:5px;font-size:8px}.card-footer{font-size:8px;gap:5px;align-items:flex-start}.read-link{font-size:10px;white-space:nowrap;padding:0}.save-heart{width:28px;height:28px;right:7px;top:7px;font-size:16px}.audio-badge{font-size:7px;padding:3px 5px;bottom:8px;right:6px}.audio-band{grid-template-columns:1fr;gap:30px;padding:30px;margin-block:45px}.audio-art{max-width:180px}.audio-art>span{font-size:24px}.audio-copy h2{font-size:32px}.audio-copy p{font-size:12px}.cast-dots small{font-size:9px}.teacher-band{grid-template-columns:1fr;gap:10px;padding-bottom:35px}.teacher-band h2{font-size:31px}.teacher-band p{font-size:12px}.teacher-band h2 br{display:none}footer{flex-wrap:wrap}footer p{font-size:9px}.continue-card{padding:15px;gap:10px}.continue-card b{font-size:17px}.continue-card .button{padding:10px;font-size:11px;white-space:nowrap}.reader-top{padding:12px 14px;gap:10px}.reader-top h2{font-size:17px}.reader-top span{font-size:7px;letter-spacing:.6px}.reader-top>button{font-size:10px}.reader-controls{padding:8px 12px;flex-wrap:wrap;justify-content:center;gap:7px}.reader-tabs{gap:3px}.reader-tabs button{font-size:11px;padding:6px 9px}.reading-settings{gap:5px}.reading-settings select{padding:5px;font-size:10px}.reading-settings .small-button{font-size:10px;padding:5px 8px}.reader-body{padding:22px 20px}.page-spread{display:flex;flex-direction:column;gap:20px;min-height:auto}.page-art{min-height:220px;max-height:320px;width:100%;height:300px;flex-shrink:0}.page-art.seed-scene{height:auto;width:min(100%,390px)}.page-art.picture-cover{height:240px;min-height:240px}.page-content{width:100%;padding:0}.page-content h3{font-size:28px;margin:8px 0 16px}.page-content p{line-height:1.75;font-size:calc(var(--text-size) - 2px)}.reader-bottom{padding:10px 12px;flex-wrap:wrap;gap:10px;justify-content:center}.audio-controls{width:100%;justify-content:center;gap:8px}.audio-controls small{max-width:120px;font-size:9px}.autoplay{font-size:9px}.audio-controls select{font-size:10px;padding:5px}.play-button{height:36px;width:36px}.page-controls{width:100%;justify-content:space-between}.page-controls button{min-width:65px}.word-list{grid-template-columns:1fr}.word-card{padding:18px}.question{padding:16px;margin-top:25px}.question legend{font-size:18px}.answer-option{font-size:12px}.panel-title{font-size:28px}.word-actions{display:block}.word-actions button{margin-top:12px}}
@media(max-width:390px){.hero h1{font-size:46px}.hero-book{width:167px}.hero-art{height:335px}.hero-actions{gap:14px}.button{font-size:12px;padding:13px 16px}.cover-wrap{padding:15px 12px}.book-cover .cover-type{font-size:17px}.book-card h3{font-size:19px}.card-footer{display:block}.read-link{margin-top:5px}.reader-top h2{font-size:15px}.reader-body{padding:18px 15px}.audio-controls small{max-width:90px}.autoplay{font-size:8px}.audio-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.book-cover:before,.hero-book:before{content:'';position:absolute;inset:0 0 55%;background:linear-gradient(#102f398c,transparent);pointer-events:none}.cover-type{z-index:1}
@media print{body>*:not(dialog){display:none!important}#reader[open]{position:static;display:block;height:auto;overflow:visible}.reader-top{padding:10px}.reader-top button,.reader-controls,.reader-bottom,.reading-progress{display:none!important}.reader-body{overflow:visible;height:auto}.page-art{display:none}.page-spread{display:block}.word-card,.question{break-inside:avoid}#reader{--text-size:16px}#infoDialog[open]{position:static;max-height:none}#closeInfo{display:none}body.printing-notes #reader{display:none!important}body.printing-notes #infoDialog{width:100%;padding:0}body.printing-notes [data-action=printNotes]{display:none}}

.page-art.umbrella-scene{aspect-ratio:1;background-image:url('assets/umbrella-scenes.webp');background-size:200% 200%;min-height:0;max-height:none;align-self:center}
@media(max-width:760px){.page-art.umbrella-scene{height:auto;width:min(100%,390px)}}

/* Readable text on filled controls in every reader theme. */
#reader .button.primary,#infoDialog .button.primary{background:#244d43;color:#ffffff}
#reader .button.primary:hover,#infoDialog .button.primary:hover{background:#193e35;color:#ffffff}
#reader select option{background:var(--reader-paper,#f7f2e6);color:var(--reader-ink,#24382f)}
.read-tip{color:var(--reader-muted,#53604d)}
.page-content .speaker,.page-content .eyebrow,.reader-top span,.audio-controls small{color:var(--reader-muted,#53604d)}
.hero-note,.art-label,.section-top p,.results-row,.card-meta,.card-footer,.word-card small{color:var(--reader-muted,#586152)}
#reader .small-button:disabled{opacity:1;color:var(--reader-muted,#626b5d);border-color:var(--reader-line,#cbd0c2);background:#8fa07815}
#reader .page-content p.read-tip{color:var(--reader-muted,#53604d)}