/* Illustrated library treatment for the complete existing presentation demo. */
:root{--night:#17140f;--night2:#201a13;--indigo:#282018;--violet:#4b3b29;--plum:#645033;--lilac:#c2ae87;--moss:#6f7e50;--moss-hi:#b6c493;--amber:#d7ac62;--candle:#e1c68f;--rune:#9fb397;--parch:#ecdfc2;--parch2:#dfc99e;--ink:#2b2118;--ink-soft:#67523a;--wax:#9e4235;--text:#eee2ca;--muted:#bfad90;--wood:#332619;--wood2:#211a12;--serif:'Alegreya',Georgia,serif;--book:'Alegreya',Georgia,serif;--caps:'Almendra',Georgia,serif;--deco:'Grenze Gotisch',Georgia,serif;--hand:'Alegreya',Georgia,serif}
html{font-size:16px;scroll-behavior:smooth}html,body{height:auto;min-height:100%}body.library-ui{overflow-x:hidden;overflow-y:auto;background:#17140f;font-family:var(--serif);font-size:18px;line-height:1.45}body.library-ui::before{content:'';position:fixed;inset:0;z-index:-1;background:url('assets/bg_library.webp') center/cover no-repeat;filter:brightness(.3);pointer-events:none}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d6b878;outline-offset:4px}button:disabled{cursor:not-allowed}a{color:inherit}img{max-width:100%}#motes,#runesBg,.ivy,.candle,.desk-candle,.beam-light{display:none!important}.skip-link{position:fixed;left:24px;top:-100px;z-index:200;background:#e5d4ae;color:#271e15;padding:12px 20px}.skip-link:focus{top:12px}
#app{height:100svh;min-height:830px;grid-template-rows:60px 112px 190px minmax(320px,1fr) 64px;gap:12px;padding:14px 30px;max-width:2200px;margin:0 auto}#top{gap:24px}.brand{gap:12px}.brand-emblem{height:49px;width:45px;object-fit:contain;flex:none}.brand h1{font-size:32px;line-height:1;font-weight:800;letter-spacing:0;color:#eddbb6;text-shadow:0 3px 3px #17120d}.tagline{font-size:16px;line-height:1.2;color:#c6b28e;font-style:normal;margin-top:5px;text-shadow:none}.top-controls{gap:9px}.btn{font-size:16px;letter-spacing:0;border-radius:3px;padding:10px 15px;min-height:42px;background:#32281c;border:1px solid #77603d;color:#e8d9bd;box-shadow:none;text-transform:none;transition:background .2s,transform .2s}.btn:hover{background:#473823;border-color:#c9a563;box-shadow:none}.btn-gold{background:#d5ba84;color:#2a2115;border-color:#dfc798;font-weight:700}.btn-gold:hover{background:#e7ce9e;box-shadow:none}.btn-icon{min-width:42px;padding:10px}.btn svg{width:15px;height:15px}.pill{border:0;background:none;border-radius:0;padding:5px 10px;font:14px var(--serif);letter-spacing:0;color:#c4b18f;max-width:240px;line-height:1.2}.pill.busy{color:#ceb78c;border:0}.pill.live{color:#bfd2a6;border:0}.pill i{width:10px;height:10px;flex:none}.pill.busy i{animation:none;box-shadow:none}.pill.live i{box-shadow:none}kbd{font-size:12px;border-color:#75603f;background:#2a2319;color:#d7c8aa;border-radius:2px;padding:3px 6px}.keys{gap:3px}
#banner{grid-template-columns:50px minmax(0,1fr) 370px;gap:16px;padding:13px 20px;border:1px solid #665036;border-radius:4px;background:#241d15;box-shadow:none;min-height:0}.banner-sigil{border:0;background:none;border-radius:0;box-shadow:none;width:46px;height:48px}.sigil-art{width:100%;height:100%;object-fit:contain;display:block}.banner-kind{font-size:13px;line-height:1.1;letter-spacing:.04em;color:#cfb67f;gap:20px}#bannerDate{font-size:12px;color:#b4a080;letter-spacing:0}.question,.question.mid{font-size:27px;line-height:1.13;color:#f1e5ce;margin:7px 0 0;text-shadow:none;font-weight:500}.question.long{font-size:23px}.question .qmark{color:#ecce92}.caption{font-size:15px;line-height:1.2;margin-top:6px;color:#bca887;font-style:normal;opacity:1}.steps{gap:12px}.steps li{width:80px;align-items:flex-start;gap:4px;color:#a18c69}.steps b{border:0;border-radius:0;width:auto;height:auto;font:15px var(--caps);box-shadow:none!important;background:none!important}.steps span{font-size:12px;letter-spacing:0;text-transform:none;white-space:normal;line-height:1.15}.steps li+li::before{display:none}.steps li.on{color:#f1cd84}.steps li.done{color:#c5d0a1}.steps li.on span{text-decoration:underline;text-underline-offset:5px}
#archive{height:190px;border:1px solid #675033;border-radius:4px;background:#18130e;box-shadow:inset 0 0 25px #0e0b08}.beam{height:35px;margin:0;padding:0 18px;justify-content:flex-start;border-radius:0;background:#342719;border-bottom:1px solid #715434;box-shadow:none}.beam-title{font-size:14px;letter-spacing:.02em;text-transform:none;gap:12px;white-space:nowrap;text-shadow:none}.beam-sep{font-size:10px}#archiveCount{font-size:14px;letter-spacing:0;color:#cfba98}.beam-runes{inset:0 16px;justify-content:flex-end}.legend{gap:13px;font:12px var(--serif);color:#cab695}.legend i{width:7px;height:13px;border-radius:1px}.legend .lg-c{background:#c5b37d;box-shadow:none}.legend .lg-t{border:1px solid #f1d397;background:transparent}.legend .lg-s{width:10px;height:12px;border-radius:0;background:url('assets/icon_citation.webp') center/contain no-repeat}.shelves{left:12px;right:12px;top:42px;bottom:7px;gap:3px}.shelf{padding:0 2px 5px;gap:2px;border:0}.shelf::after{bottom:0;height:5px;border-radius:0;background:#68492c;box-shadow:0 2px 3px #080604}.book{min-width:5px;border-radius:0;background:url('assets/ui_spine_1.webp') center/100% 100% no-repeat;box-shadow:none;filter:brightness(.8);transition:transform .25s,filter .25s,opacity .25s}.book:nth-child(6n+2){background-image:url('assets/ui_spine_2.webp')}.book:nth-child(6n+3){background-image:url('assets/ui_spine_3.webp')}.book:nth-child(6n+4){background-image:url('assets/ui_spine_4.webp')}.book:nth-child(6n+5){background-image:url('assets/ui_spine_5.webp')}.book:nth-child(6n){background-image:url('assets/ui_spine_6.webp')}.book::before,.book::after{display:none}.book:hover{filter:brightness(1.3)}.book.candidate{box-shadow:0 0 0 1px #ad9767;filter:brightness(1.2)}.book.chosen{filter:brightness(1.6);box-shadow:0 0 0 2px #ebca89}.book.taken{opacity:.25;background-color:transparent;filter:brightness(.9)}.book.sealed{opacity:1;filter:brightness(1.25);box-shadow:0 0 0 1px #d9b675;background-color:transparent}.book .bseal{width:12px;height:24px;left:50%;top:34%;margin-left:-6px;border-radius:0;background:url('assets/icon_citation.webp') center/contain no-repeat;box-shadow:none;animation:none}.month{font-size:12px;letter-spacing:0;padding:2px 4px;margin:0 3px 4px;background:#cdb57f;color:#302217;border-radius:1px;box-shadow:none}.month small{font-size:9px}.librarian{width:67px;height:105px}.librarian img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px #100b07)}.librarian.sweep{transition-duration:1.5s}.librarian.searching img{filter:drop-shadow(0 0 6px #bd9c57)}
#stage{grid-template-columns:minmax(0,1fr) minmax(240px,21%) minmax(255px,22%);gap:14px}.desk{border:1px solid #6a5031;border-radius:4px;background:#2c2116;padding:12px 12px 14px;box-shadow:none}.desk-label,.margin-head,.oracle-head{font:700 18px var(--caps);text-transform:none;letter-spacing:0;margin:0 0 10px;gap:10px;align-items:baseline;flex-wrap:wrap;line-height:1.15}.desk-label{color:#e8d5ad}.desk-label small{font:13px var(--serif);color:#bfab86}.desk-body{gap:10px}.pages{gap:10px}.desk-empty{font-size:19px;color:#c3ad85}.desk-empty svg{display:none}.desk-empty::before{content:'';width:70px;height:80px;background:url('assets/icon_citation.webp') center/contain no-repeat;opacity:.65}.page{background:#ecdfc2;border:0;border-radius:2px;box-shadow:none;transform:none;max-width:none}.page.dim{filter:none;background:#e1d2b2}.page-head{padding:10px 10px 8px;gap:7px;font:12px var(--caps);color:#6e573a;border-bottom:1px solid #c9b78c;flex-wrap:wrap;min-height:40px}.page-head .elabel{font-size:13px;background:#725734;padding:2px 5px;color:#fff0cf;border-radius:2px}.page-head .pdate{font-size:14px}.page-head .ptime{font-size:11px}.page-head .pnum{font-size:11px}.page-body{font:18px/1.43 var(--book);padding:10px 12px 20px;color:#32251b;mask-image:none;-webkit-mask-image:none;scrollbar-width:thin;scrollbar-color:#b59c70 transparent}.ln{margin-bottom:12px}.ln .who{font:700 11px var(--caps);padding:1px 3px;letter-spacing:.02em;border-radius:0;vertical-align:2px}.ln.user .who{background:#d0d4ae;color:#384325}.ln.assistant .who{background:#d4c7af;color:#654a2a}.ln.assistant{color:#4b392a}.hl-note{background:none;text-decoration:underline;text-decoration-color:#829059;text-decoration-thickness:2px;text-underline-offset:2px}.hl-key{background:#d9d1ae}.hl-ans{background:#edcd88;box-shadow:none;border-radius:0;padding:0}.hl-ans mark,.hl-note mark{color:#633522}.hl-cand{background:#dfc9a2}.page.opening{animation:paperAppear .4s ease-out both}@keyframes paperAppear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.seal-art{position:absolute;right:9px;bottom:-8px;width:28px;height:50px;pointer-events:none;filter:drop-shadow(0 2px 2px #5f4125)}.seal-art img{height:100%;width:100%;object-fit:contain}.seal-art>span{position:absolute;inset:15px 0 auto;text-align:center;color:#f6e5c4;font:9px var(--caps)}.pile.has{width:70px}.pile-title{font-size:11px;letter-spacing:0}.ptab{font-size:12px;line-height:1.25;background:#d6c49d;border:0;border-left:3px solid #896334;border-radius:1px;box-shadow:none;padding:8px}.ptab b{font-size:14px}.ptab.cited{box-shadow:0 0 0 1px #d8b06d}.ptab.cited::after{display:none}.flyer{border-radius:0;background:url('assets/ui_spine_4.webp') center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 2px 3px #18110a)}.flyer::before,.flyer::after,.spark{display:none}
.margin{background:#dfcda7;color:#2c2117;transform:none;border:0;border-radius:3px;box-shadow:none;padding:14px 16px}.margin::before{display:none}.margin .margin-head{color:#523e23}.margin .margin-head small{font:13px var(--serif);color:#7e6746}.computed{padding:9px 10px;margin-bottom:12px;border:1px solid #b29b6b;border-radius:2px;font:20px var(--body);background:#eee2c8;color:#784433}.computed small{font:12px var(--caps);letter-spacing:.02em;color:#6f5738}.computed .cval{font:26px var(--serif)}.cverdict{font-size:16px;line-height:1.4}.cverdict b.rej{font-size:13px}.computed.agreed .cverdict{font-size:13px;letter-spacing:0}.notes,.notes.small,.notes.tiny{font:18px/1.42 var(--book);color:#423321;padding-right:5px}.notes p{margin:0 0 13px}.notes p.bullet{padding-left:0;text-indent:0}.notes p.bullet::before{content:''}.notes .q{color:#57412b}.notes .em{color:#78432e;text-decoration:underline;text-decoration-color:#ab8753}.note-empty{font:17px/1.5 var(--book);color:#7d6545}
.oracle{background:#211a13;border:1px solid #6a5031;border-radius:4px;padding:13px 15px 14px;box-shadow:none;overflow:hidden}.oracle-head{color:#dec99e;align-items:baseline;justify-content:space-between}.oracle-head small{font:12px var(--serif);color:#b9a17a}.orb-wrap{position:relative;width:140px!important;height:154px;margin:0 auto 8px;transition:height .3s}.reactor-art{height:154px;width:100%;object-fit:contain;display:block;transition:height .3s}.reactor-diode{position:absolute;right:43%;top:31%;width:10px;height:10px;object-fit:contain;animation:indicatorBlink 8s steps(1) infinite}.orb-wrap>.orb-ring,.orb-wrap>.stand,.orb-wrap>.orb{position:absolute;visibility:hidden;pointer-events:none;z-index:-1;width:1px;height:1px;overflow:hidden}.oracle.compact .orb-wrap{height:112px}.oracle.compact .reactor-art{height:112px}.oracle[data-state=thinking] .reactor-art{filter:brightness(1.15)}.oracle[data-state=abstained] .reactor-art{filter:saturate(.25)}@keyframes indicatorBlink{0%,84%,90%,100%{opacity:1}85%,94%{opacity:.1}}.verdict{gap:10px;margin-top:0;overflow-y:auto;scrollbar-width:thin;padding-bottom:4px}.verdict-label{font-size:12px;letter-spacing:.04em;color:#c0a67c}.answer{font:500 36px/1.1 var(--serif);text-shadow:none;color:#f0dfb8}.answer.long{font-size:27px}.answer.none{font-size:28px;text-shadow:none;color:#dcc9a3}.answer .sub{font-size:16px;line-height:1.35;color:#c1ac88;font-style:normal;margin-top:10px}.answer .tally{font-size:18px;line-height:1.3}.tally small{font-size:11px;letter-spacing:.04em}.tally .tt i{font-size:12px;background:#d4b16b;border-radius:1px}.tally b{font-size:23px}.cites{font-size:13px;letter-spacing:0;gap:8px;color:#bda683}.cites .c i{width:10px;height:16px;background:url('assets/icon_citation.webp') center/contain no-repeat;border-radius:0}.gold{font-size:16px;line-height:1.3;border-radius:2px;box-shadow:none;padding:8px}.gold b{font-size:12px;letter-spacing:0}.gold .gt{font-size:15px}.gold.ok{background:#2c3821;border-color:#738054;color:#cbd9ae;box-shadow:none}.gold.bad{background:#47271d;color:#e5b7a0;border-color:#935d44}.gold.unsure{background:#3a2f1e;color:#d7c29a;border-color:#8d7546}.oracle-actions p{font-size:14px;line-height:1.35;color:#b8a17c;font-style:normal}.reply-link{font-size:12px;letter-spacing:0;color:#c6ae81}.oracle-actions{gap:8px}.oracle-actions .btn{font-size:15px}.oracle-actions .timer{font-size:15px}
#ribbon{background:#2d2218;border:1px solid #695033;border-radius:3px;box-shadow:none;padding:8px 13px;gap:15px;grid-template-columns:minmax(0,1fr) auto auto}.read{gap:4px 10px}.read-big{font:500 19px/1.15 var(--serif);color:#ead9b5}.read-big em{color:#e3c388}.read-small{font-size:14px;font-weight:400;color:#bda580}.read-bar{height:6px;border-color:#7b613b;border-radius:0;background:#16100c;width:90px}.read-bar i{background:#ceb16f;box-shadow:none}.tdot{font-size:12px;letter-spacing:0;gap:5px;padding:7px 8px;border-radius:2px;border:1px solid #705939;background:#211a12;color:#c7b28c}.tdot img{width:20px;height:22px;object-fit:contain}.tdot.on,.tdot.on.seen{background:#d7bc83;border-color:#d7bc83;color:#2c2115;box-shadow:none}.tdot.seen{color:#bccc9c;border-color:#758150}.tourdots{gap:5px}.keys{display:none}.below-demo{max-width:2140px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 34px 22px;font:11px var(--caps);letter-spacing:.08em;color:#af9977}.below-demo a{font:16px var(--serif);letter-spacing:0;text-decoration:none;color:#d8bf87}.below-demo a:hover{text-decoration:underline}
/* Reading overlays keep the transcript content readable. */
.drawer::before{background:#100c08;opacity:0}.drawer.open::before{opacity:.8}.drawer-inner{width:min(600px,94vw);background:#231b13;border:0;border-right:1px solid #80623a;padding:27px 28px;color:#ead8b6;box-shadow:none;border-radius:0;scrollbar-width:thin}.drawer-head h2{font:38px var(--deco);color:#ead4a8}.field-label{font-size:14px;letter-spacing:0}.person-desc{font-size:17px;line-height:1.35;color:#bfa47d}select{font-size:18px;background:#37291a;color:#ecdbb9;border:1px solid #7c5f38;border-radius:2px;padding:11px}.qgroup h3{font:700 20px var(--caps);color:#d8bd86;letter-spacing:0;text-transform:none;gap:10px}.qgroup h3 .sigil-art{width:31px;height:33px;object-fit:contain;flex:none}.qgroup h3 small{font:14px var(--serif);color:#bda27b;letter-spacing:0;text-transform:none}.qbtn{font:19px/1.3 var(--serif);color:#e2ccaa;letter-spacing:0;border-radius:2px;background:#2c2116;border-color:#6b5030;padding:11px 12px}.qbtn:hover,.qbtn.cur{background:#3b2b1b;border-color:#c09a5d;box-shadow:none}.qbtn .tag{font:11px var(--caps);border-radius:1px}.live{background:#2b2015;border:1px solid #7b6038;border-radius:2px;padding:14px;gap:12px}.live-head{font-size:16px;letter-spacing:0;text-transform:none}.live-note{font-size:15px;line-height:1.4;color:#bea17b}textarea{font:19px/1.45 var(--book);background:#19130e;border-color:#80613a;border-radius:2px;padding:12px}.overlay{background:#100c08e6}.how-card{background:#2a2015;border-color:#83643a;box-shadow:none;border-radius:3px}.how-card h2{font-size:38px;text-shadow:none}.how-step{background:#332618;border-color:#755631;border-radius:2px}.how-step h3{font-size:21px;letter-spacing:0}.how-step p{font-size:19px}.how-step b{box-shadow:none;border-radius:2px}.glass-card{width:min(900px,92vw);background:#eaddbe;border:1px solid #a28450;border-radius:3px;padding:30px 35px;box-shadow:none}.glass-head{font:17px var(--caps);letter-spacing:0;margin-bottom:20px}.glass-body{font:22px/1.55 var(--book);color:#34261a}.glass-body .ln .who{font-size:13px}.loading{background:#1b150f}.loading-hourglass{height:110px;width:70px;object-fit:contain}.loading p{font-size:20px;color:#d3bc93}
/* The scrollable presentation follows the full demo. */
.method{position:relative;z-index:2;background:#1b160f;color:#e8d9bd;padding:70px max(5vw,30px) 25px;margin-top:15px;border-top:1px solid #5f4729}.method-heading,.problem-story,.walkthrough,.lens-section,.closing-story,.method-footer{max-width:1320px;margin-left:auto;margin-right:auto}.eyebrow{font:12px/1.4 var(--caps);letter-spacing:.16em;color:#bba072;margin:0 0 12px}.method-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:70px}.method h2{font:56px/1.05 var(--deco);letter-spacing:-.01em;margin:0;color:#efddba}.back-link{font-size:16px;text-decoration:none;color:#d8bb82;white-space:nowrap}.back-link:hover{text-decoration:underline}.problem-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.method h3{font:40px/1.12 var(--caps);letter-spacing:-.02em;margin:0 0 25px;color:#e9d6ad}.problem-copy>p:not(.eyebrow){font:21px/1.5 var(--book);color:#bda88a;margin:0 0 17px}.problem-story figure{margin:0}.problem-story figure img{width:100%;aspect-ratio:16/9;object-fit:cover}.problem-story figcaption{font-size:14px;color:#9e8662;font-style:italic;margin-top:10px}.problem-facts{display:flex;gap:25px;margin-top:30px}.problem-facts span{font:13px/1.3 var(--book);color:#a9916e;max-width:125px}.problem-facts strong{display:block;font:32px/1.2 var(--caps);color:#ddc08b;margin-bottom:6px}.walkthrough{margin-top:95px;padding:45px 0;border-top:1px solid #59432a;border-bottom:1px solid #59432a}.walkthrough-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.walkthrough-top h3{margin-bottom:0}.chapter-controls{display:flex;align-items:center;gap:20px;color:#cbb080}.chapter-controls button{background:#332515;border:1px solid #775731;border-radius:2px;width:43px;height:43px;font:23px var(--serif);color:#e7c890;cursor:pointer}.chapter-controls button:hover{background:#4c361d}.chapter-controls span{font:12px var(--caps);letter-spacing:.1em}.chapter-tabs{display:flex;gap:12px;justify-content:space-between;margin:35px 0 28px}.chapter-tabs button{flex:1;background:none;border:0;border-bottom:1px solid #5a442a;color:#bfa786;padding:12px 0;text-align:left;font:17px var(--caps);cursor:pointer}.chapter-tabs button[aria-selected=true]{color:#f0d49c;border-color:#e2be78}.chapter-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.chapter-panel>img{width:100%;aspect-ratio:16/9;object-fit:cover}.chapter-panel h4{font:36px/1.1 var(--caps);margin:0 0 20px;color:#e8d1a6}.chapter-panel p:not(.eyebrow){font:22px/1.5 var(--book);color:#c0ab8b;margin:0 0 20px}.chapter-panel p.chapter-detail{font-size:17px;color:#9b815d;margin:0}.lens-section{margin-top:80px}.lens-section>h3{margin-bottom:35px}.lens-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}.lens-grid article>img{height:70px;width:70px;object-fit:contain;object-position:left center;margin-bottom:22px}.lens-grid h4{font:23px/1.15 var(--caps);margin:0 0 13px;color:#e3c796}.lens-grid p{font:18px/1.45 var(--book);color:#ad9675;margin:0}.closing-story{display:grid;grid-template-columns:200px 1fr;gap:50px;align-items:center;margin-top:90px;padding-top:45px;border-top:1px solid #59432a}.closing-story>img{height:240px;width:200px;object-fit:contain}.closing-story h3{margin-bottom:17px}.closing-story p:not(.eyebrow){font:21px/1.5 var(--book);color:#bda889;max-width:720px;margin:0 0 25px}.closing-story .btn{text-decoration:none;display:inline-flex;align-items:center}.method-footer{display:flex;justify-content:space-between;gap:25px;margin-top:60px;padding-top:25px;border-top:1px solid #42311e;color:#97805e;font-size:14px}
@media(min-width:1700px){html{font-size:18px}#app{grid-template-rows:70px 126px 220px minmax(350px,1fr) 72px;padding:18px 40px;gap:16px}#archive{height:220px}.beam{height:40px}.beam-title,#archiveCount{font-size:17px}.shelves{top:47px;gap:5px}.brand h1{font-size:39px}.tagline{font-size:19px}.btn{font-size:19px;padding:12px 18px}.pill{font-size:16px;max-width:300px}#banner{grid-template-columns:65px minmax(0,1fr) 420px;padding:17px 25px}.banner-sigil{width:60px;height:60px}.question,.question.mid{font-size:34px}.question.long{font-size:28px}.banner-kind{font-size:15px}#bannerDate{font-size:14px}.caption{font-size:19px}.steps{gap:18px}.steps li{width:87px}.steps b{font-size:18px}.steps span{font-size:14px}#stage{gap:18px;grid-template-columns:minmax(0,1fr) minmax(290px,21%) minmax(300px,22%)}.page-head{padding:12px 14px;gap:10px}.page-head .elabel{font-size:16px}.page-head .pdate{font-size:17px}.page-head .ptime,.page-head .pnum{font-size:13px}.page-body{font-size:22px;padding:15px 17px 24px;line-height:1.45}.ln .who{font-size:13px}.desk,.margin,.oracle{padding:17px 20px}.desk-label,.margin-head,.oracle-head{font-size:23px;margin-bottom:15px}.desk-label small,.margin .margin-head small{font-size:16px}.notes,.notes.small,.notes.tiny{font-size:22px;line-height:1.5}.computed{padding:12px 15px}.computed small{font-size:14px}.computed .cval{font-size:32px}.cverdict{font-size:20px}.cverdict b.rej,.computed.agreed .cverdict{font-size:16px}.orb-wrap{width:170px!important;height:195px}.reactor-art{height:195px}.oracle.compact .orb-wrap,.oracle.compact .reactor-art{height:135px}.verdict-label{font-size:15px}.answer{font-size:46px}.answer.long{font-size:33px}.answer.none{font-size:34px}.answer .sub{font-size:19px}.answer .tally{font-size:22px}.cites{font-size:16px}.oracle-actions p{font-size:17px}.read-big{font-size:24px}.read-small{font-size:17px}.tdot{font-size:15px;padding:9px 12px}.tdot img{width:24px;height:25px}.legend{font-size:15px}.month{font-size:14px}.month small{font-size:11px}.librarian{width:78px;height:120px}}
@media(max-width:1250px){#app{padding:12px 18px;grid-template-rows:62px 120px 190px minmax(360px,1fr) 74px;min-height:880px}.pill{display:none}.brand h1{font-size:29px}.tagline{font-size:14px}.top-controls{gap:6px}.btn{font-size:14px;padding:9px 12px}#banner{grid-template-columns:42px minmax(0,1fr) 290px;padding:12px 15px;gap:12px}.question,.question.mid{font-size:25px}.question.long{font-size:22px}.caption{font-size:13px}.steps{gap:8px}.steps li{width:65px}.steps span{font-size:11px}#stage{grid-template-columns:minmax(0,1fr) 235px 240px;gap:10px}.desk-label small{font-size:11px}.page-body{font-size:17px;padding:8px}.page-head{padding:9px 7px}.page-head .ptime,.page-head .pnum{display:none}.notes,.notes.small,.notes.tiny{font-size:17px}.answer{font-size:31px}.answer.none{font-size:25px}.read-big{font-size:17px}.read-small{font-size:12px}.tdot{font-size:11px;padding:5px}.tdot img{width:17px;height:18px}.legend{font-size:10px}.beam-title,#archiveCount{font-size:12px}.chapter-panel{gap:30px}.problem-story{gap:35px}.method h2{font-size:46px}.method h3{font-size:34px}.lens-grid{gap:20px}}
@media(max-width:900px){#app{height:auto;min-height:100svh;grid-template-rows:auto auto 200px auto auto;padding:20px;gap:18px}#top{flex-wrap:wrap}.top-controls{flex-wrap:wrap}.brand h1{font-size:32px}.tagline{font-size:16px}#banner{grid-template-columns:40px minmax(0,1fr);padding:16px}.steps{grid-column:1/-1;justify-content:space-between;margin-top:10px}.steps li{width:auto}.steps span{font-size:13px}.question,.question.mid{font-size:26px}.question.long{font-size:24px}#archive{height:200px}.beam-title{display:block;white-space:normal;line-height:1.2}.beam-sep{display:none}#archiveCount{display:block;font-size:11px}.beam-runes{display:none}#stage{grid-template-columns:1fr 1fr;grid-template-rows:430px auto;gap:15px}.desk{grid-column:1/-1}.oracle,.margin{min-height:410px}.notes,.notes.small,.notes.tiny{font-size:18px}.page-body{font-size:19px}#ribbon{grid-template-columns:1fr;gap:12px}.tourdots{flex-wrap:wrap}.read-small{white-space:normal}.read-big{white-space:normal}.below-demo{padding:15px 20px;align-items:flex-start}.below-demo>span{max-width:180px;font-size:9px}.below-demo a{font-size:14px}.method{padding:50px 6% 25px}.method-heading{margin-bottom:40px;flex-direction:column;align-items:flex-start;gap:18px}.method h2{font-size:42px}.problem-story{grid-template-columns:1fr;gap:30px}.method h3{font-size:32px}.problem-copy>p:not(.eyebrow){font-size:20px}.problem-facts{gap:20px}.walkthrough{margin-top:55px;padding:30px 0}.walkthrough-top{gap:15px}.chapter-controls{gap:10px;flex:none}.chapter-controls button{width:35px;height:35px}.chapter-tabs{gap:12px;overflow-x:auto;scrollbar-width:thin}.chapter-tabs button{min-width:120px;font-size:15px}.chapter-panel{grid-template-columns:1fr;gap:25px}.chapter-panel h4{font-size:31px}.chapter-panel p:not(.eyebrow){font-size:20px}.lens-section{margin-top:55px}.lens-grid{grid-template-columns:1fr 1fr;gap:30px}.closing-story{grid-template-columns:110px 1fr;gap:25px;margin-top:55px}.closing-story>img{height:190px;width:110px}.closing-story h3{font-size:28px}.closing-story p:not(.eyebrow){font-size:18px}.method-footer{font-size:12px;flex-direction:column;gap:8px}.glass-body{font-size:20px}.glass-card{padding:24px}.page-head .pdate{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.librarian{transition:none!important}}
:root{--body:var(--book)}.overlay:not(.open),.drawer:not(.open){visibility:hidden}.overlay.open,.drawer.open{visibility:visible}.below-demo a,.back-link,.closing-story a{text-underline-offset:4px}
.page-body,.notes,.verdict,.drawer-inner,.glass-card{overscroll-behavior:contain}
@media(max-width:900px){.shelves{overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin}.shelf{min-width:550px}.pages{overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior:contain}.page{min-width:240px;scroll-snap-align:start}#stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.margin,.oracle{min-width:0}.oracle-head{flex-wrap:wrap}.answer{overflow-wrap:anywhere}.problem-story,.chapter-panel,.lens-grid,.closing-story{min-width:0}}