/* H00: page decoration only. No narrative images, scenery or external fonts. */
.prologue-book-v10{box-sizing:border-box;max-width:42rem;margin:0 auto;padding:clamp(1rem,4vw,2.5rem);color:#352a20;background:linear-gradient(90deg,#dfcc9f 0%,#f5e9ca 8%,#f6ecd1 94%,#e7d4aa 100%);border:1px solid #b49c71;border-radius:3px;box-shadow:inset 0 0 2rem #b2986255,0 .35rem 1rem #0003;text-align:left;animation:book-page-v10 .18s ease-out}
.prologue-book-v10 h2{font:600 clamp(1.35rem,4vw,1.85rem)/1.3 Georgia,"Times New Roman",serif;color:#352a20!important;margin:1rem 0 1.4rem;overflow-wrap:anywhere}
#modal #modalBody .prologue-book-v10 .prologue-text-v10 p{font:400 clamp(16px,2.8vw,18.4px)/1.75 Georgia,"Times New Roman",serif;color:#352a20;margin:0 0 1rem;max-width:60ch}
#modal #modalBody .prologue-book-v10>small{display:block;color:#67533b;line-height:1.5}
.prologue-book-v10 .prologue-controls-v10{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin:1.5rem 0 .5rem}
.prologue-book-v10 button{min-height:44px;white-space:normal;flex:1 1 10rem}
.prologue-book-v10 button:disabled{opacity:.55;cursor:default}
.prologue-book-v10 button:focus-visible{outline:3px solid #365a80;outline-offset:3px}
.prologue-book-v10 #prologueSkip80{width:100%;margin:.4rem 0 1rem}
@keyframes book-page-v10{from{opacity:.7;transform:translateX(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.prologue-book-v10{animation:none}}

#modal:has(.prologue-book-v10)::backdrop{background:#17130f}