/* Reading pages are deliberately distinct from the beige, structured quest sheets. */
.dialogue.reading-window{box-sizing:border-box;width:min(760px,94vw);max-height:92dvh;padding:24px 28px;border:1px solid #bac9c8;box-shadow:0 12px 45px #051b3055;overflow:auto;color:#173b43}
.dialogue.reading-window::before{display:block;font:700 12px/1.4 system-ui;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.clear-quests .dialogue.reading-window>p{font-size:20px;line-height:1.6;white-space:pre-line;max-width:65ch;margin:16px 0 22px}
.dialogue.speech-window{background:#f4faf9;border-left:7px solid #267a79;border-radius:22px 22px 22px 5px}
.dialogue.speech-window::before{content:'Im Gespräch';color:#267a79}
.clear-quests .dialogue.speech-window>h2{font:700 23px/1.25 system-ui;color:#155c5c;margin:0}
.dialogue.report-window{background:#fffdf6;border-top:5px solid #b89652;border-radius:5px 16px 16px 5px}
.dialogue.report-window::before{content:'Mein Reisetagebuch';color:#79602f}
.clear-quests .dialogue.report-window>h2{font:600 28px/1.25 Georgia,serif;color:#254750;border-bottom:1px solid #d9cfb6;padding-bottom:12px;margin:0}
.dialogue.reading-window>button{min-height:48px;min-width:120px;font-size:18px;padding:10px 20px;float:none;display:block;margin-left:auto}
.dialogue.reading-window.finale-dialog{width:min(920px,94vw)}
.speech-heading{display:flex;align-items:center;gap:14px}.speech-heading>span:last-child{min-width:0;overflow-wrap:break-word}
.speech-portrait{--portrait-size:72px;display:block;position:relative;flex:0 0 var(--portrait-size);width:var(--portrait-size);height:var(--portrait-size);overflow:hidden;border-radius:50%;background:#dbeae5;box-shadow:0 0 0 2px #9ebdb4}
.speech-portrait img{position:absolute;max-width:none;object-fit:fill;pointer-events:none}
.speech-window .palma-portrait{display:none}
.dialogue.finale-plan>p{white-space:pre-line}
@media(max-width:700px){.dialogue.reading-window{padding:18px;width:94vw}.clear-quests .dialogue.reading-window>p{font-size:18px;line-height:1.55}.clear-quests .dialogue.report-window>h2{font-size:25px}.clear-quests .dialogue.speech-window>h2{font-size:21px}}
@media(max-height:500px){.dialogue.reading-window{padding:12px 18px;max-height:94dvh}.dialogue.reading-window::before{margin-bottom:5px}.clear-quests .dialogue.reading-window>p{margin:10px 0;line-height:1.45}.clear-quests .dialogue.reading-window>h2{font-size:22px}}
@media(max-width:700px),(max-height:500px){.speech-portrait{--portrait-size:60px}.speech-heading{gap:10px}}