:root{color-scheme:dark;--night:#142026;--ivory:#f5efdf;--ink:#262925;--gold:#c7b38a;font-family:Manrope,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ivory);background:radial-gradient(ellipse at 50% 28%,#283a40 0,transparent 62%),var(--night)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{background:none;border:0}.skip{position:fixed;left:20px;top:-80px;z-index:10;background:var(--ivory);color:var(--ink);padding:12px}.skip:focus{top:20px}.book-top{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 40px;border-bottom:1px solid #e5d6b91c;gap:20px}.book-top img{object-fit:contain;display:block}.book-top nav{display:flex;align-items:center;gap:26px;font-size:.875rem}#book-language{border-left:1px solid #ffffff30;padding:6px 0 6px 24px;font-size:.8125rem}.book-intro{max-width:1080px;margin:0 auto;padding:50px 36px 36px;display:flex;align-items:center;justify-content:space-between;gap:40px}.eyebrow{font-size:.6875rem;letter-spacing:.13em;font-weight:500;color:var(--gold);line-height:1.5;margin:0 0 16px}h1,h2,h3,p{margin-top:0}.book-intro h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:clamp(2.15rem,4.4vw,3.25rem);line-height:1.04;letter-spacing:-.025em;margin:0 0 12px}.book-subtitle{font-family:Newsreader,Georgia,serif;font-size:1.125rem;line-height:1.4;color:#d5d3c6;margin-bottom:0}.intro-cover{width:92px;height:auto;max-width:20%;box-shadow:2px 3px 4px #0005,0 15px 30px #0004;transform:rotate(3deg)}.reading-room{max-width:1160px;margin:auto;padding:0 40px 58px}.book-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 19px;padding:0 5px;color:#d4d2c6}.book-toolbar p{margin:0;font-size:.6875rem;letter-spacing:.12em}.book-toolbar button{padding:8px 0;font-size:.8125rem;border-bottom:1px solid #c7b38a55}.language-note{font-size:.8125rem;color:#d5d3c6}.open-book{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;border-radius:3px;box-shadow:0 4px 0 -1px #c4baa4,0 8px 0 -3px #a69f8f,0 35px 70px -10px #0009;isolation:isolate}.paper{background:#f8f3e7;color:var(--ink);padding:26px 44px 22px;min-width:0;display:flex;flex-direction:column}.paper-left{border-radius:3px 0 0 3px;background:linear-gradient(90deg,#f4eedf 0,#fbf6e9 5%,#fbf6e9 92%,#dfd6c3 100%)}.paper-right{border-radius:0 3px 3px 0;background:linear-gradient(90deg,#e7dfcd 0,#faf5e9 7%,#faf5e9 95%,#efe7d5 100%);border-left:1px solid #978b7244}.page-running{font-family:Manrope,Arial,sans-serif;font-size:.625rem;font-weight:500;letter-spacing:.13em;color:#7b7569;border-bottom:1px solid #978b722b;padding-bottom:13px;margin-bottom:26px}.paper-right .page-running{text-align:right}.page-content{height:650px;font-family:Newsreader,Georgia,serif;font-size:1.25rem;line-height:1.48;overflow-wrap:anywhere}.page-content p{margin:0 0 .7em}.page-content h2{font-size:2.3rem;line-height:1.12;font-weight:400;letter-spacing:-.025em;margin:0 0 .9em}.page-content h3{font-family:Manrope,Arial,sans-serif;font-size:.8125rem;letter-spacing:.02em;line-height:1.5;margin:1.2em 0 1em;font-weight:600}.page-content h3:first-child{margin-top:0}.page-content strong{font-weight:500}.page-content .chapter-number{font-family:Manrope,Arial,sans-serif;font-size:.7rem;letter-spacing:.15em;color:#8a7755;margin-bottom:20px}.page-number{font-family:Newsreader,Georgia,serif;font-size:.875rem;color:#766f60;text-align:center;padding-top:25px;margin-top:auto}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 5px 0}.page-controls button{font-size:.8125rem;min-height:44px;padding:10px 0;min-width:94px}.page-controls button:first-child{text-align:left}.page-controls button:last-child{text-align:right}#page-status{font-family:Newsreader,Georgia,serif;color:#d3c8ae;font-size:1rem}.preview-end{text-align:center;margin:58px auto 0;padding-top:34px;border-top:1px solid #e5d6b921}.preview-end h2{font-family:Newsreader,Georgia,serif;font-size:2rem;font-weight:400;margin-bottom:12px}.preview-end>p:last-child{font-size:.875rem;color:#d5d3c6}.book-footer{max-width:1140px;margin:auto;padding:24px 40px 40px;display:flex;justify-content:space-between;color:#b0b7b4;font-size:.75rem;border-top:1px solid #e5d6b914}.continuous-book{max-width:740px;margin:auto;background:#faf5e9;color:var(--ink);padding:48px;font-family:Newsreader,Georgia,serif;font-size:1.375rem;line-height:1.65;box-shadow:0 25px 65px #0004;overflow-wrap:anywhere}.continuous-book p{margin-bottom:1em}.continuous-book h2{font-weight:400;font-size:2.5rem;line-height:1.15}.continuous-book h3{font-family:Manrope,Arial,sans-serif;font-size:1rem;line-height:1.5;margin:2.2em 0 1.2em}.continuous-book .chapter-number{font-family:Manrope,Arial,sans-serif;font-size:.75rem;letter-spacing:.12em;color:#8a7755}.measure-paper{position:fixed;left:-20000px;top:0;visibility:hidden;pointer-events:none}.open-book.turning{animation:page-settle .18s ease-out}@keyframes page-settle{from{opacity:.8;transform:translateY(2px)}to{opacity:1;transform:none}}[hidden]{display:none!important}
@media(max-width:850px){.reading-room{padding:0 24px 45px}.book-intro{padding:38px 28px 30px}.paper{padding-left:30px;padding-right:30px}.page-content{font-size:1.125rem;height:650px}.book-top{padding:22px 26px}}
@media(max-width:700px){.book-top{padding:20px;gap:10px}.book-top img{width:110px;height:34px}.book-top nav{gap:14px;font-size:.75rem}#book-language{padding-left:14px;font-size:.75rem}.book-intro{padding:34px 24px 28px;gap:20px}.book-intro h1{font-size:2.0625rem}.book-intro .eyebrow{font-size:.625rem;letter-spacing:.08em;margin-bottom:12px}.book-subtitle{font-size:1rem;max-width:240px}.intro-cover{width:70px}.reading-room{padding:0 16px 36px}.book-toolbar{padding:0 8px;margin-bottom:15px;gap:12px}.book-toolbar p{font-size:.625rem;letter-spacing:.07em}.book-toolbar button{font-size:.75rem}.open-book{grid-template-columns:minmax(0,1fr)}.paper{padding:24px 28px 20px}.paper-left{background:linear-gradient(90deg,#eee7d7,#faf5e9 5%,#faf5e9 97%,#eee7d7);border-radius:3px}.paper-right{display:none}.page-content{font-size:1.25rem;line-height:1.5;height:670px}.page-content h2{font-size:2rem}.page-content h3{font-size:.8125rem}.page-running{margin-bottom:24px}.page-controls{padding:22px 10px 0}.book-footer{padding:24px;font-size:.6875rem}.continuous-book{padding:30px 24px;font-size:1.25rem}.continuous-book h2{font-size:2rem}.language-note{padding:0 8px;line-height:1.5}.preview-end{margin-top:38px}.preview-end h2{font-size:1.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.open-book.turning{animation:none}}
.intro-cover{height:130px;object-fit:cover;object-position:right;max-width:none}.page-content{height:clamp(440px,calc(100svh - 250px),650px)}
@media(max-width:700px){.intro-cover{width:70px;height:99px}.page-content{height:670px}}
/* Prologue typography from BU-KITAP-okuma-ritmi-v5.docx.
   Word: Georgia 11 pt; 300/240 line spacing; 120 twips paragraph spacing.
   Rem values retain those proportions in both reading modes. */
:root{--book-copy-size:.9166667rem;--book-copy-leading:1.25;--book-paragraph-gap:.5rem;--book-section-size:1.5833333rem;--book-subheading-size:1.125rem}
.page-content,.continuous-book{font-family:Georgia,'Times New Roman',serif;font-size:var(--book-copy-size);line-height:var(--book-copy-leading);letter-spacing:normal;word-spacing:normal;font-weight:400}
.page-content p,.continuous-book p{margin:0 0 var(--book-paragraph-gap)}
.page-content strong,.continuous-book strong{font-weight:700}
.page-content h2,.continuous-book h2{font-family:inherit;font-size:var(--book-subheading-size);line-height:1.25;font-weight:400;letter-spacing:normal;margin:.1666667rem 0 1.0833333rem;color:#333}
.page-content h3,.continuous-book h3{font-family:inherit;font-size:var(--book-copy-size);line-height:1.25;font-weight:700;letter-spacing:normal;margin:1rem 0 .5rem}
.page-content h3:first-child,.continuous-book h3:first-child{margin-top:0}
.page-content .chapter-number,.continuous-book .chapter-number{font-family:inherit;font-size:var(--book-section-size);line-height:1.25;letter-spacing:normal;color:#262925;margin:0 0 .9166667rem}
.book-frontispiece{height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:20px 14px}
.page-content .front-author,.continuous-book .front-author{font-family:inherit;font-size:var(--book-copy-size);letter-spacing:.07em;margin:0 0 38px}
.page-content .book-frontispiece h2,.continuous-book .book-frontispiece h2{font-size:2.5rem;line-height:1.13;letter-spacing:-.025em;font-weight:400;margin:0 0 26px;color:var(--ink)}
.page-content .front-subtitle,.continuous-book .front-subtitle{font-size:var(--book-copy-size);line-height:1.25;max-width:250px;margin:0 auto;color:#72674f}
.page-content .toc-heading,.continuous-book .toc-heading{font-size:var(--book-section-size);font-weight:700;margin:0 0 .9166667rem}
.page-content .toc-entry,.continuous-book .toc-entry{font-size:var(--book-copy-size);line-height:1.25;margin:0 0 var(--book-paragraph-gap)}
.page-content .toc-note,.continuous-book .toc-note{font-family:Manrope,Arial,sans-serif;font-size:.75rem;line-height:1.6;color:#7d735d;margin:20px 0}
.continuous-book .book-frontispiece{min-height:460px;padding-bottom:60px;border-bottom:1px solid #978b722b;margin-bottom:50px}
.continuous-book .chapter-number{margin-top:2rem}
@media(max-width:700px){.page-content .book-frontispiece h2,.continuous-book .book-frontispiece h2{font-size:2.25rem}}
.book-reading-main{min-width:0}.book-play{margin:44px 0 0;padding-top:26px;border-top:1px solid #c7b38a30}.book-play .eyebrow{font-size:.625rem;margin-bottom:10px}.book-play h2{font:400 1.75rem/1.1 Newsreader,Georgia,serif;letter-spacing:-.015em;margin-bottom:12px}.book-play-note{font-size:.75rem;line-height:1.7;color:#b8c1bb;max-width:360px;margin-bottom:22px}.book-play-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.book-play-card{display:flex;align-items:center;gap:15px;padding:10px 0;border-top:1px solid #c7b38a22}.book-play-card img{width:70px;height:88px;object-fit:cover;object-position:50% 25%;border:1px solid #c7b38a50;box-shadow:0 5px 15px #0003;transition:transform .2s ease,box-shadow .2s ease}.book-play-card strong{display:block;font:400 1.25rem/1.2 Newsreader,Georgia,serif;color:#eee5d0}.book-play-card small{display:block;font-size:.625rem;line-height:1.6;color:#bdc6c1;margin-top:7px}.book-play-card:hover img{transform:translateY(-2px);box-shadow:0 8px 18px #0004}
@media(min-width:1440px){.reading-room{max-width:1440px;display:grid;grid-template-columns:minmax(0,1080px) 200px;gap:40px;padding-left:40px;padding-right:40px}.book-play{margin:47px 0 0;padding:22px 0 0}.book-play h2{font-size:1.6rem}.book-play-note{font-size:.6875rem}.book-play-cards{display:flex;flex-direction:column;gap:16px}.book-play-card{gap:12px}.book-play-card img{width:64px;height:82px}.book-play-card strong{font-size:1.1875rem}.book-play-card small{font-size:.5625rem}}
@media(max-width:700px){.book-play{margin:34px 8px 0;padding-top:23px}.book-play h2{font-size:1.6rem}.book-play-cards{gap:12px}.book-play-card{display:block;padding-top:12px}.book-play-card img{width:100%;height:auto;aspect-ratio:4/5;max-width:140px}.book-play-card strong{font-size:1.125rem;margin-top:12px}.book-play-card small{font-size:.5625rem;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.book-play-card img{transition:none}.book-play-card:hover img{transform:none}}