:root{--ink:#173f37;--cream:#f7efe0;--paper:#fffaf0;--gold:#efa43a;--coral:#ef654d;--plum:#34172f;--mint:#d8eee1;--muted:#668078;--line:#dfd4c4;--mono:"DM Mono",monospace;--sans:"DM Sans",sans-serif;--serif:"Playfair Display",serif;--dev:"Noto Serif Devanagari",serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:#e9c976;color:var(--ink);font:14px var(--sans);background-image:radial-gradient(circle at 15% 15%,rgba(239,101,77,.25),transparent 24%),radial-gradient(circle at 86% 78%,rgba(41,100,80,.22),transparent 27%),repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 1px,transparent 1px 14px)}button,a,input{font:inherit}.book-header{height:78px;width:min(1500px,calc(100% - 34px));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-bottom:1px solid rgba(52,23,47,.18)}.book-brand{display:flex;align-items:center;gap:18px}.book-brand>a{color:var(--plum);text-decoration:none;font:500 17px var(--mono);letter-spacing:-.08em}.book-brand>a span{font-size:8px}.book-brand>a i{color:var(--coral);font-style:normal}.book-brand>div{padding-left:18px;border-left:1px solid rgba(52,23,47,.18)}.book-brand h1{margin:0;font:500 21px var(--mono);letter-spacing:-.06em}.book-brand h1 span{color:var(--coral)}.book-brand p{margin:3px 0 0;color:#715943;font:500 8px var(--mono)}.book-search{display:flex;align-items:center;width:clamp(340px,38vw,570px);height:40px;padding:0 13px;border:1px solid rgba(52,23,47,.18);border-radius:24px;background:rgba(255,250,240,.88);box-shadow:0 5px 18px rgba(52,23,47,.08)}.book-search>span{color:#806a58;font:500 23px/1 var(--mono);transform:rotate(-18deg)}.book-search input{flex:1;min-width:0;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.book-search kbd{display:grid;place-items:center;width:21px;height:21px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--muted);font:500 9px var(--mono)}.book-header-actions{justify-self:end;display:flex;align-items:center;gap:14px}.book-header-actions a{color:var(--ink);font-size:9px;font-weight:700;text-decoration:none}.book-header-actions>a:last-child{border-bottom:1px solid}.book-buy{padding:8px 14px;border-radius:18px;background:var(--plum);color:#fff!important}.storybook-app{height:calc(100dvh - 78px);width:min(1500px,calc(100% - 34px));margin:auto;padding:12px 0 17px;display:grid;grid-template-columns:220px 1fr;gap:13px}.story-index{min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(52,23,47,.16);border-radius:18px;background:rgba(255,250,240,.84);box-shadow:0 16px 35px rgba(65,38,27,.12);backdrop-filter:blur(8px)}.index-title{padding:18px 17px 13px;border-bottom:1px solid var(--line)}.index-title>span{color:var(--coral);font:500 7px var(--mono);letter-spacing:.15em}.index-title h2{margin:5px 0 3px;font:600 19px var(--serif)}.index-title p{margin:0;color:var(--muted);font-size:8px}.theme-library{flex:1;min-height:0;overflow-y:auto;padding:7px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.theme-group{border-bottom:1px solid var(--line)}.theme-group summary{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:8px;padding:10px 7px;list-style:none;cursor:pointer}.theme-group summary::-webkit-details-marker{display:none}.theme-group summary>i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f4e6ca;color:var(--coral);font:500 7px var(--mono);font-style:normal}.theme-group summary b{font-size:9px}.theme-group summary small{display:block;margin-top:2px;color:var(--muted);font-size:6.5px}.theme-group summary:after{content:"+";color:var(--gold);font:500 16px var(--mono)}.theme-group[open] summary:after{content:"−"}.theme-group[open] summary{border-radius:9px;background:var(--mint)}.theme-stories{display:grid;padding:3px 4px 8px 34px}.theme-story{position:relative;padding:6px 7px 6px 11px;border:0;border-left:1px solid var(--line);background:transparent;color:#526b65;text-align:left;font-size:7.5px;line-height:1.28;cursor:pointer}.theme-story:before{content:"";position:absolute;left:-3px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--line)}.theme-story:hover,.theme-story.active{color:var(--coral)}.theme-story.active{font-weight:700}.theme-story.active:before{background:var(--coral)}.library-empty{margin:auto;padding:20px;color:var(--muted);font:500 8px var(--mono);text-align:center}.reading-room{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 38%,rgba(255,249,224,.52),transparent 43%),linear-gradient(145deg,rgba(211,80,58,.84),rgba(91,35,65,.94));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.reading-room:before{content:"";position:absolute;inset:17px;border:1px solid rgba(255,244,208,.17);border-radius:17px;pointer-events:none}.room-sparkle{position:absolute;color:rgba(255,221,125,.34);font-size:78px}.room-sparkle.s1{left:3%;top:8%}.room-sparkle.s2{right:4%;bottom:10%;font-size:48px}.open-book{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;width:min(1080px,calc(100% - 82px));height:min(680px,calc(100% - 82px));min-height:410px;perspective:1700px;filter:drop-shadow(0 24px 25px rgba(34,14,28,.34))}.open-book:after{content:"";position:absolute;z-index:6;left:calc(50% - 13px);top:0;bottom:0;width:26px;background:linear-gradient(90deg,rgba(62,35,22,.18),rgba(255,255,255,.28) 45%,rgba(62,35,22,.13));pointer-events:none}.book-page{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--paper)}.art-page{border-radius:8px 0 0 8px;background:linear-gradient(160deg,#f18a27 0%,#df6538 48%,#a43a4a 100%);color:#fff;transform-origin:right center}.reading-page{display:flex;flex-direction:column;border-radius:0 8px 8px 0;background-color:#fffaf0;background-image:linear-gradient(90deg,rgba(75,42,23,.07),transparent 9%),repeating-linear-gradient(0deg,rgba(79,54,35,.025) 0 1px,transparent 1px 7px);transform-origin:left center}.page-label{position:absolute;z-index:3;left:24px;top:20px;font:500 6.5px var(--mono);letter-spacing:.12em}.hero-line-art{position:absolute;inset:4% 4% 31%;display:grid;place-items:center}.hero-line-art svg{width:100%;height:100%;fill:none;stroke:#ffe5a1;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round}.hero-line-art .fine{stroke-width:1.7;opacity:.78}.hero-line-art .fill{fill:#ffd66b;stroke:#fff0bd}.art-copy{position:absolute;z-index:2;left:28px;bottom:25px}.art-copy>span{font:500 7px var(--mono);letter-spacing:.13em}.art-copy h2{margin:7px 0 5px;font:600 clamp(27px,2.6vw,43px)/.92 var(--serif)}.art-copy h2 em{color:#ffd66b}.art-copy p{margin:0;color:#ffe1ac;font:500 9px var(--mono)}.mini-art{position:absolute;right:22px;bottom:26px;width:115px;opacity:.65}.mini-art svg{width:100%;fill:none;stroke:#ffe6a7;stroke-width:2}.video-window{position:absolute;z-index:5;right:21px;top:26px;width:112px}.video-window>div{display:flex;justify-content:space-between;align-items:end;margin-bottom:5px;color:#fff3cf}.video-window span{font:500 5.5px var(--mono);letter-spacing:.08em}.video-window small{font-size:5px}.video-window iframe{display:block;width:100%;aspect-ratio:9/16;border:2px solid rgba(255,250,230,.85);border-radius:54px 54px 8px 8px;background:#1c1018;box-shadow:5px 6px 0 rgba(52,23,47,.38)}.language-toggle{display:flex;align-self:flex-end;margin:17px 19px 2px;padding:3px;border:1px solid var(--line);border-radius:18px;background:#f4ecdf}.language-toggle button{padding:5px 10px;border:0;border-radius:14px;background:transparent;color:var(--muted);font-size:8px;font-weight:700;cursor:pointer}.language-toggle button.active{background:var(--ink);color:#fff}.story-scroll{flex:1;min-height:0;overflow-y:auto;padding:15px clamp(29px,3.5vw,53px) 30px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.story-scroll[hidden]{display:none}.story-scroll h2{margin:0 0 17px;font:600 clamp(28px,2.8vw,43px)/1 var(--serif)}.story-scroll h2 em{color:var(--coral)}.story-lead{margin:0 0 18px;padding-bottom:17px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.58}.story-scroll section{display:grid;grid-template-columns:95px 1fr;gap:14px;margin:16px 0}.story-scroll h3{margin:0;color:var(--coral);font:600 8px var(--mono);text-transform:uppercase;letter-spacing:.05em}.story-scroll section p{margin:0;color:#3f5f58;font-size:10.5px;line-height:1.55}.story-scroll[lang="hi"]{font-family:var(--dev)}.story-scroll[lang="hi"] h2{font-family:var(--dev);font-size:clamp(31px,3vw,46px)}.story-scroll[lang="hi"] .story-lead{font-size:14px}.story-scroll[lang="hi"] h3{font-family:var(--dev);font-size:10px}.story-scroll[lang="hi"] section p,.story-scroll[lang="hi"] .story-note p{font-size:12px}.story-note{margin-top:18px;padding:12px 14px;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;background:#f6ead2}.story-note b{color:var(--plum);font:600 8px var(--mono);text-transform:uppercase}.story-note p{margin:4px 0 0;color:#51665f;font-size:9.5px;line-height:1.48}.page-number{position:absolute;right:18px;bottom:12px;color:rgba(52,23,47,.45);font:500 7px var(--mono)}.art-page .page-number{left:18px;right:auto;color:rgba(255,255,255,.6)}.page-flourish{position:absolute;right:20px;bottom:12px;color:rgba(239,101,77,.24);font-size:38px}.book-controls{position:relative;z-index:3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1080px,calc(100% - 82px));margin-top:12px}.book-controls>button{border:0;background:transparent;color:#fff6dc;font-size:10px;font-weight:700;cursor:pointer}.book-controls>button:first-child{justify-self:start}.book-controls>button:last-child{justify-self:end}.book-controls>button span{border-bottom:1px solid rgba(255,255,255,.5)}.book-controls>div{display:flex;align-items:center;gap:9px;color:#f8dfab;font:500 7px var(--mono)}.book-controls i{width:3px;height:3px;border-radius:50%;background:#f8dfab}.book-controls #sound-toggle{padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.open-book.turn-next .art-page{animation:turn-left .58s cubic-bezier(.64,.02,.36,1)}.open-book.turn-previous .reading-page{animation:turn-right .58s cubic-bezier(.64,.02,.36,1)}@keyframes turn-left{0%{transform:rotateY(0);filter:brightness(1)}45%{transform:rotateY(-13deg);filter:brightness(.82)}100%{transform:rotateY(0);filter:brightness(1)}}@keyframes turn-right{0%{transform:rotateY(0);filter:brightness(1)}45%{transform:rotateY(13deg);filter:brightness(.82)}100%{transform:rotateY(0);filter:brightness(1)}}
@media(max-width:950px){.book-brand>div{display:none}.book-search{width:min(43vw,470px)}.storybook-app{grid-template-columns:190px 1fr}.open-book,.book-controls{width:calc(100% - 34px)}.open-book{height:calc(100% - 72px)}.mini-art{display:none}}
@media(max-width:720px){html,body{overflow:auto}.book-header{height:106px;width:calc(100% - 20px);align-content:start;padding-top:13px}.book-search{position:absolute;top:57px;left:10px;width:calc(100% - 20px);height:38px}.book-header-actions{gap:8px}.book-header-actions a{font-size:7px}.book-buy{padding:6px 9px}.storybook-app{height:auto;min-height:calc(100dvh - 106px);width:100%;padding:8px 10px;display:block}.story-index{height:220px;margin-bottom:9px}.open-book{display:flex;width:100%;height:680px;overflow-x:auto;scroll-snap-type:x mandatory}.book-page{flex:0 0 88vw;scroll-snap-align:center}.open-book:after{display:none}.book-controls{width:100%;margin:9px 0 5px}.video-window{width:100px}.story-scroll section{grid-template-columns:1fr;gap:5px}}
@media(max-height:680px) and (min-width:721px){.book-header{height:64px}.storybook-app{height:calc(100dvh - 64px);padding-block:7px}.index-title{padding-block:11px}.open-book{height:calc(100% - 54px)}.book-controls{margin-top:7px}.story-scroll{padding-top:9px}.story-scroll h2{font-size:28px;margin-bottom:10px}.story-lead{font-size:10px;margin-bottom:10px;padding-bottom:9px}.story-scroll section{margin:9px 0}.story-note{margin-top:9px}.video-window{width:87px}}
@media(prefers-reduced-motion:reduce){.open-book.turn-next .art-page,.open-book.turn-previous .reading-page{animation:none}}
.book-brand .retro-culture{display:inline-block;margin-right:4px;color:#8d3b2c;font:700 25px/.85 var(--dev);letter-spacing:.015em;text-shadow:1px 1px 0 #f3b34e,2px 2px 0 rgba(52,23,47,.22);transform:rotate(-1deg);transform-origin:center;font-variant-ligatures:common-ligatures}
.reading-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:17px 19px 2px}.reading-tools .language-toggle{margin:0}.page-sound{height:27px;padding:0 10px;border:1px solid var(--line);border-radius:18px;background:#f4ecdf;color:var(--muted);font-size:8px;font-weight:700;cursor:pointer}.page-sound:hover{border-color:var(--gold);color:var(--ink)}.book-controls{position:absolute;z-index:11;top:50%;left:50%;width:min(1160px,calc(100% - 42px));margin:0;transform:translate(-50%,-50%);display:flex;justify-content:space-between;pointer-events:none}.book-controls>button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:rgba(52,23,47,.82);box-shadow:0 8px 22px rgba(34,14,28,.28);color:#fff6dc;font:500 25px/1 var(--mono);cursor:pointer;pointer-events:auto;backdrop-filter:blur(7px);transition:transform .2s ease,background .2s ease}.book-controls>button:hover{background:var(--coral);transform:scale(1.08)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reading-room>.reading-tools{position:relative;z-index:9;align-self:flex-end;margin:0 max(24px,calc((100% - min(1240px,100% - 34px))/2)) 9px 0;padding:4px;border:1px solid rgba(255,255,255,.25);border-radius:22px;background:rgba(255,250,240,.9);box-shadow:0 7px 20px rgba(52,23,47,.18);backdrop-filter:blur(8px)}.open-book{width:min(1240px,calc(100% - 34px));height:min(750px,calc(100% - 62px));min-height:430px}.book-controls{width:min(1315px,calc(100% - 10px))}.book-controls>button{width:66px;height:66px;border-color:rgba(255,255,255,.72);background:rgba(255,250,240,.16);box-shadow:0 9px 24px rgba(34,14,28,.24);font-size:34px;text-shadow:0 2px 8px rgba(34,14,28,.6)}.book-controls>button:hover{background:rgba(239,101,77,.55)}.story-image-frame{position:absolute;inset:48px 24px 95px;overflow:hidden;border:1px solid rgba(255,245,211,.64);border-radius:120px 120px 14px 14px;background:linear-gradient(150deg,rgba(255,224,151,.22),rgba(52,23,47,.2));box-shadow:inset 0 0 0 7px rgba(255,250,230,.08)}.story-image-frame img{width:100%;height:100%;object-fit:cover}.story-image-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,245,211,.8);text-align:center}.story-image-placeholder span{font-size:48px;line-height:1}.story-image-placeholder b{margin-top:10px;font:500 8px var(--mono);letter-spacing:.16em}.story-image-placeholder small{margin-top:5px;font:500 7px var(--mono);opacity:.7}
.art-page .page-label,.art-page .art-copy,.art-page>.page-number,.story-image-placeholder b,.story-image-placeholder small{display:none}.story-scroll{padding-top:32px}.reading-room>.reading-tools{margin-bottom:7px;padding:2px;gap:2px;border-color:rgba(255,255,255,.14);background:rgba(255,250,240,.72);box-shadow:none}.reading-room>.reading-tools .page-sound{height:22px;padding:0 7px;border-color:transparent;background:transparent;font-size:7px}.reading-room>.reading-tools .language-toggle{padding:2px;border-color:transparent;background:transparent}.reading-room>.reading-tools .language-toggle button{padding:3px 7px;font-size:7px}.book-controls{width:calc(100% - 28px)}.book-controls>button{width:104px;height:164px;border:1px solid rgba(255,255,255,.22);border-radius:56px;background:rgba(255,255,255,.055);box-shadow:0 8px 30px rgba(34,14,28,.12);color:rgba(255,255,255,.55);font:300 108px/1 var(--sans);text-shadow:none;backdrop-filter:blur(7px)}.book-controls>button:hover,.book-controls>button:focus-visible{border-color:rgba(255,255,255,.62);background:rgba(255,255,255,.17);color:#fff;outline:0;transform:scale(1.04)}
@media(max-width:720px){.book-controls{width:calc(100% - 14px)}.book-controls>button{width:76px;height:124px;border-radius:40px;font-size:80px}.reading-room>.reading-tools{margin-right:8px}}
.book-controls>button{border-color:rgba(255,255,255,.2);background:transparent;box-shadow:none;color:rgba(255,255,255,.46);backdrop-filter:none}.book-controls>button:hover,.book-controls>button:focus-visible{border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.07);color:rgba(255,255,255,.92)}
.open-book{filter:drop-shadow(0 25px 26px rgba(34,14,28,.34)) drop-shadow(0 5px 0 rgba(103,58,35,.28))}.open-book:before{content:"";position:absolute;z-index:-1;left:7px;right:7px;bottom:-7px;height:16px;border-radius:0 0 13px 13px;background:repeating-linear-gradient(0deg,#e8d3ae 0 1px,#f7ead2 1px 3px);box-shadow:0 8px 15px rgba(52,23,47,.18)}.open-book:after{width:34px;left:calc(50% - 17px);background:linear-gradient(90deg,rgba(65,36,22,.27),rgba(116,75,47,.09) 26%,rgba(255,252,237,.38) 49%,rgba(89,53,32,.16) 72%,rgba(49,27,20,.28));box-shadow:inset 7px 0 12px rgba(70,38,25,.08),inset -7px 0 12px rgba(70,38,25,.09)}.book-page{box-shadow:inset 0 0 26px rgba(94,57,30,.11)}.reading-page{background-color:#fff7e7;background-image:linear-gradient(90deg,rgba(75,42,23,.11),transparent 10%,transparent 92%,rgba(112,73,39,.055)),radial-gradient(circle at 24% 18%,rgba(151,101,54,.035) 0 1px,transparent 1.3px),radial-gradient(circle at 76% 67%,rgba(151,101,54,.028) 0 1px,transparent 1.2px),repeating-linear-gradient(0deg,rgba(79,54,35,.026) 0 1px,transparent 1px 7px);background-size:auto,17px 19px,23px 21px,auto}.art-page{box-shadow:inset -18px 0 25px rgba(67,30,25,.18),inset 0 0 28px rgba(83,31,27,.12)}
.book-controls{top:auto;bottom:24px;width:min(1200px,calc(100% - 74px));transform:translateX(-50%)}.book-controls>button{width:38px;height:38px;border-radius:50%;border-color:rgba(255,255,255,.3);background:rgba(52,23,47,.08);color:rgba(255,255,255,.7);font:400 30px/1 var(--sans)}.book-controls>button:hover,.book-controls>button:focus-visible{background:rgba(52,23,47,.18);transform:scale(1.06)}@media(max-width:720px){.book-controls{bottom:20px;width:calc(100% - 34px)}.book-controls>button{width:34px;height:34px;font-size:26px}}
.book-controls>button{background:rgba(52,23,47,.58);border-color:rgba(255,255,255,.38);color:rgba(255,255,255,.9)}.book-controls>button:hover,.book-controls>button:focus-visible{background:rgba(52,23,47,.78)}.story-scroll{padding-top:36px}.story-scroll h2,.story-scroll[lang="hi"] h2{margin-bottom:24px;line-height:1.08}.story-lead,.story-scroll[lang="hi"] .story-lead{margin-bottom:25px;padding-bottom:23px;font-size:13px;line-height:1.72}.story-scroll section{grid-template-columns:105px 1fr;gap:20px;margin:23px 0}.story-scroll section p,.story-scroll[lang="hi"] section p{font-size:11.5px;line-height:1.72}.story-scroll[lang="hi"] h2{font-size:clamp(28px,2.8vw,43px)}.story-scroll[lang="hi"] h3{font-size:9px}.story-note{margin-top:25px;padding:16px 18px}.story-note p,.story-scroll[lang="hi"] .story-note p{font-size:10.5px;line-height:1.65}
.story-lead,.story-scroll[lang="hi"] .story-lead{font-size:15px}.story-scroll section p,.story-scroll[lang="hi"] section p{font-size:13px}.story-scroll h3,.story-scroll[lang="hi"] h3{font-size:10px}.story-note p,.story-scroll[lang="hi"] .story-note p{font-size:12px}
.story-image-frame.has-image{inset:0;border:0;border-radius:8px 0 0 8px;background:#f7efe2;box-shadow:none}.story-image-frame.has-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.story-image-frame.has-image .story-image-placeholder{display:none}
.book-header{grid-template-columns:auto minmax(300px,1fr) auto auto}.book-header>.reading-tools{margin:0;gap:2px;justify-self:end}.book-header>.reading-tools .page-sound{height:22px;padding:0 7px;border-color:transparent;background:transparent;font-size:7px}.book-header>.reading-tools .language-toggle{margin:0;padding:2px;border-color:rgba(52,23,47,.1);background:rgba(255,250,240,.55)}.book-header>.reading-tools .language-toggle button{padding:3px 7px;font-size:7px}.open-book{height:min(780px,calc(100% - 28px))}
@media(max-width:950px){.book-header{grid-template-columns:auto 1fr auto}.book-header>.reading-tools{grid-column:2;grid-row:1;justify-self:end;margin-right:4px}.book-header-actions{grid-column:3}.book-search{grid-column:2;grid-row:1}}
.reading-page{background-color:#fffdf7;background-image:linear-gradient(90deg,rgba(64,38,23,.1),transparent 9%,transparent 94%,rgba(82,55,34,.025)),linear-gradient(rgba(255,253,247,.7),rgba(255,253,247,.7)),url("assets/culture/paper-background.png");background-position:center,center,center;background-size:auto,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat}
.art-page{box-shadow:-2px 0 0 #f8ead0,-4px 0 0 #dfc9a3,-7px 1px 0 rgba(247,231,201,.86),inset -18px 0 25px rgba(67,30,25,.18),inset 0 0 28px rgba(83,31,27,.12)}.reading-page{box-shadow:2px 0 0 #f8ead0,4px 0 0 #dfc9a3,7px 1px 0 rgba(247,231,201,.86),inset 0 0 26px rgba(94,57,30,.11)}.art-page:after,.reading-page:after{content:"";position:absolute;z-index:8;top:5px;bottom:5px;width:7px;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(116,78,43,.2) 0 1px,rgba(255,246,225,.72) 1px 2px)}.art-page:after{left:0;box-shadow:2px 0 7px rgba(61,37,24,.12)}.reading-page:after{right:0;transform:scaleX(-1);box-shadow:2px 0 7px rgba(61,37,24,.12)}
/* Keep theme names prominent in the story outline. */
.theme-group summary b{font-size:13px;line-height:1.2}
.theme-group summary small{margin-top:3px;font-size:7px}
/* Make individual story titles easier to scan. */
.theme-story{font-size:13px;line-height:1.45}
/* A slightly larger, casually angled story-video card. */
.video-window{width:123px;transform:rotate(-3deg);transform-origin:top right}
.culture-copyright{position:absolute;z-index:20;left:50%;bottom:6px;margin:0;padding:4px 10px;border:1px solid rgba(52,23,47,.14);border-radius:12px;background:rgba(255,250,240,.92);box-shadow:0 3px 10px rgba(52,23,47,.14);color:rgba(52,23,47,.82);font:500 7.5px var(--mono);letter-spacing:.025em;white-space:nowrap;transform:translateX(-50%)}
@media(max-width:720px){.video-window{width:110px}.culture-copyright{bottom:4px;max-width:calc(100% - 24px);font-size:6.5px;white-space:normal;text-align:center}}
@media(max-height:680px) and (min-width:721px){.video-window{width:96px}}

/* September layout refinement: controls belong to the book, not the masthead. */
.book-header{grid-template-columns:auto minmax(300px,1fr) auto}
.book-brand .retro-culture{margin-right:0}
.reading-page>.book-language-tools{position:absolute;z-index:14;top:12px;right:20px;margin:0;padding:2px;border:1px solid rgba(52,23,47,.12);border-radius:18px;background:rgba(255,250,240,.76);box-shadow:0 3px 10px rgba(52,23,47,.08);backdrop-filter:blur(5px)}
.reading-page>.book-language-tools .language-toggle{margin:0;padding:2px;border-color:transparent;background:transparent}
.reading-page>.book-language-tools .language-toggle button{padding:3px 7px;font-size:7px}
.story-scroll{padding-top:58px}
.video-window{top:8px;right:28px;width:154px;transform:rotate(-5deg);transform-origin:top right}
.page-flourish{left:24px;right:auto;bottom:17px;font-size:27px}
.page-flourish span{display:inline-block;margin-left:8px;font:500 13px var(--serif);letter-spacing:.16em}
@media(max-width:950px){.video-window{right:22px;width:138px}}
@media(max-width:720px){.video-window{right:16px;width:126px}.reading-page>.book-language-tools{top:9px;right:15px}}
@media(max-height:680px) and (min-width:721px){.video-window{top:6px;right:20px;width:112px}.story-scroll{padding-top:46px}}

/* The story video belongs to the reading page, beside the written content. */
.reading-page>.video-window{top:76px;right:24px}
.reading-page>.video-window>div{color:var(--ink)}
.reading-page>.video-window iframe{border-color:rgba(52,23,47,.22);box-shadow:5px 6px 0 rgba(52,23,47,.18)}
.reading-page>.story-scroll{padding-right:205px}
@media(max-width:950px){.reading-page>.story-scroll{padding-right:180px}}
@media(max-width:720px){.reading-page>.video-window{top:48px;right:16px}.reading-page>.story-scroll{padding-right:164px}}
@media(max-height:680px) and (min-width:721px){.reading-page>.video-window{top:42px;right:20px}.reading-page>.story-scroll{padding-right:150px}}

/* Let every story introduction wrap beside the right-leaning video. */
.reading-page>.video-window{transform:rotate(5deg);transform-origin:top right}
.reading-page>.story-scroll{padding-right:clamp(29px,3.5vw,53px)}
.story-intro{min-height:316px;padding-right:178px}
.story-intro h2{margin-top:0}
.story-intro .story-lead{margin-bottom:0}
@media(max-width:950px){.reading-page>.video-window{top:70px}.reading-page>.story-scroll{padding-right:clamp(29px,3.5vw,53px)}.story-intro{min-height:286px;padding-right:158px}}
@media(max-width:720px){.reading-page>.video-window{top:64px}.reading-page>.story-scroll{padding-right:29px}.story-intro{min-height:264px;padding-right:145px}}
@media(max-height:680px) and (min-width:721px){.reading-page>.video-window{top:58px}.reading-page>.story-scroll{padding-right:29px}.story-intro{min-height:238px;padding-right:130px}}

/* Keep the video inside the story abstract so both scroll as one unit. */
.story-intro{display:flow-root;min-height:0;padding-right:0}
.story-intro>.video-window{position:relative;z-index:1;float:right;top:auto;right:auto;width:154px;margin:12px 2px 22px 25px;transform:rotate(5deg);transform-origin:top right}
.story-intro>.video-window iframe{border-color:rgba(52,23,47,.22);box-shadow:5px 6px 0 rgba(52,23,47,.18)}
@media(max-width:950px){.story-intro>.video-window{width:138px;margin-left:21px}}
@media(max-width:720px){.story-intro>.video-window{width:126px;margin:10px 0 18px 18px}}
@media(max-height:680px) and (min-width:721px){.story-intro>.video-window{width:112px;margin:9px 0 16px 18px}}