/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--paper:#fbf7ef;--paper-deep:#f3eadc;--navy:#0b2a4a;--navy-soft:#173c5e;--gold:#a97b35;--gold-light:#d9c6a5;--ink:#263746;--muted:#68737c;--line:#ddd0bc;--white:#fffdf9;--rust:#a64d2c;--shadow:0 20px 52px #0b2a4a21;--font-ui:var(--font-be-vietnam), "Inter", "Segoe UI", Arial, sans-serif;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 8%, #ffffffeb, transparent 26rem), var(--paper);color:var(--ink);font-family:var(--font-ui);font-feature-settings:"kern" 1, "liga" 1;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #a97b3559}.masthead{z-index:40;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#fcf9f3e6;border-bottom:1px solid #a97b3533;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(24px,3.2vw,54px);display:flex;position:sticky;top:0;box-shadow:0 6px 24px #0b2a4a0b}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;padding:0;display:flex}.brand-logo{object-fit:contain;width:84px;height:58px;transition:transform .5s var(--ease-smooth), filter .35s var(--ease-standard)}.brand:hover .brand-logo{filter:saturate(1.08);transform:translateY(-2px)scale(1.025)}.brand-copy{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.brand-name,.brand-subtitle{white-space:nowrap}.brand-name{color:var(--navy);letter-spacing:-.03em;font-size:20px;font-weight:800}.brand-tagline{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:600}.brand-divider{background:#c8b99f;width:1px;height:28px;margin:0 4px}.brand-subtitle{color:#8a6034;font-size:16px;font-weight:600}.masthead-context{color:var(--navy);flex-direction:column;align-items:flex-end;gap:2px;display:flex}.masthead-context span{letter-spacing:.11em;font-size:13px;font-weight:800}.masthead-context small{color:var(--gold);letter-spacing:.16em;font-size:9px;font-weight:700}.menu-button{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:9px;display:none}.mobile-nav{display:none}.hero{isolation:isolate;min-height:360px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(circle at 24% 22%,#fffffff2,#0000 42%),linear-gradient(90deg,#fbf7ef 0% 43%,#fbf7efc7 57%,#fbf7ef0f 77%);position:absolute;inset:0}.hero-art{z-index:-3;background-image:url(../assets/hero-bridge.png);background-position:100%;background-size:cover;position:absolute;inset:0 0 0 45%}.hero-art:after{content:"";background:linear-gradient(90deg, var(--paper) 0%, #fbf7efe3 13%, #fbf7ef29 47%, transparent 70%);position:absolute;inset:0}.hero-content{width:min(760px,50vw);padding:42px 0 26px clamp(28px,3.2vw,55px)}.eyebrow{display:none}h1,h2,h3,.book-meta strong{color:var(--navy);font-family:var(--font-ui);letter-spacing:-.035em;font-weight:700}h1{letter-spacing:-.055em;margin:0;font-size:clamp(43px,4vw,62px);font-weight:700;line-height:1.08}.hero-description{max-width:650px;margin:24px 0 30px;font-size:19px;line-height:1.45}.search-box{background:#fffdf9f5;border:1px solid #bfa77e;border-radius:999px;align-items:center;gap:14px;width:min(690px,100%);min-height:58px;padding:6px 7px 6px 22px;display:flex;box-shadow:0 8px 24px #0b2a4a12}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:17px}.search-box input::placeholder{color:#7d858a}.search-box button{background:var(--navy);color:#fff;cursor:pointer;width:63px;height:46px;transition:transform .36s var(--ease-smooth), background-color .25s var(--ease-standard), box-shadow .36s var(--ease-smooth);border:0;border-radius:999px;place-items:center;display:grid}.search-box button:hover{background:var(--gold);transform:scale(1.04)}.topic-chips{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.topic-chips button{border:1px solid var(--line);color:#253745;cursor:pointer;transition:transform .35s var(--ease-smooth), box-shadow .35s var(--ease-smooth), color .22s var(--ease-standard), background-color .22s var(--ease-standard);background:#fffdf9db;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;font-size:15px;display:flex}.topic-chips button:hover{transform:translateY(-3px);box-shadow:0 7px 18px #0b2a4a1a}.topic-chips button.active{border-color:var(--navy);background:var(--navy);color:#fff}.book-section,.content-section,.split-section,.ai-reader-section,.internal-section{padding:62px clamp(28px,3.2vw,55px)}.book-section{padding-top:12px;padding-bottom:42px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-heading h2,.split-section h2,.internal-section h2,.dashboard-band h2{margin:8px 0 7px;font-size:clamp(30px,2.5vw,42px);line-height:1.12}.section-heading p{color:var(--muted);margin:0;line-height:1.6}.section-kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.section-kicker.light{color:#e7c991}.result-count{border:1px solid var(--line);background:var(--white);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-size:14px;display:flex}.book-section .section-heading{margin-bottom:12px}.book-section-title{margin:8px 0 5px;font-size:clamp(27px,2.2vw,38px)}.book-section-description{color:var(--muted);margin:0}.book-grid{perspective:1200px;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(20px,2.15vw,34px);display:grid}.book-card{cursor:pointer;text-align:left;min-width:0;transition:transform .5s var(--ease-smooth);will-change:transform;background:0 0;border:0;padding:0 0 14px;position:relative;transform:translateZ(0)}.book-card:hover{transform:translateY(-11px)scale(1.012)}.book-card:hover .book-cover-wrap{box-shadow:0 22px 38px #0b2a4a38}.book-cover-wrap{aspect-ratio:.72;width:100%;transition:box-shadow .5s var(--ease-smooth), border-color .3s var(--ease-standard);background:#eee5d6;border:1px solid #b8a37fb8;border-radius:11px;display:block;position:relative;overflow:hidden;box-shadow:0 11px 27px #0b2a4a1a}.book-cover-wrap:after{content:"";z-index:1;transition:transform .85s var(--ease-smooth);pointer-events:none;background:linear-gradient(118deg,#0000 28%,#ffffff57 46%,#0000 63%);position:absolute;inset:0;transform:translate(-130%)}.book-card:hover .book-cover-wrap:after{transform:translate(130%)}.book-cover-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .75s var(--ease-smooth), filter .45s var(--ease-standard);position:absolute;inset:0}.book-card:hover .book-cover-wrap img{filter:saturate(1.03)contrast(1.015);transform:scale(1.025)}.shelf-count{z-index:2;color:#fff;letter-spacing:.04em;background:#0b2a4ae0;border:1px solid #ffffff8c;border-radius:999px;min-width:max-content;padding:6px 11px;font-size:11px;font-weight:800;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0000002e}.book-meta{flex-direction:column;gap:5px;margin-top:17px;display:none!important}.book-meta strong{font-size:17px;line-height:1.25}.book-meta span{color:var(--muted);font-size:12px;line-height:1.35}.topic-book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(18px,2vw,28px);display:grid}.topic-book-card{min-width:0;color:inherit;text-align:left;cursor:pointer;transition:transform .48s var(--ease-smooth), box-shadow .48s var(--ease-smooth), border-color .3s var(--ease-standard), background-color .3s var(--ease-standard);background:#fffdf9c7;border:1px solid #b8a37fa3;border-radius:18px;flex-direction:column;gap:15px;padding:11px 11px 17px;display:flex;overflow:hidden;box-shadow:0 10px 25px #0b2a4a12}.topic-book-card:hover{background:#fff;border-color:#a98855;transform:translateY(-8px);box-shadow:0 22px 42px #0b2a4a29}.topic-book-cover{aspect-ratio:.72;background:#eee5d6;border-radius:11px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 10px 22px #0b2a4a21}.topic-book-cover:after{content:"";transition:transform .85s var(--ease-smooth);pointer-events:none;background:linear-gradient(118deg,#0000 28%,#ffffff59 46%,#0000 63%);position:absolute;inset:0;transform:translate(-135%)}.topic-book-card:hover .topic-book-cover:after{transform:translate(135%)}.topic-book-cover img{object-fit:cover;width:100%;height:100%;transition:transform .72s var(--ease-smooth), filter .4s var(--ease-standard)}.topic-book-card:hover .topic-book-cover img{filter:saturate(1.04)contrast(1.02);transform:scale(1.035)}.photo-cover-title{z-index:2;color:#fff;text-align:left;text-shadow:0 2px 8px #00000073;background:linear-gradient(#0418280d 22%,#062137e6 79%,#071f35 100%);flex-direction:column;justify-content:flex-end;gap:7px;padding:46px 13px 14px;display:flex;position:absolute;inset:0}.photo-cover-title small{color:#efd39d;letter-spacing:.09em;font-size:8px;font-weight:900;line-height:1.25}.photo-cover-title strong{color:#fff;font-size:14px;font-weight:800;line-height:1.28}.full-text-badge{z-index:4;color:#102a42;letter-spacing:.04em;text-transform:uppercase;background:#f4d397f0;border:1px solid #ffffffb8;border-radius:999px;align-items:center;padding:6px 8px;font-size:8px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 6px 14px #0003}.topic-audio-badge{z-index:2;color:#fff;background:#0b2a4ae6;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;bottom:8px;right:8px;box-shadow:0 5px 15px #0000002e}.topic-book-copy{flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:0 4px;display:flex}.topic-book-copy small{color:var(--rust);text-transform:uppercase;letter-spacing:.055em;margin-bottom:6px;font-size:9px;font-weight:800;line-height:1.4}.topic-book-copy strong{color:var(--navy);letter-spacing:-.02em;font-size:17px;line-height:1.3}.topic-book-copy>span{color:var(--muted);margin-top:7px;font-size:12px;line-height:1.5}.topic-book-copy b{color:#805719;align-items:center;gap:6px;margin-top:auto;padding-top:13px;font-size:12px;display:inline-flex}.topic-book-copy b svg{transition:transform .3s var(--ease-smooth)}.topic-book-card:hover .topic-book-copy b svg{transform:translate(4px)}.empty-state{text-align:center;color:var(--muted);background:#ffffff8c;border:1px dashed #c6b497;border-radius:22px;justify-items:center;gap:8px;padding:55px;display:grid}.empty-state h3{margin:7px 0 0}.empty-state p{margin:0}.empty-state button{color:#fff;background:var(--navy);cursor:pointer;border:0;border-radius:999px;margin-top:10px;padding:10px 18px}.dashboard-band{color:#eef4f5;background:var(--navy);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:1.1fr 1fr;align-items:center;gap:44px;margin:20px clamp(28px,3.2vw,55px);padding:44px;display:grid}.dashboard-band h2{color:#fff}.dashboard-band p{color:#b9cbd5;margin:0;line-height:1.6}.stat-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.stat-grid article{background:#ffffff12;border:1px solid #ffffff21;border-radius:18px;flex-direction:column;gap:5px;padding:22px;display:flex}.stat-grid strong{color:#efd4a2;letter-spacing:-.04em;font-size:32px;font-weight:800}.stat-grid span{color:#d8e2e7;font-size:13px}.text-link{color:var(--navy);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-weight:700;display:flex}.update-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.update-card{border:1px solid var(--line);text-align:left;cursor:pointer;transition:transform .45s var(--ease-smooth), box-shadow .45s var(--ease-smooth), border-color .25s var(--ease-standard);background:#fffdf9e6;border-radius:18px;grid-template-columns:118px 1fr auto;align-items:center;gap:18px;padding:12px 18px 12px 12px;display:grid;box-shadow:0 8px 22px #0b2a4a0d}.update-card:hover{box-shadow:var(--shadow);border-color:#bca681;transform:translateY(-5px)}.update-visual{height:96px;color:var(--navy);background-size:cover;border-radius:13px;place-items:center;display:grid}.update-1{background:#e7d0b7}.update-2{background:#d8dfd1}.update-3{background:#d7e1e5}.update-copy{flex-direction:column;gap:6px;display:flex}.update-copy small{color:var(--rust);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.update-copy strong{color:var(--navy);letter-spacing:-.02em;font-size:18px;font-weight:700;line-height:1.35}.update-copy span{color:var(--muted);font-size:12px}.card-arrow{color:var(--gold)}.feature-strip{border-block:1px solid var(--line);background:#ffffff6b;grid-template-columns:repeat(4,1fr);padding:25px clamp(28px,7vw,135px);display:grid}.feature-strip article{border-right:1px solid var(--line);transition:transform .4s var(--ease-smooth);align-items:center;gap:16px;padding:0 26px;display:flex}.feature-strip article:hover{transform:translateY(-3px)}.feature-strip article:last-child{border-right:0}.feature-strip article>svg{border:1px solid var(--navy);width:58px;height:58px;color:var(--navy);transition:transform .45s var(--ease-smooth), color .25s var(--ease-standard), background-color .25s var(--ease-standard);border-radius:50%;flex:none;padding:12px}.feature-strip article:hover>svg{color:#fff;background:var(--navy);transform:rotate(-5deg)scale(1.06)}.feature-strip div{flex-direction:column;gap:5px;display:flex}.feature-strip strong{color:var(--navy);letter-spacing:-.015em;font-weight:700}.feature-strip span{color:var(--muted);font-size:13px;line-height:1.4}.split-section{grid-template-columns:1.2fr .8fr;gap:25px;display:grid}.link-library,.qr-panel{border-radius:26px;padding:38px}.link-library{border:1px solid var(--line);background:#ffffff7a}.link-list{gap:10px;margin-top:24px;display:grid}.link-list button{cursor:pointer;transition:transform .4s var(--ease-smooth), background-color .25s var(--ease-standard), border-color .25s var(--ease-standard), box-shadow .4s var(--ease-smooth);background:#f5eee3;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:15px 17px;display:flex}.link-list button:hover{background:#fff;border-color:#c5af8c;transform:translate(5px)}.link-list button span{align-items:center;gap:10px;font-weight:600;display:flex}.qr-panel{color:#fff;background:linear-gradient(140deg,#123756,#0b2a4a);align-items:center;gap:28px;display:flex}.qr-panel h2{color:#fff}.qr-panel p{color:#c5d4dd;line-height:1.6}.qr-mark{width:145px;height:145px;color:var(--navy);background:#fff;border-radius:22px;flex:none;place-items:center;display:grid;box-shadow:inset 0 0 0 8px #eadfcf}.ai-reader-section{background:linear-gradient(135deg,#f4eadc,#fbf8f2 48%,#e8eef1);grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(34px,5vw,76px);display:grid;overflow:hidden}.ai-reader-copy h2{margin:10px 0 14px;font-size:clamp(32px,3vw,48px);line-height:1.08}.ai-reader-copy>p{color:var(--muted);line-height:1.72}.ai-reader-note{color:#654a22;background:#fffdf9c7;border:1px solid #d4c09c;border-radius:14px;align-items:flex-start;gap:10px;margin-top:22px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.ai-reader-note svg{flex:none;margin-top:2px}.ai-reader-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ai-reader-card{min-width:0;transition:transform .5s var(--ease-smooth), box-shadow .5s var(--ease-smooth);background:#fffdf9e0;border:1px solid #a97b354d;border-radius:24px;overflow:hidden;box-shadow:0 16px 38px #0b2a4a1a}.ai-reader-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px #0b2a4a2b}.ai-avatar-frame{aspect-ratio:4/5;background:#dfe6e8;position:relative;overflow:hidden}.ai-avatar-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#051c31a3);position:absolute;inset:0}.ai-avatar-frame img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .75s var(--ease-smooth), filter .4s var(--ease-standard)}.ai-reader-card:hover img{filter:saturate(1.04);transform:scale(1.025)}.avatar-status{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;background:#0b2a4ac7;border:1px solid #ffffff73;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;position:absolute;top:13px;left:13px}.voice-wave{z-index:2;opacity:.72;background:#ffffffe6;border-radius:999px;align-items:center;gap:4px;height:34px;padding:7px 9px;display:flex;position:absolute;bottom:15px;right:15px}.voice-wave i{background:var(--navy);border-radius:999px;width:3px;height:9px}.ai-reader-card.speaking .voice-wave{opacity:1}.ai-reader-card.speaking .voice-wave i{animation:.72s ease-in-out infinite alternate voice-pulse}.ai-reader-card.speaking .voice-wave i:nth-child(2){animation-delay:-.28s}.ai-reader-card.speaking .voice-wave i:nth-child(3){animation-delay:-.52s}.ai-reader-card.speaking .voice-wave i:nth-child(4){animation-delay:-.17s}.ai-reader-card.speaking .ai-avatar-frame img{animation:3.2s ease-in-out infinite reader-breathe}.ai-reader-meta{flex-direction:column;align-items:flex-start;gap:6px;padding:17px;display:flex}.ai-reader-meta small{color:var(--rust);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800}.ai-reader-meta strong{color:var(--navy);font-size:21px}.ai-reader-meta button{color:var(--navy);cursor:pointer;transition:transform .35s var(--ease-smooth), color .2s, background-color .2s;background:#fff;border:1px solid #c9b38e;border-radius:999px;align-items:center;gap:7px;margin-top:6px;padding:10px 13px;font-size:12px;font-weight:800;display:inline-flex}.ai-reader-meta button:hover,.ai-reader-card.speaking .ai-reader-meta button{color:#fff;background:var(--navy);transform:translateY(-2px)}.voice-message{color:#67331f;background:#fff4ec;border:1px solid #c69076;border-radius:12px;grid-column:1/-1;align-items:flex-start;gap:8px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.internal-section{background:#f0e7da;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px;display:grid}.internal-copy p{color:var(--muted);line-height:1.7}.primary-button{color:#fff;background:var(--navy);cursor:pointer;transition:transform .4s var(--ease-smooth), background-color .25s var(--ease-standard), box-shadow .4s var(--ease-smooth);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:10px;padding:13px 20px;font-weight:700;display:inline-flex;box-shadow:0 10px 22px #0b2a4a29}.primary-button:hover{background:var(--gold);transform:translateY(-3px)}.internal-tree{box-shadow:var(--shadow);background:#fffdf9de;border:1px solid #cdbda4;border-radius:22px;padding:20px}.tree-root,.tree-item{align-items:center;gap:10px;display:flex}.tree-root{color:#fff;background:var(--navy);border-radius:12px;padding:13px 14px;font-weight:800}.tree-root span{color:#e9ce9c;margin-left:auto;font-size:12px}.tree-item{border-bottom:1px solid #e4d9c8;margin-left:17px;padding:12px 12px 12px 29px;font-size:14px;position:relative}.tree-item:before{content:"";background:#cab99f;width:1px;position:absolute;top:0;bottom:0;left:8px}.tree-item:after{content:"";background:#cab99f;width:13px;height:1px;position:absolute;top:50%;left:8px}.tree-item:last-child{border-bottom:0}.tree-item svg{color:var(--gold)}footer{color:#c9d6de;background:#071e34;justify-content:space-between;align-items:center;gap:30px;padding:28px clamp(28px,3.2vw,55px);display:flex}footer div{flex-direction:column;gap:6px;display:flex}footer strong{color:#fff;font-size:18px;font-weight:700}footer span{font-size:13px}footer img{object-fit:contain;background:#fffffff2;border-radius:14px;width:106px;height:67px;padding:7px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px)saturate(.9);backdrop-filter:blur(7px)saturate(.9);animation:fade-in .3s var(--ease-standard);background:#041320a8;justify-items:end;display:grid;position:fixed;inset:0}.book-drawer{background:var(--paper);width:min(840px,94vw);height:100%;animation:slide-in .5s var(--ease-smooth);grid-template-columns:260px 1fr;gap:32px;padding:44px;display:grid;position:relative;overflow-y:auto;box-shadow:-20px 0 60px #00000038}.close-button{z-index:2;border:1px solid var(--line);background:var(--white);cursor:pointer;width:40px;height:40px;transition:transform .38s var(--ease-smooth), color .22s var(--ease-standard), background-color .22s var(--ease-standard);border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:18px}.close-button:hover{color:#fff;background:var(--navy);transform:rotate(4deg)}.drawer-cover{aspect-ratio:.72;width:100%;box-shadow:var(--shadow);border-radius:9px;position:sticky;top:0;overflow:hidden}.drawer-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.drawer-content{padding-top:12px}.drawer-topic{text-transform:uppercase;letter-spacing:.11em;font-size:13px;font-weight:800}.drawer-content h2{margin:9px 48px 10px 0;font-size:34px}.drawer-content>p{color:var(--muted);line-height:1.65}.folder-tree{margin-top:25px}.folder-tree h3{align-items:center;gap:9px;font-size:20px;display:flex}.folder-tree details{border:1px solid var(--line);background:#ffffff8c;border-radius:13px;margin:9px 0;overflow:hidden}.folder-tree summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px;font-weight:700;list-style:none;display:flex}.folder-tree summary span{align-items:center;gap:9px;display:flex}.folder-tree details[open] summary{color:var(--navy);background:#f0e7da}.folder-tree details[open] summary>svg{transform:rotate(180deg)}.folder-tree details>div{padding:7px 13px 13px 32px}.folder-tree details button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ece2d4;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.folder-tree details button:hover{color:var(--rust);background:#fff}.folder-tree details button:last-child{border-bottom:0}.preview-note{background:#f3e3c5;border-radius:10px;padding:11px 13px;font-size:12px;color:#765829!important}.shelf-drawer{grid-template-columns:245px 1fr;width:min(1100px,96vw)}.child-shelf-heading{justify-content:space-between;align-items:center;gap:15px;margin:28px 0 14px;display:flex}.child-shelf-heading h3{align-items:center;gap:9px;margin:0;font-size:21px;display:flex}.child-shelf-heading>span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:12px}.child-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.child-book-card{border:1px solid var(--line);text-align:left;cursor:pointer;transition:transform .45s var(--ease-smooth), box-shadow .45s var(--ease-smooth), border-color .25s var(--ease-standard), background-color .25s var(--ease-standard);background:#ffffff9e;border-radius:17px;grid-template-columns:118px 1fr;gap:15px;padding:11px;display:grid;overflow:hidden}.child-book-card:hover{background:#fff;border-color:#b89b6d;transform:translateY(-5px);box-shadow:0 16px 30px #0b2a4a1f}.child-cover{background:#e9ddc8;border-radius:9px;min-height:158px;display:block;position:relative;overflow:hidden;box-shadow:0 8px 18px #0b2a4a21}.child-cover>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.audio-badge{z-index:3;color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#a64d2ced;border-radius:999px;align-items:center;gap:4px;padding:5px 7px;font-size:8px;font-weight:800;display:inline-flex;position:absolute;bottom:7px;right:7px;box-shadow:0 5px 12px #0003}.child-cover-overlay{color:#fff;background:linear-gradient(160deg, var(--child-accent), var(--child-accent));flex-direction:column;justify-content:center;gap:9px;padding:15px 12px;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.child-cover-overlay{background:linear-gradient(160deg, color-mix(in srgb, var(--child-accent) 88%, #071e34), color-mix(in srgb, var(--child-accent) 68%, transparent))}}.child-cover-overlay{text-align:center}.child-cover-overlay:before{content:"";border:1px solid #ffffff7a;border-radius:6px;position:absolute;inset:7px}.child-cover-overlay>*{z-index:1;position:relative}.child-cover-overlay small{letter-spacing:.12em;font-size:8px}.child-cover-overlay strong{letter-spacing:-.02em;font-size:15px;font-weight:700;line-height:1.3}.child-cover-overlay i{border-top:1px solid #fff9;align-self:center;width:31px;padding-top:7px;font-style:normal}.child-copy{flex-direction:column;align-items:flex-start;min-width:0;padding:4px 2px;display:flex}.child-copy small{color:var(--rust);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800}.child-copy strong{color:var(--navy);letter-spacing:-.02em;margin:8px 0 7px;font-size:16px;font-weight:700;line-height:1.35}.child-copy>span{color:var(--muted);font-size:12px;line-height:1.45}.child-copy b{color:var(--navy);align-items:center;gap:5px;margin-top:auto;padding-top:10px;font-size:12px;display:flex}.reader-backdrop{place-items:center;padding:24px}.reader-modal{background:var(--paper);width:min(1440px,97vw);max-height:94vh;animation:modal-in .4s var(--ease-smooth);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000052}.reader-header{border-bottom:1px solid var(--line);background:#f4eadb;justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:18px 76px 18px 26px;display:flex}.reader-header small{color:var(--rust);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.reader-header h2{margin:4px 0 0;font-size:25px;line-height:1.15}.reader-actions{flex:none;align-items:center;gap:10px;display:flex}.reader-audio-label{color:#fff;background:var(--rust);border-radius:999px;align-items:center;gap:6px;padding:9px 11px;font-size:11px;font-weight:800;display:inline-flex}.reader-full-label{color:#102a42;background:#efd39d;border-radius:999px;align-items:center;gap:6px;padding:9px 11px;font-size:11px;font-weight:900;display:inline-flex}.reader-external,.source-link{color:var(--navy);align-items:center;gap:7px;font-weight:800;text-decoration:none;display:inline-flex}.reader-external{background:#fff;border:1px solid #c9b594;border-radius:999px;flex:none;padding:10px 13px;font-size:12px}.reader-workspace{background:#e6dccd;grid-template-columns:minmax(0,1fr) 288px;height:min(76vh,760px);display:grid}.reader-book-area{border-right:1px solid #c9b796;min-width:0;min-height:0;overflow:hidden}.heyzine-frame{background:#172535;border:0;width:100%;height:100%;display:block}.demo-book-stage{background:radial-gradient(circle at 50% 0,#fff 0,#e8ddcb 72%);align-content:start;justify-items:center;height:100%;padding:32px;display:grid;overflow-y:auto}.flipbook-frame{perspective:1800px;width:min(610px,86vw);position:relative}.page-stack{background:repeating-linear-gradient(0deg,#e9dcc7 0 2px,#f7f0e4 2px 4px);border:1px solid #c7b28d;border-radius:5px 15px 15px 5px;position:absolute;inset:12px -7px -8px 9px;box-shadow:0 18px 35px #3327172e}.paper-page{width:min(610px,86vw);min-height:480px;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform, opacity;background:#fffdf7;border:1px solid #d1c0a5;border-radius:4px 14px 14px 4px;padding:68px 70px 60px;position:relative;overflow:hidden;box-shadow:0 20px 42px #33271733,inset 12px 0 22px #5a42230f}.paper-page.turn-forward{transform-origin:0;animation:.52s cubic-bezier(.55,.05,.25,1) page-turn-forward}.paper-page.turn-backward{transform-origin:100%;animation:.52s cubic-bezier(.55,.05,.25,1) page-turn-backward}.paper-page:before{content:"";pointer-events:none;border:1px solid #d8c4a4;position:absolute;inset:17px}.paper-ornament{background:var(--gold);width:44px;height:3px;margin:0 auto 20px;box-shadow:0 -6px 0 -1px #d4b16f}.paper-page>small{color:var(--gold);text-align:center;letter-spacing:.14em;font-size:10px;font-weight:800;display:block}.paper-page h3{text-align:center;margin:28px 0 22px;font-size:34px}.paper-illustration{z-index:1;background:#eee3d2;border:1px solid #d3c09f;border-radius:12px;margin:0 0 24px;position:relative;overflow:hidden;box-shadow:0 10px 24px #34271624}.paper-illustration img{object-fit:cover;width:100%;max-height:270px;display:block}.paper-illustration figcaption{color:#5f5446;text-align:center;background:#f4eadb;padding:8px 12px;font-size:11px;font-style:italic}.paper-page p{color:#3d4850;white-space:pre-line;font-size:17px;line-height:1.8}.paper-page ul{background:#f3eadb;border-radius:12px;margin:20px 0 0;padding:17px 25px 17px 42px;line-height:1.7}.page-number{color:var(--gold);font-weight:700;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.reader-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:min(610px,86vw);margin-top:18px;display:grid}.reader-controls button{border:1px solid var(--navy);color:#fff;background:var(--navy);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:11px 14px;display:flex;box-shadow:0 7px 16px #0b2a4a2e}.reader-controls button:hover{border-color:var(--gold);background:var(--gold)}.reader-controls button:last-child{justify-self:end}.reader-controls button:disabled{color:#625a50;box-shadow:none;opacity:1;cursor:default;background:#d9cdbc;border-color:#a89a84}.reader-controls>span{color:var(--muted);font-size:13px}.listen-bar{background:#fffdf9cc;border:1px solid #d1bea0;border-radius:15px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(610px,86vw);margin-top:12px;padding:10px;display:flex}.listen-bar>span{color:var(--navy);align-items:center;gap:6px;margin-right:4px;font-size:12px;font-weight:800;display:inline-flex}.listen-bar button{border:1px solid var(--line);color:var(--navy);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.listen-bar button:hover,.listen-bar button.active{color:#fff;background:var(--navy)}.source-link{margin-top:17px;font-size:13px}.reader-mc-panel{color:#fff;background:linear-gradient(165deg,#0b2a4a,#173c5e 65%,#09243e);flex-direction:column;gap:13px;min-width:0;padding:18px;display:flex;overflow-y:auto}.mc-heading{align-items:center;gap:10px;display:flex}.mc-heading>svg{color:#082640;background:#eacb92;border-radius:11px;width:38px;height:38px;padding:8px}.mc-heading span{flex-direction:column;gap:2px;display:flex}.mc-heading small{color:#e7c991;letter-spacing:.12em;font-size:9px;font-weight:800}.mc-heading strong{color:#fff;font-size:20px}.mc-portrait{background:#dce5e8;border:2px solid #e7c991b3;border-radius:18px;flex:1;min-height:270px;position:relative;overflow:hidden;box-shadow:0 15px 30px #00000038}.mc-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#051b2f9e);position:absolute;inset:0}.mc-portrait img{object-fit:cover;object-position:center top;width:100%;height:100%}.reader-mc-panel.speaking .mc-portrait img{animation:3.2s ease-in-out infinite reader-breathe}.reader-mc-panel.speaking .voice-wave i{animation:.72s ease-in-out infinite alternate voice-pulse}.reader-mc-panel.speaking .voice-wave i:nth-child(2){animation-delay:-.28s}.reader-mc-panel.speaking .voice-wave i:nth-child(3){animation-delay:-.52s}.reader-mc-panel.speaking .voice-wave i:nth-child(4){animation-delay:-.17s}.mc-selector{background:#ffffff14;border:1px solid #fff3;border-radius:13px;grid-template-columns:1fr 1fr;gap:7px;padding:5px;display:grid}.mc-selector button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 7px;font-size:12px;font-weight:800}.mc-selector button:hover{background:#ffffff24}.mc-selector button.active{color:#082640;background:#f0d39e;box-shadow:0 5px 12px #0003}.mc-voice-status{background:#ffffff14;border-left:3px solid #e8c985;border-radius:0 8px 8px 0;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.mc-voice-status span{color:#e7c991;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.mc-voice-status strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;overflow:hidden}.mc-voice-status.unavailable{background:#a64d2c40;border-left-color:#ef9c78}.mc-read-button{color:#102c44;cursor:pointer;min-height:48px;transition:transform .35s var(--ease-smooth), color .2s, background-color .2s;background:#fff;border:2px solid #fff;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-size:13px;font-weight:900;display:flex;box-shadow:0 10px 22px #00000038}.mc-read-button:hover{color:#fff;background:var(--rust);transform:translateY(-2px)}.mc-auto-button{justify-content:center;align-items:center;gap:7px;min-height:44px;padding:10px 12px;font-size:11px;font-weight:900;display:flex}.mc-audio-tip,.mc-voice-message{border-radius:11px;align-items:flex-start;gap:7px;padding:10px;font-size:10px;line-height:1.45;display:flex}.mc-audio-tip{color:#fff8eb;background:#a97b356b}.mc-voice-message{color:#3f1f12;background:#ffe6d7}.mc-audio-tip svg,.mc-voice-message svg{flex:none;margin-top:1px}.login-backdrop{place-items:center}.login-modal{background:var(--paper);text-align:center;width:min(480px,92vw);animation:modal-in .4s var(--ease-smooth);border-radius:26px;padding:42px;position:relative;box-shadow:0 30px 80px #00000047}.login-emblem{width:68px;height:68px;color:var(--navy);background:#e8dbc6;border-radius:20px;place-items:center;margin:0 auto 19px;display:grid}.login-modal h2{margin:8px 0;font-size:34px}.login-modal>p{color:var(--muted);margin:0 auto 22px;line-height:1.55}.login-modal form{text-align:left;gap:14px;display:grid}.login-modal label{color:var(--navy);gap:7px;font-size:13px;font-weight:700;display:grid}.login-modal input{border:1px solid var(--line);background:#fff;border-radius:11px;outline:0;width:100%;padding:13px 14px}.login-modal form .primary-button{width:100%;margin-top:4px}.login-modal>small{color:var(--muted);margin-top:18px;line-height:1.45;display:block}.login-notice{text-align:left;color:#6c5128;background:#f3e3c5;border-radius:10px;align-items:flex-start;gap:9px;margin-top:14px;padding:12px;font-size:12px;line-height:1.45;display:flex}.login-notice svg{flex:none;margin-top:1px}button.button-3d{--btn-top:#416f94;--btn-mid:#173c5e;--btn-bottom:#08233c;--btn-edge:#061a2d;isolation:isolate;color:#fff;background:linear-gradient(180deg, var(--btn-top) 0%, var(--btn-mid) 54%, var(--btn-bottom) 100%);box-shadow:inset 0 2px 2px #ffffffc7, inset 0 -9px 13px #0000003d, 0 4px 0 var(--btn-edge), 0 10px 18px #081d3147;text-shadow:0 1px 2px #00000075;border:3px solid #b9b9b4;border-color:#f7f3ea #b9b9b4 #706c63;border-radius:999px;transition:transform .18s,filter .2s,box-shadow .18s;position:relative;overflow:hidden}button.button-3d:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffffc2,#ffffff1f);border-radius:999px;height:39%;position:absolute;top:7%;left:11%;right:11%}button.button-3d>svg,button.button-3d>span{z-index:1;position:relative}button.button-3d.button-3d-navy{--btn-top:#4a789b;--btn-mid:#173c5e;--btn-bottom:#08233c;--btn-edge:#051a2d;background:linear-gradient(180deg, var(--btn-top), var(--btn-mid) 54%, var(--btn-bottom))}button.button-3d.button-3d-gold{--btn-top:#f3d694;--btn-mid:#c49343;--btn-bottom:#80531f;--btn-edge:#5a3712;color:#102b43;background:linear-gradient(180deg, var(--btn-top), var(--btn-mid) 54%, var(--btn-bottom));text-shadow:0 1px #ffffff73}button.button-3d.button-3d-rust{--btn-top:#dd8a65;--btn-mid:#ad5332;--btn-bottom:#702d1b;--btn-edge:#4d1c10;background:linear-gradient(180deg, var(--btn-top), var(--btn-mid) 54%, var(--btn-bottom))}button.button-3d:hover{filter:saturate(1.08)brightness(1.04);box-shadow:inset 0 2px 2px #ffffffd1, inset 0 -9px 13px #0003, 0 6px 0 var(--btn-edge), 0 14px 22px #081d314d;transform:translateY(-2px)scale(1.015)}button.button-3d:active{filter:brightness(.96);box-shadow:inset 0 2px 5px #0003, inset 0 -3px 7px #0000002e, 0 1px 0 var(--btn-edge), 0 4px 7px #081d3138;transform:translateY(4px)scale(.995)}button.button-3d:disabled{color:#6d665c;text-shadow:none;filter:none;cursor:default;background:linear-gradient(#eee6d9,#cfc3b3);border-color:#c7c0b5;transform:none;box-shadow:inset 0 2px #ffffffb3,0 2px #9d9385}.mc-selector button.button-3d{color:#fff;min-height:42px;padding:8px 6px}.mc-selector button.button-3d.active{outline-offset:2px;color:#fff;box-shadow:inset 0 2px 2px #ffffffc7, inset 0 -8px 11px #0003, 0 4px 0 var(--btn-edge), 0 9px 17px #00000047;outline:3px solid #f3d694}.ai-reader-meta button.button-3d{color:#fff;background:linear-gradient(180deg, var(--btn-top), var(--btn-mid) 54%, var(--btn-bottom))}.mc-read-button.button-3d-gold{color:#102b43}.topic-chips button.button-3d{color:#102b43;padding:9px 15px}.topic-chips button.button-3d.active{color:#fff}.search-box button.button-3d{color:#fff;width:63px;height:46px;padding:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:.55;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(22px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes page-turn-forward{0%{opacity:1;transform:rotateY(0)}48%{opacity:.72;transform:rotateY(-88deg);box-shadow:28px 18px 42px #1a140d47}52%{opacity:.72;transform:rotateY(88deg);box-shadow:-28px 18px 42px #1a140d47}to{opacity:1;transform:rotateY(0)}}@keyframes page-turn-backward{0%{opacity:1;transform:rotateY(0)}48%{opacity:.72;transform:rotateY(88deg);box-shadow:-28px 18px 42px #1a140d47}52%{opacity:.72;transform:rotateY(-88deg);box-shadow:28px 18px 42px #1a140d47}to{opacity:1;transform:rotateY(0)}}@keyframes voice-pulse{0%{height:7px}to{height:22px}}@keyframes reader-breathe{0%,to{transform:scale(1.025)translateY(0)}50%{transform:scale(1.035)translateY(-2px)}}@media (width<=1200px){.brand-subtitle,.brand-divider{display:none}.book-grid{grid-template-columns:repeat(3,1fr)}.topic-book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.book-card{max-width:260px}.update-card{grid-template-columns:82px 1fr auto}.update-visual{height:82px}.feature-strip{grid-template-columns:repeat(2,1fr);gap:20px 0}.feature-strip article:nth-child(2){border-right:0}}@media (width<=900px){.masthead-context{display:none}.menu-button{display:grid}.mobile-nav{border:1px solid var(--line);background:var(--white);min-width:235px;box-shadow:var(--shadow);border-radius:15px;padding:10px;display:grid;position:absolute;top:68px;right:22px}.mobile-nav button{text-align:left;background:0 0;border:0;border-radius:8px;padding:12px}.mobile-nav button:hover{background:#eee3d3}.hero{min-height:650px}.hero-art{inset:310px 0 0 25%}.hero-content{width:100%;padding-right:28px}.hero:before{background:linear-gradient(180deg, var(--paper) 0%, var(--paper) 48%, #fbf7ef80 68%, #fbf7ef00 100%)}.book-grid{grid-template-columns:repeat(3,1fr)}.topic-book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-band,.split-section,.ai-reader-section,.internal-section,.update-grid{grid-template-columns:1fr}.feature-strip{padding-inline:28px}.book-drawer{grid-template-columns:200px 1fr;padding:34px}.child-book-grid{grid-template-columns:1fr}.reader-backdrop{padding:12px}.reader-workspace{grid-template-columns:minmax(0,1fr) 230px}.reader-mc-panel{padding:14px}.mc-portrait{min-height:230px}}@media (width<=620px){.masthead{height:66px;padding:0 18px}.brand{gap:9px}.brand-logo{width:58px;height:44px}.brand-name{font-size:15px}.brand-tagline{display:none}.hero{min-height:620px}.hero-content{padding:32px 20px 20px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;display:block}h1{font-size:42px}.hero-description{margin:16px 0 22px;font-size:16px}.search-box{min-height:54px;padding-left:15px}.search-box button{width:48px;height:42px}.topic-chips{gap:8px}.topic-chips button{padding:8px 12px;font-size:13px}.hero-art{background-size:cover;inset:345px -90px 0 0}.book-section,.content-section,.split-section,.ai-reader-section,.internal-section{padding:44px 20px}.section-heading{flex-direction:column;align-items:flex-start}.book-grid{grid-template-columns:repeat(2,1fr);gap:20px 13px}.topic-book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.topic-book-card{border-radius:14px;gap:11px;padding:7px 7px 13px}.topic-book-copy{padding:0 3px}.topic-book-copy strong{font-size:14px}.topic-book-copy>span{font-size:11px}.book-meta strong{font-size:15px}.book-meta{display:flex!important}.dashboard-band{margin:10px 20px;padding:27px}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{padding:15px}.feature-strip{grid-template-columns:1fr;gap:0;padding:8px 20px}.feature-strip article{border-right:0;border-bottom:1px solid var(--line);padding:16px 0}.feature-strip article:last-child{border-bottom:0}.link-library,.qr-panel{padding:26px}.qr-panel{flex-direction:column;align-items:flex-start}.ai-reader-section{gap:28px}.ai-reader-grid{gap:12px}.ai-reader-card{border-radius:18px}.ai-reader-meta{padding:13px}.ai-reader-meta strong{font-size:18px}.ai-reader-meta button{justify-content:center;width:100%}.internal-section{gap:28px}footer{flex-direction:column;align-items:flex-start}.book-drawer{grid-template-columns:1fr;width:100vw;padding:24px}.drawer-cover{width:185px;margin:15px auto 0;position:relative}.drawer-content h2{font-size:29px}.shelf-drawer{height:100%}.child-book-card{grid-template-columns:92px 1fr;padding:9px}.child-cover{min-height:132px}.child-copy strong{font-size:15px}.reader-backdrop{padding:0}.reader-modal{border-radius:0;width:100vw;height:100dvh;max-height:none}.reader-header{min-height:92px;padding:14px 56px 14px 18px}.reader-header h2{font-size:19px}.reader-actions{position:absolute;bottom:12px;right:16px}.reader-audio-label{padding:5px 7px;font-size:8px}.reader-external{background:0 0;border:0;padding:0;font-size:0;position:absolute;bottom:12px;right:16px}.reader-actions .reader-external{position:static}.reader-external svg{width:21px;height:21px}.reader-workspace{flex-direction:column;height:calc(100dvh - 92px);display:flex;overflow-y:auto}.reader-book-area{border-bottom:1px solid #c9b796;border-right:0;flex:none;height:64dvh;overflow:hidden}.heyzine-frame{height:100%}.demo-book-stage{height:100%;padding:24px 13px}.reader-mc-panel{flex:none;min-height:500px;overflow:visible}.mc-portrait{min-height:310px}.paper-page{width:100%;min-height:470px;padding:54px 32px 55px}.paper-page h3{font-size:28px}.paper-page p{font-size:16px;line-height:1.7}.reader-controls{gap:8px;width:100%}.listen-bar{width:100%}.reader-controls button{padding:10px;font-size:12px}.login-modal{padding:35px 24px 27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media (width<=1100px) and (width>900px){.book-drawer{width:min(960px,96vw);grid-template-columns:minmax(190px,220px) minmax(0,1fr);gap:24px;padding:32px}.drawer-content h2{font-size:31px}.child-book-grid{grid-template-columns:1fr}.child-book-card{grid-template-columns:112px minmax(0,1fr)}}
@media (width<=620px){.book-drawer{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:start}.book-drawer>.drawer-cover{grid-column:1;grid-row:1}.book-drawer>.drawer-content{grid-column:1;grid-row:2}}
/* Shelf navigation is a full-page catalogue; only the book reader remains modal. */
.modal-backdrop:has(.shelf-drawer){background:var(--paper);backdrop-filter:none;justify-items:stretch;overflow-y:auto}
.modal-backdrop:has(.shelf-drawer) .shelf-drawer{width:100%;max-width:none;min-height:100dvh;height:auto;animation:none;box-shadow:none;padding:clamp(28px,5vw,72px) clamp(20px,6vw,96px);align-content:start}
.modal-backdrop:has(.shelf-drawer) .shelf-drawer>.close-button{position:fixed;top:22px;right:24px}
.modal-backdrop:has(.shelf-drawer) .shelf-drawer>.drawer-cover{position:sticky;top:28px}
@media (width<=900px){.modal-backdrop:has(.shelf-drawer) .shelf-drawer{grid-template-columns:180px minmax(0,1fr);gap:22px;padding:28px 24px}.modal-backdrop:has(.shelf-drawer) .child-book-grid{grid-template-columns:1fr}}
@media (width<=620px){.modal-backdrop:has(.shelf-drawer) .shelf-drawer{grid-template-columns:1fr;grid-template-rows:minmax(290px,auto) auto;gap:8px;padding:24px 20px 40px}.modal-backdrop:has(.shelf-drawer) .shelf-drawer>.drawer-cover{grid-column:1;grid-row:1;width:185px;margin:18px auto 0;position:relative}.modal-backdrop:has(.shelf-drawer) .shelf-drawer>.drawer-content{grid-column:1;grid-row:2}.modal-backdrop:has(.shelf-drawer) .drawer-content h2{font-size:30px;margin-right:48px}}
 .modal-backdrop:has(.shelf-drawer){animation:none;opacity:1}
