/* Pen exports bordered frames with the padding already included in their dimensions. */
.pen-viewport :is([data-pencil-id="XwJvM"], [data-pencil-id="y5kfv0"]) [style*="box-sizing: content-box"] {
  box-sizing: border-box !important;
  margin: 0 !important;
}

/* The export offsets centered hairlines by half a pixel. Keep their
   original frame heights so the chapter positions line up down the page. */
.pen-viewport :is([data-pencil-id="cde0S"], [data-pencil-id="gZqxN"]) { height: 64px !important; }
.pen-viewport :is([data-pencil-id="bcEiF"], [data-pencil-id="h2ul7E"]) { height: 68px !important; }
.pen-viewport [data-pencil-id="ojuxM"] { height: 46px !important; }
.pen-viewport [data-pencil-id="Ptyfu"] { height: 234px !important; }
.pen-viewport [data-pencil-id="cdE2M"] { height: 82px !important; }
.pen-viewport :is([data-pencil-id="ASJs2"], [data-pencil-id="Qehcl"], [data-pencil-id="OsIuI"]) { height: 297px !important; }
.pen-viewport [data-pencil-id="xPWGK"] { height: 202px !important; }
.pen-viewport [data-pencil-id="u6S7f"] { height: 157px !important; }
.pen-viewport [data-pencil-id="XoVel"] { height: 130px !important; }
.pen-viewport [data-pencil-id="p640Ve"] { height: 184px !important; }
.pen-viewport :is([data-pencil-id="u6S7f"], [data-pencil-id="XoVel"], [data-pencil-id="p640Ve"]):has([hidden]) { height: auto !important; }
.pen-viewport [data-pencil-id="V9HZW"] { height: 301px !important; }
.pen-viewport :is([data-pencil-id="XGuUG"], [data-pencil-id="cZQOH"]) { height: 100px !important; }
.pen-viewport [data-pencil-id="u6bl4u"] { min-height: 126px; }
.pen-viewport [data-pencil-id="Qu1Fw"] { min-height: 60px; }
.pen-viewport [data-pencil-id="gHFXy"] { width: 350px !important; padding-left: 13px !important; }
.pen-viewport [data-pencil-id="ULQB9"] { width: 350px !important; padding-left: 13px !important; }
.pen-viewport [data-pencil-id="SQXoW"] { width: 350px !important; padding-left: 15px !important; }
.pen-viewport [data-pencil-id="RJocX"] { letter-spacing: -.1px !important; }
.pen-viewport [data-pencil-id="zFejZ"] { box-sizing: border-box !important; height: 64px !important; }

/* Match the native artboard's Korean space advance in the browser. */
.pen-viewport :is([data-pencil-id="XwJvM"], [data-pencil-id="y5kfv0"], [data-pencil-id="RSaBo"]) [style*="Noto Sans KR"] { word-spacing: -.055em; }
/* The two dialogue symbols use the monochrome artwork from the column. */
.pen-dialog-symbol {display:inline-block;width:19px;height:26px;vertical-align:top;font-size:0;color:transparent;background-repeat:no-repeat}
.pen-raised-hand {background-image:url("assets/pen/raised-hand.png");background-size:12.25px 15.25px;background-position:3.25px 7.25px}
.pen-speech {background-image:url("assets/pen/speech.png");background-size:13.25px 12.5px;background-position:2.75px 8.75px}
