:root{--navy:#081925;--cream:#f2ead8;--gold:#d8ab59;--muted:#9db2bc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--navy);color:var(--cream);font-family:Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}header{position:absolute;top:0;left:0;width:100%;z-index:3;padding:28px 4%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#061320bb,transparent);font-family:Arial,sans-serif}.brand{font-size:14px;letter-spacing:3px}.brand span{color:var(--gold)}nav{display:flex;gap:28px;font-size:12px;letter-spacing:1px}nav a:hover,.text-link:hover{color:var(--gold)}.hero{height:min(1000px,100svh);min-height:690px;position:relative;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06142142 0%,transparent 45%,#06142166 65%,#081925 100%);pointer-events:none}.hero-top{position:absolute;z-index:1;top:105px;left:4%;border-left:1px solid var(--gold);padding-left:18px;text-shadow:0 2px 8px #000}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2.5px;color:var(--gold);line-height:1.8}.hero-top p{font-size:17px;margin:5px 0}.hero-bottom{position:absolute;z-index:1;bottom:68px;left:50%;transform:translateX(-50%);width:max-content;max-width:94%;text-align:center}.hero-bottom p{font-size:25px;line-height:1.4;margin:0 0 22px;text-shadow:0 2px 9px #000}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:22px 32px;border:1px solid #b4b8b880;background:#081925c9;font:12px Arial,sans-serif;letter-spacing:2px;transition:background .2s,border-color .2s}.button:hover{background:#153342;border-color:var(--gold)}.button span{color:var(--gold)}.sub-link{display:block;font-size:14px;margin-top:19px;text-decoration:underline;text-underline-offset:6px}.hero-note{position:absolute;bottom:18px;z-index:1;text-align:center;width:100%;font:9px Arial,sans-serif;letter-spacing:3px;color:#b9c4cc}.contents{padding:100px 9% 110px}.intro{display:flex;align-items:flex-end;gap:8%;justify-content:space-between}h2{font-size:clamp(40px,5.2vw,78px);font-weight:400;letter-spacing:-2px;line-height:1.08;margin:18px 0 24px}.intro>p{color:#bcc8cc;font-size:21px;line-height:1.6;max-width:480px;margin-bottom:32px}.status{font-size:14px;color:var(--muted);line-height:1.7;max-width:760px;margin:10px 0 40px}.rows{border-top:1px solid #b991474a}details{border-bottom:1px solid #b6c7cc27}summary{list-style:none;display:grid;grid-template-columns:135px 1fr 270px 20px;align-items:center;gap:24px;padding:34px 4px;cursor:pointer}summary::-webkit-details-marker{display:none}.number{font:10px Arial,sans-serif;color:var(--gold);letter-spacing:2px}.title{font-size:clamp(23px,2.5vw,36px)}.hint{color:var(--muted);font-size:16px}.arrow{color:#48b3d2;font-size:28px;transition:transform .2s}details[open] .arrow{transform:rotate(90deg)}summary:hover .title{color:var(--gold)}.detail{max-width:840px;margin:0 45px 40px 160px;font-size:20px;line-height:1.8;color:#c4d0d3}.detail p{margin:0 0 20px}blockquote{border-left:1px solid var(--gold);padding-left:24px;margin:28px 0;color:var(--cream);font-style:italic}.portrait{display:grid;grid-template-columns:1fr 1fr;min-height:640px;background:#0c2231}.portrait-image{background-image:linear-gradient(90deg,transparent 70%,#0c2231),url('assets/pascal-math-c08-red.png');background-size:auto 100%;background-position:8% center}.portrait-text{padding:70px 15% 70px 9%}.portrait h2{font-size:clamp(38px,4vw,59px)}.portrait p{font-size:19px;line-height:1.75;color:#b8c8cf}.portrait blockquote{font-size:29px}.portrait .small{font-size:14px}.text-link{display:inline-block;border-bottom:1px solid var(--gold);padding:12px 0;margin-top:14px;font-size:16px}.bridge{padding:110px 20px 120px;text-align:center;background:radial-gradient(ellipse at bottom,#153c51,transparent 70%)}.bridge h2{font-size:clamp(37px,4.3vw,62px)}.bridge p{color:var(--muted);font-size:20px;line-height:1.8;margin-bottom:32px}footer{padding:34px 6%;border-top:1px solid #b6c7cc27;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:13px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.hero>img{object-position:center 44%}}@media(max-width:850px){nav{gap:16px}nav a:first-child{display:none}.hero{min-height:630px;height:90svh}.hero>img{object-fit:contain;object-position:center 29%;background:#061322}.hero-top{top:95px}.hero-top p{font-size:14px}.hero-bottom{bottom:52px}.hero-bottom p{font-size:22px}.contents{padding:65px 6%}.intro{display:block}.intro>p{font-size:18px}.intro h2{font-size:48px}.status{margin-top:22px}summary{grid-template-columns:82px 1fr 16px;gap:14px;padding:27px 0}.hint{grid-column:2;grid-row:2;font-size:14px}.arrow{grid-column:3;grid-row:1 / 3}.number{font-size:9px}.title{font-size:24px}.detail{margin:0 10px 30px 96px;font-size:17px}.portrait{grid-template-columns:1fr}.portrait-image{height:430px;background-size:auto 120%;background-position:left center}.portrait-text{padding:42px 8% 60px}footer{flex-wrap:wrap}.bridge{padding:75px 6%}.button{padding:19px 23px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.chapter-link{width:100%;display:grid;grid-template-columns:135px 1fr 20px;gap:24px;align-items:center;background:none;border:0;border-bottom:1px solid #b6c7cc27;color:var(--cream);text-align:left;padding:35px 4px;font-family:inherit;cursor:pointer}.chapter-link:hover .title{color:var(--gold)}.meet{margin:0 9% 90px;border-top:1px solid #b9914760;border-bottom:1px solid #b9914760}.meet>button{display:flex;flex-direction:column;gap:20px;width:100%;padding:40px 0;background:none;border:0;color:var(--cream);font-family:inherit;text-align:left;cursor:pointer}.meet>button>span:last-child{font-size:clamp(30px,4vw,55px)}.meet b{float:right;color:var(--gold);font-weight:400}#pascal-panel{padding-bottom:50px}#pascal-panel>img{display:block;width:100%;height:auto;border:1px solid #d8ab5955}.bio{max-width:850px;margin:35px auto;font-size:20px;line-height:1.8}.bio h2{font-size:40px}.bio p{color:#bacbd0}dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:24px 3%;background:radial-gradient(ellipse,#243844,#050e17 75%);color:var(--cream)}dialog::backdrop{background:#02080eed}.reader-top,.reader-bottom{display:flex;justify-content:space-between;align-items:center;max-width:1550px;margin:auto;font:13px Arial,sans-serif;letter-spacing:2px}.reader-top small{color:var(--muted);letter-spacing:0}.reader-top button{background:none;border:1px solid #d8ab5960;color:var(--cream);font-size:22px;padding:10px 16px;cursor:pointer}.book-stage{height:calc(100% - 100px);display:flex;align-items:center;justify-content:center;gap:20px;perspective:2200px}.book{display:flex;width:min(1380px,88vw);height:min(770px,77dvh);position:relative;box-shadow:0 28px 65px #000c;border:7px solid #5b3920;border-radius:5px;transform-style:preserve-3d}.paper{width:50%;position:relative;color:#322819;background:#f3e5c9;padding:clamp(22px,4vw,65px);overflow:auto;line-height:1.8;font-size:clamp(15px,1.45vw,22px)}.left-paper{background:linear-gradient(90deg,#ead8b7,#f7edda 90%,#b9a78a);border-right:1px solid #907d60}.right-paper{background:linear-gradient(90deg,#b9a78a,#f7edda 10%,#ead8b7)}.paper h2{font-size:clamp(30px,3.8vw,57px);margin:30px 0;letter-spacing:-1px}.paper blockquote{color:#594227;border-color:#967342;font-size:1.15em}.book-kicker{font:10px Arial,sans-serif;letter-spacing:2px;color:#87613a}.folio{display:block;text-align:center;font-size:13px;margin:30px 0 0}.page-symbol{font-size:100px;color:#ae86414a;text-align:center;margin:20px}.turn-arrow{background:#071522;border:1px solid #bc935870;border-radius:50%;color:var(--gold);font-size:40px;width:52px;height:52px;flex-shrink:0;cursor:pointer}.turn-arrow:disabled{opacity:.25;cursor:default}.reader-bottom{margin-top:15px;color:#abbcc7;font-size:11px}#flipper{display:none;position:absolute;top:0;bottom:0;width:50%;padding:clamp(22px,4vw,65px);background:linear-gradient(90deg,#dfcca7,#f7edda);color:#322819;overflow:hidden;backface-visibility:hidden;line-height:1.8;font-size:clamp(15px,1.45vw,22px);box-shadow:12px 0 35px #0007;z-index:3}#flipper h2{font-size:clamp(30px,3.8vw,57px)}#flipper.turn-forward{display:block;left:50%;transform-origin:left;animation:forward .74s ease-in-out}#flipper.turn-backward{display:block;left:0;transform-origin:right;animation:backward .74s ease-in-out}@keyframes forward{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes backward{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}@media(max-width:700px){.chapter-link{grid-template-columns:80px 1fr 16px;gap:12px}.meet{margin:0 6% 60px}.bio{font-size:17px}dialog{padding:15px 2%}.book-stage{gap:5px;position:relative}.book{width:96vw;height:75dvh;border-width:3px}.paper{padding:20px 12px;font-size:14px;line-height:1.6}.paper h2{font-size:25px}.book-kicker{font-size:8px;letter-spacing:.5px}.turn-arrow{position:absolute;z-index:5;bottom:0;width:42px;height:42px;font-size:30px}#prev{left:10px}#next{right:10px}.reader-top small{display:none}.reader-bottom{font-size:9px;letter-spacing:.5px}#flipper{padding:20px 12px;font-size:14px}.paper blockquote{padding-left:10px}.page-symbol{font-size:65px}}
/* Full-width reader, matching the Science book proportions. */
#reader{padding:18px 3.4% 20px;background:radial-gradient(ellipse at top,#0b1924,#030a10 75%);overflow:hidden}.reader-top{height:102px;position:relative;justify-content:center;max-width:none}.reader-heading{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px;letter-spacing:3px;color:var(--gold)}.reader-mark{font-size:26px;line-height:1}.reader-heading strong{font-family:Georgia,serif;font-weight:400;font-size:20px;letter-spacing:0;color:var(--cream)}#close-book{position:absolute;right:0;top:9px;border-radius:50%;width:55px;height:55px;padding:0;font-size:25px;border-color:#b7c5ca40}.book-stage{height:calc(100% - 170px);width:100%;gap:0;perspective:2400px}.book{width:100%;max-width:none;height:100%;border:6px solid #d8c5a0;border-radius:14px;box-shadow:0 28px 65px #000c,5px 5px 0 #e4d3b2,-5px 5px 0 #e4d3b2}.paper{padding:clamp(28px,4vw,80px);font-size:clamp(18px,1.4vw,26px);scrollbar-width:thin;scrollbar-color:#d8bf88 transparent}.paper h2{font-size:clamp(36px,3vw,58px)}.reader-bottom{height:68px;width:min(930px,85%);margin:0 auto;display:grid;grid-template-columns:130px 1fr 155px;gap:45px;justify-items:center;letter-spacing:0}.reader-position{width:100%;text-align:center;font-family:Georgia,serif;font-size:14px;color:#b7c6ce;display:flex;flex-direction:column;gap:9px}.reader-position progress{width:100%;height:2px;border:0;appearance:none;background:#39444d}.reader-position progress::-webkit-progress-bar{background:#39444d}.reader-position progress::-webkit-progress-value{background:#d9bc72}.reader-position progress::-moz-progress-bar{background:#d9bc72}.reader-bottom .turn-arrow{position:static;background:none;border:0;border-radius:0;width:auto;height:auto;display:flex;align-items:center;gap:16px;font:bold 18px Arial,sans-serif;color:#d6dee2;white-space:nowrap}.reader-bottom .turn-arrow span{font:38px Georgia,serif;line-height:1}.reader-bottom .turn-arrow:hover:not(:disabled){color:var(--gold)}#flipper{padding:clamp(28px,4vw,80px);font-size:clamp(18px,1.4vw,26px)}#flipper h2{font-size:clamp(36px,3vw,58px)}@media(max-width:700px){#reader{padding:10px 2%}.reader-top{height:88px}.reader-heading{font-size:9px}.reader-heading strong{font-size:17px}#close-book{width:40px;height:40px;font-size:20px}.book-stage{height:calc(100% - 155px)}.book{width:100%;height:100%;border-width:3px;border-radius:8px}.paper,#flipper{padding:20px 12px;font-size:14px}.paper h2,#flipper h2{font-size:25px}.reader-bottom{height:67px;width:100%;grid-template-columns:75px 1fr 100px;gap:10px}.reader-bottom .turn-arrow{font-size:12px;gap:6px}.reader-bottom .turn-arrow span{font-size:30px}.reader-position{font-size:11px}}

/* Illustrated opening: imagery and exact Greek narrative remain independent. */
#left-page{padding:0;overflow:hidden;background:#0b1a28;display:flex;align-items:center;justify-content:center}.scene-image{width:100%;height:100%;object-fit:contain}#right-page{padding:28px 30px;font-size:clamp(13px,1vw,18px);line-height:1.45}#right-page .book-kicker{display:block;text-align:center}#right-page h2{font-size:clamp(19px,1.7vw,29px);margin:16px 0 23px;letter-spacing:0;text-align:center}.story-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.story-columns p{margin:0 0 5px}#large-text{position:absolute;left:0;top:9px;font-family:Georgia,serif;font-size:19px;border-radius:8px}#reader.large-text #right-page{font-size:19px;line-height:1.65}#reader.large-text .story-columns{display:block}#flipper:has(.scene-image){padding:0;background:#0b1a28}#flipper .story-columns{font-size:14px;line-height:1.4}#flipper:has(.story-columns){padding:28px 30px}#flipper:has(.story-columns) h2{font-size:25px;margin:16px 0 23px}@media(max-width:700px){#right-page{padding:18px 13px;font-size:14px}.story-columns{display:block}#right-page h2{font-size:20px}.book-stage .book{height:100%}.reader-heading strong{max-width:70vw;text-align:center;font-size:15px}}
.scene-wrap{width:100%;position:relative}.scene-wrap .scene-image{display:block;width:100%;height:auto}.exact-pi{position:absolute;left:60.85%;top:86.7%;transform:translateX(-50%) rotate(-13deg);font:clamp(5px,.4vw,8px) Georgia,serif;color:#554c40;letter-spacing:.2px}
/* Approved square-page, immersive reader layout. */
#reader{padding:10px 14px 12px}.reader-top{height:60px}.reader-heading{gap:5px;font-size:11px;letter-spacing:2.5px}.reader-mark{display:none}.reader-heading strong{color:var(--gold);font-size:13px;letter-spacing:1.3px;font-weight:400;line-height:1.35}.book-stage{height:calc(100% - 112px);align-items:center}.book-stage .book{width:min(100%,calc((100dvh - 134px)*2));height:auto;aspect-ratio:2;max-height:100%;border:4px solid #c9a668;border-radius:9px}.reader-bottom{height:52px;width:min(900px,88%)}#close-book{top:2px;width:42px;height:42px;font-size:21px}#large-text{top:2px;padding:8px 12px}#left-page{padding:0}.scene-wrap{width:100%;height:100%;overflow:hidden}.scene-wrap .scene-image{width:100%;height:100%;object-fit:cover;object-position:center}.exact-pi{left:63.55%;font-size:clamp(5px,.45vw,9px)}#right-page,#flipper:has(.story-columns){padding:clamp(20px,2.2vw,42px);font-size:clamp(16px,1.08vw,21px);line-height:1.52;background:linear-gradient(90deg,#dcc9a3,#f8eed8 6%,#f1e4c8)}.story-columns{gap:clamp(24px,2.6vw,50px)}.story-columns p{margin:0 0 .52em}#flipper .story-columns{font-size:inherit;line-height:inherit}#reader.large-text #right-page{font-size:23px;line-height:1.65}#flipper:has(.scene-image){padding:0}#reader.large-text .story-columns{display:block}@media(max-width:700px){#reader{padding:8px}.reader-top{height:62px}.reader-heading strong{font-size:11px;max-width:65vw}.book-stage{height:calc(100% - 116px)}.book-stage .book{width:100%;height:100%;aspect-ratio:auto;border-width:3px}.reader-bottom{height:54px;width:100%}#right-page,#flipper:has(.story-columns){padding:18px 13px;font-size:15px;line-height:1.6}.story-columns{display:block}.scene-wrap .scene-image{object-fit:cover;object-position:35% center}.exact-pi{display:none}#close-book{width:34px;height:34px;font-size:18px}#large-text{font-size:16px;padding:6px 8px}}

.cad-warning{position:absolute;left:84.8%;top:52%;width:9px;height:9px;background:#d14338;clip-path:polygon(50% 0,100% 100%,0 100%)}@media(max-width:700px){.cad-warning{display:none}}

/* Continuous narrative with clearly separated paragraphs on every spread. */
.story-columns{display:block;max-width:64ch;margin-inline:auto}
.story-columns>div{display:contents}
.story-columns p{margin:0 0 1em}
.story-columns p:last-child{margin-bottom:0}
#right-page,#flipper:has(.story-columns){line-height:1.7}
@media(max-width:700px){.story-columns p{margin-bottom:1em}#right-page,#flipper:has(.story-columns){line-height:1.7}}

/* Phone reader only: full-width illustration, then one readable text column. */
@media (max-width:700px), (max-height:500px) and (pointer:coarse){
 #reader{padding:0;height:100dvh;max-height:100dvh;overflow:hidden}
 #reader[open]{display:flex;flex-direction:column}
 #reader .reader-top{height:auto;min-height:70px;flex:0 0 auto;width:100%;padding:12px 55px;background:#07131f;border-bottom:1px solid #c9a66840;z-index:6}
 #reader .reader-heading{width:100%;gap:5px;font-size:10px;letter-spacing:1.8px}
 #reader .reader-heading strong{font-size:13px;line-height:1.35;max-width:100%;letter-spacing:.5px}
 #reader #close-book{right:8px;top:13px;width:44px;height:44px;font-size:19px}
 #reader #large-text{left:8px;top:13px;width:44px;height:44px;padding:0;font-size:16px}
 #reader .book-stage{display:block;flex:1 1 auto;min-height:0;height:auto;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;perspective:none;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 #reader .book-stage .book{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;transform-style:flat;transition:opacity .18s ease}
 #reader .paper{width:100%;height:auto;max-height:none;overflow:visible;border:0}
 #reader #left-page{display:block;padding:0;background:#07131f}
 #reader .scene-wrap{width:100%;height:auto;aspect-ratio:auto;overflow:hidden}
 #reader .scene-wrap .scene-image{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
 #reader #right-page{padding:28px max(24px,6vw) 42px;font-size:19px;line-height:1.75;background:linear-gradient(90deg,#f3e7ce,#f9efd9 45%,#f3e7ce);min-height:0}
 #reader .story-columns{max-width:36ch;margin:auto;display:block}
 #reader .story-columns p{margin:0 0 1em}
 #reader .story-columns p:last-child{margin-bottom:0}
 #reader.large-text #right-page{font-size:23px;line-height:1.75}
 #reader #flipper{display:none!important}
 #reader .reader-bottom{position:relative;flex:0 0 auto;min-height:64px;height:auto;width:100%;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#07131f;border-top:1px solid #c9a66840;grid-template-columns:72px minmax(0,1fr) 102px;gap:8px;z-index:6}
 #reader .reader-bottom .turn-arrow{font-size:13px;gap:6px;min-height:44px;justify-content:center}
 #reader .reader-position{font-size:12px;gap:7px;min-width:0}
 #reader.mobile-turn .book{opacity:.25}
 #reader .exact-pi{display:none}
}
@media (max-height:500px) and (pointer:coarse){#reader .reader-top{min-height:56px;padding-block:7px}#reader #close-book,#reader #large-text{top:9px}#reader .reader-bottom{min-height:54px;padding-block:5px}}
@media(prefers-reduced-motion:reduce){#reader .book-stage .book{transition:none}}