@font-face{font-family:'Honessi Ink';src:url('fonts/patrick-hand.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
/* Dialogue remains in its own measured area, so it cannot cover a face. */
body[data-issue] #reader.active .stage .hx-prism #dialogue.hx-inked-dialogue.show{
 background:#d7d1c3!important;color:#111719!important;border:0!important;
 padding:8px 10px!important;line-height:1.12!important;font-family:'Honessi Ink',cursive!important;
 overflow:visible!important;text-shadow:none!important;
}
body[data-issue] #reader.active #dialogue.hx-inked-dialogue .hx-speech-line{
 display:block!important;width:fit-content!important;max-width:100%!important;min-width:0!important;
 margin:5px auto!important;padding:.85em 1.6em!important;box-sizing:border-box!important;
 color:#111719!important;background:var(--speaker-colour,#eee5ce)!important;
 border:1.4px solid #111719!important;border-radius:34% 42% 36% 40% / 22px 26px 20px 24px!important;
 box-shadow:none!important;text-shadow:none!important;text-align:center!important;
 line-height:1.14!important;overflow:visible!important;white-space:normal!important;
}
body[data-issue] #reader.active #dialogue.hx-inked-dialogue .hx-speech-line[data-variant="1"]{border-radius:40% 34% 43% 35% / 25px 21px 24px 22px!important}
body[data-issue] #reader.active #dialogue.hx-inked-dialogue .hx-speech-line[data-variant="2"]{border-radius:36% 44% 33% 42% / 23px 26px 22px 20px!important}
body[data-issue] #reader.active #dialogue.hx-inked-dialogue .hx-speech-line[data-variant="3"]{border-radius:44% 35% 40% 34% / 20px 25px 26px 23px!important}
body[data-issue] #reader.active #dialogue.hx-inked-dialogue .hx-narration-line{
 display:block!important;color:#eeeadd!important;background:#111719!important;
 margin:5px auto!important;padding:.45em .75em!important;box-sizing:border-box!important;
 width:fit-content!important;max-width:100%!important;line-height:1.13!important;
 font-style:normal!important;text-align:left!important;text-shadow:none!important;
}
#reader #dialogue.hx-inked-dialogue .hx-spoken-words{font-family:'Honessi Ink',cursive!important;font-weight:400!important;font-size:1.13em!important;letter-spacing:.012em!important;line-height:inherit!important;text-wrap:pretty}
#reader #dialogue.hx-inked-dialogue .hx-ink-word{display:inline-block;white-space:nowrap}
#reader #dialogue.hx-inked-dialogue .hx-ink-letter{display:inline-block;transform-origin:50% 75%}
body[data-issue] #reader.active #dialogue.hx-inked-dialogue .hx-device-line{border-radius:10px 14px 9px 12px!important;background:#18292b!important;color:#e4eeeb!important;border-color:#b8cbc6!important}
body[data-issue] #reader.active .stage .hx-prism #dialogue.hx-inked-dialogue.hx-caption-measure.show{height:auto!important;max-height:none!important;position:absolute!important;visibility:hidden!important}
/* Composed Issue 1 already contains its coloured lettering in the page image. */
html.hx-issue1-composed body[data-issue="1"].interior #reader.active .stage .hx-prism #dialogue.hx-inked-dialogue.show{
 padding:0!important;margin:-1px!important;width:1px!important;height:1px!important;max-height:1px!important;overflow:hidden!important;
}
@media(forced-colors:active){
 body[data-issue] #reader.active #dialogue.hx-inked-dialogue .hx-speech-line,
 body[data-issue] #reader.active #dialogue.hx-inked-dialogue .hx-narration-line{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}
}
#reader #dialogue.hx-inked-dialogue .hx-speaker-accessible{
 position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
 overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}