/* h2 decorations */
h2.is-style-purple-bar{border-left:6px solid #1899b5;padding:2px 0 2px 14px}
h2.is-style-purple-underline{border-bottom:3px solid #1899b5;padding-bottom:8px}
h2.is-style-purple-label{background:#1899b5;color:#fff;padding:10px 16px;border-radius:4px}
h2.is-style-purple-box{border:2px solid #1899b5;padding:12px 16px;border-radius:6px}
h2.is-style-purple-center{text-align:center}
h2.is-style-purple-center::after{content:"";display:block;width:48px;height:3px;background:#1899b5;margin:12px auto 0}
.article-body,.editor-styles-wrapper{counter-reset:purple-h2}
h2.is-style-purple-number{counter-increment:purple-h2;display:flex;align-items:center;gap:12px}
h2.is-style-purple-number::before{content:counter(purple-h2,decimal-leading-zero);flex:none;font-weight:800;color:#fff;background:#1899b5;border-radius:999px;min-width:2.2em;height:2.2em;display:inline-flex;align-items:center;justify-content:center;font-size:.6em}

/* dialogue */
p[class*="is-style-speaker-"]{--sp:#6495ed;position:relative;margin:0 0 1.1em;padding:12px 16px 12px 16px;border-left:4px solid var(--sp);background:color-mix(in srgb,var(--sp) 8%,#fff);border-radius:0 8px 8px 0;line-height:1.9}
p.is-style-speaker-1{--sp:#4a7fe0}
p.is-style-speaker-2{--sp:#e0577f}
p.is-style-speaker-3{--sp:#3fa66a}
p.is-style-speaker-4{--sp:#e8892b}
p[class*="is-style-speaker-"] > strong:first-child{display:inline-block;background:var(--sp);color:#fff;font-size:.78em;font-weight:700;line-height:1;padding:6px 12px;border-radius:999px;margin-right:12px;vertical-align:middle}