/* Book covers must remain fully visible; the frame can letterbox instead of cropping the artwork. */
.book-cover-wrap img,.topic-book-cover img,.drawer-cover img,.child-cover>img{object-fit:contain;background:#e9ddc8}
.book-card:hover .book-cover-wrap img,.topic-book-card:hover .topic-book-cover img{transform:none}

/* Source book-cover ratio: 57 x 83. Keep the complete artwork visible inside this frame. */
.book-cover-wrap,.topic-book-cover,.drawer-cover,.child-cover{aspect-ratio:2/3}
.child-cover{min-height:0}

/* Every cover uses the same physical 2:3 canvas, so responsive layouts never add side/top letterboxing or crop the artwork. */
.book-cover-wrap img,.topic-book-cover img,.drawer-cover img,.child-cover>img{object-fit:fill;background:transparent}

/* The shelf is a page view; only an individual book opens as a reader popup. */
.modal-backdrop:has(.shelf-drawer){position:fixed;inset:0;z-index:80}
.modal-backdrop:has(.shelf-drawer)>.shelf-drawer>.close-button{display:none}
.shelf-drawer{grid-template-columns:245px minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:start}
.shelf-page-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:8px}
.shelf-back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;background:transparent;color:var(--navy);cursor:pointer;font-weight:700}
.shelf-back-button:hover{text-decoration:underline}
.shelf-page-label{color:var(--gold);letter-spacing:.14em;font-size:12px;font-weight:800}
.shelf-breadcrumb{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-bottom:4px}
.shelf-breadcrumb button{border:0;background:transparent;color:var(--navy);cursor:pointer;padding:0;font:inherit;font-weight:700}
.shelf-breadcrumb strong{color:var(--ink);font-weight:700}
.shelf-drawer>.drawer-cover{grid-column:1;grid-row:3}
.shelf-drawer>.drawer-content{grid-column:2;grid-row:3}
.demo-audio-playing{filter:saturate(1.08) brightness(1.04)}
.mc-voice-message{display:none}
.demo-voice-message{color:#fff;background:#28547a;border-left:3px solid #f3d694;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.45}
@media (width<=620px){.shelf-drawer{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.shelf-page-header{grid-column:1;grid-row:1;align-items:flex-start;flex-direction:column;gap:7px}.shelf-breadcrumb{grid-column:1;grid-row:2;margin:0 0 4px}.shelf-drawer>.drawer-cover{grid-column:1;grid-row:3}.shelf-drawer>.drawer-content{grid-column:1;grid-row:4}.shelf-page-label{font-size:10px}}

/* Keep the page chrome ahead of the cover on every breakpoint. */
.modal-backdrop:has(.shelf-drawer) .shelf-drawer>.drawer-cover{grid-column:1;grid-row:3}
.modal-backdrop:has(.shelf-drawer) .shelf-drawer>.drawer-content{grid-column:2;grid-row:3}
@media (width<=620px){.modal-backdrop:has(.shelf-drawer) .shelf-drawer{display:flex;flex-direction:column;align-items:stretch}.modal-backdrop:has(.shelf-drawer) .shelf-drawer>.drawer-cover{width:185px;height:269.375px;min-height:269.375px;flex:0 0 269.375px;align-self:center;order:3;position:relative;top:auto}.modal-backdrop:has(.shelf-drawer) .shelf-drawer>.drawer-content{width:100%;order:4}}

/* Keep a demo book page fully visible inside one reader viewport. */
@media (width>620px){.reader-modal.demo-reader{height:min(94dvh,900px);max-height:94dvh}.demo-reader .reader-workspace{min-height:0;height:calc(100% - 92px)}.demo-reader .reader-book-area{display:flex;align-items:center;justify-content:center;overflow:hidden}.demo-reader .demo-book-stage{width:100%;height:100%;padding:18px;overflow:hidden;place-items:center}.demo-reader .flipbook-frame{width:min(610px,100%);height:100%;display:grid;align-items:center}.demo-reader .paper-page{width:100%;height:100%;min-height:0;max-height:100%;padding:clamp(28px,5vh,60px) clamp(36px,5vw,70px);overflow:hidden}.demo-reader .paper-page h3{font-size:clamp(25px,2.5vw,34px);margin:22px 0 18px}.demo-reader .paper-page p{font-size:clamp(14px,1.25vw,17px);line-height:1.55}.demo-reader .paper-illustration img{max-height:42%;object-fit:contain}}
@media (width<=620px){.demo-reader .paper-page{min-height:0;height:100%;overflow:hidden}.demo-reader .paper-illustration img{max-height:34%;object-fit:contain}}

/* Reader geometry: the book is a rigid 2:3 page and the navigation owns the bottom row. */
.demo-reader .reader-book-area{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;min-height:0;overflow:hidden}
.demo-reader .demo-book-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;min-width:0;min-height:0;width:100%;height:100%;overflow:hidden}
.demo-reader .flipbook-frame{width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:2/3;min-width:0;min-height:0;display:grid;align-items:stretch}
.demo-reader .paper-page{width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:2/3;max-height:none;overflow:hidden}
.demo-reader .reader-controls{grid-row:2;width:min(610px,100%);min-height:52px;align-self:end;justify-self:center}
@media (width<=620px){.demo-reader .reader-book-area{grid-template-rows:minmax(0,1fr) auto}.demo-reader .demo-book-stage{grid-template-rows:minmax(0,1fr) auto;padding:24px 13px}.demo-reader .flipbook-frame{height:100%;max-height:100%;width:auto}.demo-reader .reader-controls{width:100%;min-height:44px}}

/* Reader pages are physical book sheets: keep the 2:3 portrait ratio and reserve a fixed bottom row for navigation. */
.demo-reader .demo-book-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:stretch;justify-items:center;gap:16px}
.demo-reader .flipbook-frame{width:auto;height:100%;max-width:100%;min-height:0;aspect-ratio:2/3;display:grid;align-items:stretch}
.demo-reader .paper-page{width:100%;height:100%;min-height:0;max-height:none;overflow:hidden}
.demo-reader .reader-controls{width:min(610px,100%);margin:0;align-self:end}
@media (width<=620px){.demo-reader .demo-book-stage{gap:12px;padding:24px 13px 13px}.demo-reader .flipbook-frame{height:100%;width:auto;max-width:100%;aspect-ratio:2/3}.demo-reader .reader-controls{width:100%}}

/* Keep the reading sheet clean: the page itself is the only visible frame. */
.demo-reader .page-stack{display:none}
.demo-reader .paper-page{padding:clamp(24px,4vh,42px) clamp(24px,3vw,40px) 40px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c6ad82 transparent}
.demo-reader .paper-page h3{font-size:clamp(22px,2vw,28px);line-height:1.18;margin:18px 0 14px}
.demo-reader .paper-page p{font-size:clamp(13px,1.05vw,15px);line-height:1.48}
.demo-reader .paper-illustration{margin:0 auto 14px;max-width:100%;box-shadow:0 6px 14px #3427161c}
.demo-reader .paper-illustration img{max-height:clamp(120px,22vh,180px);object-fit:contain}
.demo-reader .paper-illustration figcaption{padding:5px 8px;font-size:10px}
.demo-reader .paper-page .page-number{bottom:18px}
@media (width<=620px){.demo-reader .paper-page{padding:28px 22px 36px}.demo-reader .paper-page h3{font-size:22px;line-height:1.18;margin:14px 0 12px}.demo-reader .paper-page p{font-size:13px;line-height:1.45}.demo-reader .paper-illustration img{max-height:130px}.demo-reader .paper-page .page-number{bottom:14px}}
.demo-audio-element{display:none}