.dialogue-title{padding-bottom:42px!important}
.dialogue-back{display:block;width:fit-content;margin-bottom:28px;color:#765e80;font-size:12px;text-decoration:none}
.dialogue-back:hover{text-decoration:underline}
.dialogue-title .eyebrow{display:block}
.dialogue-title h1{max-width:1000px;margin:15px 0 12px}
.dialogue-title .lead{margin-bottom:20px}
.dialogue-introduction{max-width:790px;font-size:15px;line-height:1.75;color:#675a70}
.dialogue-viewer-help{margin:24px 0 0;font-size:12px;line-height:1.6;color:#756780}
.dialogue-sequence{padding:0 clamp(22px,4.2vw,64px) 60px}
.dialogue-turns{list-style:none;display:grid;gap:36px;margin:0;padding:0}
.dialogue-turn{scroll-margin-top:24px}
.dialogue-panel{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);min-width:0;background:#1d1729;border:1px solid #574463;color:var(--paper)}
.dialogue-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;background:#0f0b17;text-decoration:none;line-height:0}
.dialogue-art img{display:block;width:100%;height:auto;image-rendering:auto}
.dialogue-art-open{position:absolute;right:14px;bottom:14px;border:1px solid #a795b2;padding:8px 11px;color:#f1eee5;background:#161322eb;font:11px/1.4 'Courier New',monospace}
.dialogue-art:hover .dialogue-art-open{background:#493153;border-color:#e3cbdc}
.dialogue-turn-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(24px,3vw,46px)}
.dialogue-turn-number{font:10px/1.5 'Courier New',monospace;letter-spacing:.08em;color:#b9a2c6}
.dialogue-turn h2{margin:13px 0 22px;color:#e7d8c0;font:clamp(28px,3vw,42px)/1.1 var(--serif)}
.dialogue-turn blockquote{padding:0;margin:0;border:0;max-width:37ch}
.dialogue-turn blockquote p{margin:0;font:clamp(19px,1.8vw,26px)/1.6 var(--serif);color:#f0e9e5;overflow-wrap:break-word}
.dialogue-turn[data-speaker="dracula"] .dialogue-turn-copy{border-left:3px solid #9c7187}
.dialogue-turn[data-speaker="richter"] .dialogue-turn-copy{border-left:3px solid #8ca7c9}
.dialogue-source{margin:22px 0 0;font:10px/1.6 'Courier New',monospace;color:#ac9abb}
.dialogue-next{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;padding:11px 0;width:100%;border-top:1px solid #5c4767;color:#e6c9a2;font-size:12px;line-height:1.5;text-decoration:none}
.dialogue-next:hover{color:#fff1d7}
.dialogue-record{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;margin:0 clamp(22px,4.2vw,64px) 65px;padding-top:36px;border-top:1px solid #bfb1c5}
.dialogue-record h2{max-width:370px;margin:12px 0 0;font:36px/1.15 var(--serif)}
.dialogue-record p{max-width:660px;margin:0 0 20px;font-size:14px;line-height:1.8;color:#675a70}
.dialogue-record .actions{gap:20px}
.opening-dialogue-page .illustration-viewer-info p{max-width:860px;line-height:1.65}
.opening-dialogue-page .illustration-viewer{overflow-y:auto;overscroll-behavior:contain}
.opening-dialogue-page .illustration-viewer-toolbar{position:sticky;top:0;z-index:2;background:var(--night);flex-shrink:0}
.opening-dialogue-page .illustration-full-image,.opening-dialogue-page .illustration-viewer-info,.opening-dialogue-page .illustration-viewer-links,.opening-dialogue-page .illustration-load-status{flex-shrink:0}
@media(min-width:1450px){.dialogue-panel{grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr)}.dialogue-turn-copy{padding:40px}.dialogue-turn blockquote p{font-size:25px}}
@media(max-width:980px){.dialogue-panel{grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr)}.dialogue-turn-copy{padding:24px}.dialogue-turn blockquote p{font-size:20px}.dialogue-turn h2{font-size:30px}.dialogue-record{gap:30px}}
@media(max-width:740px){.dialogue-title{padding-bottom:30px!important}.dialogue-title h1{font-size:48px!important}.dialogue-introduction{font-size:14px}.dialogue-title .actions{align-items:flex-start}.dialogue-panel{grid-template-columns:minmax(0,1fr)}.dialogue-turns{gap:24px}.dialogue-turn-copy{padding:25px 23px}.dialogue-turn h2{font-size:33px;margin-bottom:18px}.dialogue-turn blockquote p{font-size:23px;line-height:1.55}.dialogue-turn blockquote{max-width:none}.dialogue-art-open{right:10px;bottom:10px;padding:6px 9px;font-size:10px}.dialogue-record{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:42px}.dialogue-record h2{font-size:32px}.dialogue-record .actions{align-items:flex-start;gap:18px}.dialogue-sequence{padding-bottom:38px}.dialogue-source{margin-top:20px}.dialogue-next{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.dialogue-art img{transition:none}}
