Converting EPUB to AZW3 breaking chapter headings

[meghane_e]

Hello,
I'm doing an EPUB conversion and the AZW3 is being split into a new page at "ch-num". I don't really know what I should be looking out for on this or if there's a set of CSS to use. I'm trying to simplify some extremely convoluted formatting that existed in the original file. Thank you!


HTML

    <div class="ch-heading">        
      <h2 class="ch-title"><span class="ch-num">23</span>
        EXAMPLE TITLE
      </h2>
     </div>

# CSS
.ch-heading {
  -webkit-hyphenate-limit-after: 4;
  -webkit-hyphenate-limit-before: 4;
  -webkit-hyphenate-limit-lines: 2;
  font-family: Alegreya, serif;
  font-kerning: auto;
  font-size: 1.125em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.12em;
  line-height: 1.2;
  margin: 2em 6% 6em 6%;
  min-height: 3em;
  page-break-inside: avoid;
  text-align: center;
  text-transform: uppercase;
}
.ch-num {
  display: block;
  min-height: 1.5em;
  font-family: Alegreya, serif;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.2em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}
.ch-title, .element-title {
  display: block;
  font-family: Alegreya, serif;
  font-kerning: auto;
  font-size: 1.125em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.12em;
  line-height: 1.2;
  page-break-inside: avoid;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
}

[kovidgoyal]

Look under the structure detection section of the conversion dialog at the detect chapters and chapter mark settings.

[meghane_e]

Hello, thanks for responding, but I wasn't clear what you were indicating should actually be changed. I assumed "Chapter mark" and tried changing it to "none". Converting it with that setting did the same thing of splitting the file into two files at "ch-num" and the "ch-title".

[kovidgoyal]

Then your input file likely has page breaks at those css classes. You can turn of splitting at page breaks in the epub output section of the conversion dialog

[theducks]

Originally Posted by meghane_e

Hello, thanks for responding, but I wasn't clear what you were indicating should actually be changed. I assumed "Chapter mark" and tried changing it to "none". Converting it with that setting did the same thing of splitting the file into two files at "ch-num" and the "ch-title".

the font used gave me the clue: Velum was used to code that mess.
Velum uses multiple H# tags in their heading blocks. (an old school way of styling in the 80's, before CSS)
Calibre also breaks on H# tags by default (preferences (or the start of conversion): common options: Structure detection)
In this respect, I agree with Jon, Vellum writes garbage code. It works as delivered, but trips up 'clic here' type conversions.

If I need a second line heading (AKA title) I usually code it all as 1 heading.

<h3 class="chapno">123 <br />
<span class="chaptitle">One or Two or Three</span></h3>

You adjust the styling ratio in the CSS 'chaptitle'
Another advantage ir the TOC tool make the entry: 123 One or Two or Three

I have a bunch of saved searches (i use as templates) to adjust what I deem as excessive waste (12em minimum) between the chapnum and the chaptitle that velum uses.
I use 6em, not just nuke all spacing

[JSWolf]

Vellum also uses a bunch of messy, worthless divs for the header. Plus the Amazon media queries it uses are all wrong.

Vellum is the reason to use a Windows computer to create eBooks. Vellum is Mac only. In Windows, it's best to use calibre and/or Sigil.

[meghane_e]

So, what I have might be a mish-mash of Velum and my own attempt to simplify it?

Here's the original HTML of the file I was trying to simplify.

    <div class="heading heading-container-single heading-size-full heading-format-full heading-alignment-flexible heading-without-image">
      <div class="heading-contents">
        <div class="title-subtitle-block title-block-with-element-number">
          <div class="element-number-block">
            <div class="element-number case-upper">1</div>
          </div>
          <div class="title-block">
            <h1 class="element-title case-upper">STRANGE BUSINESS</h1>
          </div>
        </div>
      </div>
    </div>

And honestly, the heading block wasn't even that bad compared to some of the internal structures for particular bits of formatted text which aren't translating to Kindle very well at all.

[Sirtel]

Set Chapter mark to none and delete everything from the box Insert page breaks before.... Put just / there.

[meghane_e]

I simplified the CSS even further by removing a lot of the overly specific stuff and this seems to have fixed the problem.

#CSS
.ch-heading {
  display: block;
  font-family: Alegreya, serif;
  font-size: 90%;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  margin: 2em 6% 6em 6%;
}
.ch-title {
  display: block;
  font-size: 120%;
  letter-spacing: 0.15em;
  padding-top: 0.25em;
}

#HTML
  <h2 class="ch-heading">4
    <span class="ch-title">CANNIBALS AND SPELUNKING</span>	
  </h2>

[meghane_e]

Originally Posted by Sirtel

Set Chapter mark to none and delete everything from the box Insert page breaks before.... Put just / there.

On my Convert Books > Structure detection > Insert Page Breaks... it defaults to simply / which is all that's there. What would I be changing?

[Sirtel]

Originally Posted by meghane_e

On my Convert Books > Structure detection > Insert Page Breaks... it defaults to simply / which is all that's there. What would I be changing?

Nothing, if / is all there is. It's strange that you still get page breaks then. Are there any page-breaks specified in the book css?

[meghane_e]

I don't think so. The only thing I saw that said anything about page breaks was "page-break-inside: avoid;" The best I can speculate, as Ducks and Wolf implied, is it was written in Vellum and had a media.css file with a bunch of specific browser-handling code.

I wish I could live in my old brain that used to do QA and Software testing and give you a really good step-by-step report. But my brain is broken these days, LOL

Best I can do is include the media.css file

[meghane_e]

/*
 * He Who Fights With Monsters
 * Stylesheet generated by Vellum
 */

@media not amzn-mobi {
    div.refnote p {
        line-height: 1.3;
    }
}
@media not amzn-mobi {
    p span.last-word, li span.lastword {
        -webkit-hyphenate-limit-after: 7;
    }
}
@media not amzn-mobi {
    .toc-item p {
        line-height: 1.2;
    }
}
@media not amzn-mobi {
    span.monospace, span.monospace b {
        font-family: Courier, monospace;
    }
}
@media not amzn-mobi {
    span.sans-serif, span.sans-serif b {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
}
@media screen and (max-width: 420px) {
    div.list-text-feature {
        padding-right: 0px;
    }
}
@media screen and (max-width: 420px) {
    blockquote.verse {
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
}
@media screen and (min-width: 421px) {
    h1, h2, h3, h4 {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media screen and (min-width: 421px) {
    p span.c-word, p span.hyphenation-disabled {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media amzn-kf8 {
    img.emoji-rendering {
        height: 1.05em;
        margin-bottom: -0.1em;
    }
}
@media amzn-mobi {
    img.emoji-rendering {
        display: none;
    }
}
@media not amzn-mobi {
    a, a * {
        color: rgb(36, 39, 116);
    }
}
@media amzn-kf8 {
    div a.link-contains-image {
        text-decoration: none;
    }
}
@media amzn-mobi {
    h2.section-title {
        margin-top: 1em;
    }
}
@media amzn-mobi {
    blockquote {
        margin-top: 1em;
        margin-bottom: 1em;
    }
}
@media screen and (max-width: 420px) {
    p.blockquote-attribution {
        margin-left: 0em;
    }
}
@media screen and (min-width: 421px) {
    p.blockquote-attribution {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media amzn-mobi {
    blockquote.prose {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media amzn-mobi {
    p.blockquote-content-prose, p.blockquote-attribution {
        margin-left: 1.5em;
        margin-right: 1.5em;
    }
}
@media amzn-mobi {
    .implicit-break {
        margin-bottom: 2em;
    }
}
@media not amzn-mobi {
    blockquote.prose.keep-lines-on-same-page p, blockquote.verse.keep-lines-on-same-page .stanza, blockquote.keep-lines-on-same-page .paragraph-and-attribution, blockquote.text-conversation.keep-lines-on-same-page, blockquote.written-note.keep-lines-on-same-page, div.alignment-block.keep-lines-on-same-page .text-block, div.list-text-feature.keep-lines-on-same-page {
        page-break-inside: avoid;
    }
}
@media screen and (min-width: 421px) {
    li {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media amzn-mobi {
    div.text {
        margin-top: 2em;
        margin-bottom: 2em;
    }
}
@media amzn-mobi {
    span.sans-serif {
        font-family: Helvetica, Arial, sans-serif;
    }
}
@media amzn-mobi {
    img.low-res {
        display: inline;
    }
}
@media amzn-mobi {
    img.high-res {
        display: none;
    }
}
@media screen and (min-width: 421px) {
    .inline-image.inline-image-after-section-begin.inline-image-flow-within-text.inline-image-flow-left, .inline-image.inline-image-after-section-begin.inline-image-flow-within-text.inline-image-flow-right {
        margin-top: 0.75em;
    }
}
@media screen and (min-width: 421px) {
    .inline-image.inline-image-begins-section.inline-image-flow-left, .inline-image.inline-image-begins-section.inline-image-flow-right {
        margin-top: 0.1em;
    }
}
@media screen and (min-width: 421px) {
    .inline-image.inline-image-before-element-end.inline-image-flow-within-text.inline-image-flow-left, .inline-image.inline-image-before-element-end.inline-image-flow-within-text.inline-image-flow-right {
        margin-bottom: 0.75em;
    }
}
@media not amzn-mobi {
    .accessible-character-formatting .inline-image-caption {
        font-size: 90%;
    }
}
@media screen and (min-width: 421px) {
    .inline-image-caption {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media not amzn-mobi {
    .inline-image-flow-left .inline-image-caption, .inline-image-flow-right .inline-image-caption {
        margin-bottom: 0.5em;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-left .inline-image-caption, .inline-image-flow-right .inline-image-caption {
        margin-bottom: 0px;
    }
}
@media screen and (max-height: 580px) {
    .inline-image-flow-separate-page.inline-image-aspect-wide.inline-image-size-large {
        padding-top: 80px;
    }
}
@media screen and (max-height: 580px) {
    .inline-image-flow-separate-page.inline-image-aspect-wide.inline-image-size-full {
        padding-top: 64px;
    }
}
@media screen and (max-height: 580px) {
    .inline-image-flow-separate-page.inline-image-aspect-square.inline-image-size-large {
        padding-top: 64px;
    }
}
@media screen and (max-height: 580px) {
    .inline-image-flow-separate-page.inline-image-aspect-square.inline-image-size-full {
        padding-top: 32px;
    }
}
@media screen and (max-height: 580px) {
    .inline-image-flow-separate-page.inline-image-aspect-tall.inline-image-size-large {
        padding-top: 0px;
    }
}
@media screen and (max-height: 380px) {
    .inline-image-flow-separate-page.inline-image-aspect-wide.inline-image-size-large, .inline-image-flow-separate-page.inline-image-aspect-wide.inline-image-size-full, .inline-image-flow-separate-page.inline-image-aspect-square.inline-image-size-large, .inline-image-flow-separate-page.inline-image-aspect-square.inline-image-size-full {
        padding-top: 0px;
    }
}
@media not amzn-mobi {
    .inline-image-kind-bookcover img {
        box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.3);
    }
}
@media not amzn-mobi {
    .inline-image-kind-bookcover.inline-image-with-caption img {
        margin-bottom: 1px;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-kind-bookcover.inline-image-flow-left, .inline-image-kind-bookcover.inline-image-flow-right {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-kind-bookcover.inline-image-size-full.inline-image-flow-left, .inline-image-kind-bookcover.inline-image-size-full.inline-image-flow-right {
        margin-left: 11px;
        margin-right: 11px;
    }
}
@media not amzn-mobi {
    .inline-image-kind-figure img {
        border-top-color: rgb(152, 152, 152);
        border-right-color: rgb(152, 152, 152);
        border-bottom-color: rgb(152, 152, 152);
        border-left-color: rgb(152, 152, 152);
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        box-sizing: border-box;
    }
}
@media not amzn-mobi {
    .inline-image-caption span.figure-number {
        font-variant-ligatures: normal;
        font-variant: small-caps;
        font-variant-alternates: initial;
        font-variant-numeric: normal;
        font-variant-east-asian: initial;
        font-variant-position: initial;
    }
}
@media amzn-mobi {
    p.inline-image-caption {
        text-align: center;
    }
}
@media not amzn-mobi {
    .inline-image .inline-image-container img {
        width: 100%;
        height: auto;
    }
}
@media not amzn-mobi {
    .inline-image-flow-left.inline-image-flow-within-text .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text .inline-image-container {
        width: 100%;
    }
}
@media not amzn-mobi {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-small .inline-image-container {
        width: 35%;
    }
}
@media not amzn-mobi {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-medium .inline-image-container {
        width: 50%;
    }
}
@media not amzn-mobi {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-large .inline-image-container {
        width: 75%;
    }
}
@media not amzn-mobi {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-full .inline-image-container {
        width: 100%;
    }
}
@media not amzn-mobi {
    .inline-image-aspect-tall.inline-image-size-large.inline-image-with-caption .inline-image-container {
        width: 66%;
    }
}
@media not amzn-mobi {
    .inline-image-aspect-tall.inline-image-size-full.inline-image-with-caption .inline-image-container {
        width: 76%;
    }
}
@media amzn-kf8 {
    .inline-image-container {
        display: block;
    }
}
@media amzn-kf8 {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-small .inline-image-container {
        margin-right: 32.5%;
        margin-left: 32.5%;
    }
}
@media amzn-kf8 {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-medium .inline-image-container {
        margin-right: 25%;
        margin-left: 25%;
    }
}
@media amzn-kf8 {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-large .inline-image-container {
        margin-right: 12.5%;
        margin-left: 12.5%;
    }
}
@media amzn-kf8 {
    .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-full .inline-image-container {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media amzn-kf8 {
    .inline-image-aspect-tall.inline-image-size-large.inline-image-with-caption .inline-image-container {
        margin-right: 17%;
        margin-left: 17%;
    }
}
@media amzn-kf8 {
    .inline-image-aspect-tall.inline-image-size-full.inline-image-with-caption .inline-image-container {
        margin-right: 12%;
        margin-left: 12%;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text, .inline-image-flow-right.inline-image-flow-within-text {
        float: none;
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-small .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-small .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-small .inline-image-container {
        width: 40%;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-small, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-small {
        width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-medium .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-medium .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-medium .inline-image-container {
        width: 55%;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-medium, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-medium {
        width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-large .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-large .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-large .inline-image-container {
        width: 80%;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-large, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-large {
        width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-full .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-full .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-full .inline-image-container {
        width: 100%;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-full, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-full {
        width: 100%;
    }
}
@media amzn-kf8 and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-small .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-small .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-small .inline-image-container {
        margin-right: 30%;
        margin-left: 30%;
    }
}
@media amzn-kf8 and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-small, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-small {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media amzn-kf8 and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-medium .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-medium .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-medium .inline-image-container {
        margin-right: 22.5%;
        margin-left: 22.5%;
    }
}
@media amzn-kf8 and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-medium, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-medium {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media amzn-kf8 and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-large .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-large .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-large .inline-image-container {
        margin-right: 10%;
        margin-left: 10%;
    }
}
@media amzn-kf8 and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-large, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-large {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media amzn-kf8 and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-full .inline-image-container, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-full .inline-image-container, .inline-image-flow-center.inline-image-flow-within-text.inline-image-size-full .inline-image-container {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media amzn-kf8 and (max-width: 420px) {
    .inline-image-flow-left.inline-image-flow-within-text.inline-image-size-full, .inline-image-flow-right.inline-image-flow-within-text.inline-image-size-full {
        margin-right: 0%;
        margin-left: 0%;
    }
}
@media not amzn-mobi {
    .accessible-character-formatting p.dedication-content {
        font-style: normal;
    }
}
@media screen and (max-height: 580px) {
    .element-type-dedication.element-without-heading {
        margin-top: 7em;
    }
}
@media screen and (max-height: 580px) {
    .element-type-epigraph.element-without-heading {
        margin-top: 7em;
    }
}
@media screen and (min-width: 421px) {
    p.dedication-content, p.epigraph-content {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media not amzn-mobi {
    .element-type-also-by .heading .title-block, .element-type-blurbs .heading .title-block {
        font-size: 90%;
    }
}
@media not amzn-mobi {
    .element-type-also-by .subhead {
        text-align: center;
    }
}
@media screen and (min-width: 421px) {
    p.also-by-content {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media amzn-mobi {
    p.also-by-content {
        text-align: center;
    }
}
@media screen and (max-height: 580px) {
    p.also-by-content, p.also-by-content.alignment-block-content {
        margin-top: 0.25em;
    }
}
@media not amzn-mobi {
    .element-type-blurbs blockquote {
        page-break-inside: avoid;
    }
}
@media screen and (max-width: 420px) {
    .toc-contents {
        padding-left: 0%;
        padding-right: 0%;
    }
}
@media amzn-mobi {
    .toc-contents {
        padding-left: 0%;
        padding-right: 0%;
    }
}
@media screen and (min-width: 421px) {
    p.toc-content {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media not amzn-mobi {
    .toc-item.has-no-children .toc-item-title {
        text-indent: -1.5rem;
        padding-left: 1.5rem;
    }
}
@media not amzn-mobi {
    .toc-item.has-leading-number .toc-item-author, .toc-item.has-leading-number .toc-item-subtitle {
        margin-left: 1.5rem;
    }
}
@media not amzn-mobi {
    .toc-item-entry-type-part .toc-item-number {
        font-size: 70%;
    }
}
@media not amzn-mobi {
    .element-type-toc .heading .title-block {
        font-size: 95%;
    }
}
@media amzn-mobi {
    div.toc-frontmatter-group {
        margin-bottom: 1em;
    }
}
@media amzn-mobi {
    div.toc-backmatter-group {
        margin-top: 1em;
    }
}
@media screen and (min-width: 421px) {
    p.copyright-content, span.copyright-content {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media not amzn-mobi {
    .element-type-copyright ul {
        margin-top: 0.5em;
    }
}
@media screen and (max-height: 580px) {
    .element-type-copyright.element-without-heading {
        margin-top: 1em;
    }
}
@media not amzn-mobi {
    .element-type-copyright .created-with-vellum {
        padding-top: 0.5em;
    }
}
@media not amzn-mobi {
    .element-type-copyright .created-with-vellum a {
        text-decoration: none;
    }
}
@media not amzn-mobi {
    .element-type-copyright .created-with-vellum-text {
        font-size: 80%;
    }
}
@media not amzn-mobi {
    .element-type-copyright .created-with-vellum-text {
        color: rgb(51, 51, 51);
    }
}
@media not amzn-mobi {
    p.blockquote-attribution, p.blockquote-attribution sub, p.blockquote-attribution sup {
        font-family: Alegreya, serif;
        font-weight: normal;
        font-style: normal;
    }
}
@media not amzn-mobi {
    p.blockquote-attribution, p.blockquote-attribution sub, p.blockquote-attribution sup {
        text-transform: uppercase;
    }
}
@media amzn-mobi {
    .heading-container-single {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media not amzn-mobi {
    .heading-container-single h1.element-title, .heading-container-single div.element-number, .heading-container-single h1.element-number-and-title, .heading-container-single h2.element-subtitle, .heading-container-single h2.element-author {
        text-align: center;
    }
}
@media screen and (max-height: 580px) {
    .heading-size-full {
        min-height: 10em;
    }
}
@media not amzn-mobi {
    .heading-size-full.heading-without-image .heading-contents {
        padding-top: 4.5em;
    }
}
@media not amzn-mobi {
    .heading-size-full.heading-with-image .heading-contents {
        padding-top: 2em;
    }
}
@media screen and (max-height: 580px) {
    .heading-size-full.heading-without-image .heading-contents {
        padding-top: 2.5em;
    }
}
@media screen and (max-height: 580px) {
    .heading-size-full.heading-with-image .heading-contents {
        padding-top: 1em;
    }
}
@media amzn-kf8 {
    .heading-size-full.heading-without-image .heading-contents {
        padding-top: 3.0015em;
    }
}
@media amzn-kf8 {
    .heading-size-full.heading-with-image .heading-contents {
        padding-top: 1.334em;
    }
}
@media not amzn-mobi {
    .heading-container-single .heading-image-block-before-element-number {
        margin-bottom: 2em;
    }
}
@media not amzn-mobi {
    .heading-container-single .heading-image-block-after-element-number {
        margin-top: 1.5em;
        margin-bottom: 1em;
    }
}
@media not amzn-mobi {
    .heading-container-single .heading-image-block-after-title-and-subtitle {
        margin-top: 1.5em;
    }
}
@media not amzn-mobi {
    .heading-container-single .heading-image-block {
        display: block;
        text-align: center;
    }
}
@media screen and (max-height: 580px) {
    .heading-container-group {
        margin-bottom: 2em;
    }
}
@media not amzn-mobi {
    .heading-container-group .heading-contents {
        padding-top: 4em;
    }
}
@media screen and (max-height: 580px) {
    .heading-container-group {
        min-height: 11em;
    }
}
@media screen and (max-height: 580px) {
    .heading-container-group .heading-contents {
        padding-top: 3em;
    }
}
@media not amzn-mobi {
    .heading h1, .heading h2, .heading h3 {
        line-height: 1.2;
    }
}
@media not amzn-mobi {
    img.heading-image-image {
        width: 100%;
        height: auto;
    }
}
@media not amzn-mobi {
    .heading-ornament-size-container img.heading-ornament-image {
        width: 100%;
        height: auto;
    }
}
@media amzn-mobi {
    img.heading-ornament-image {
        display: none;
    }
}
@media amzn-mobi {
    .heading-alignment-fixed {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media not amzn-mobi {
    .heading-alignment-fixed .element-number, .heading-alignment-fixed .element-title, .heading-alignment-fixed .element-subtitle, .heading-alignment-fixed .element-author {
        text-align: center;
    }
}
@media not amzn-mobi {
    .heading-container-group .element-number {
        font-size: 130%;
    }
}
@media screen and (max-height: 580px), screen and (max-width: 420px) {
    .heading-container-group .element-number {
        font-size: 100%;
    }
}
@media not amzn-mobi {
    .heading-container-group .element-title {
        font-size: 150%;
    }
}
@media screen and (max-height: 580px), screen and (max-width: 420px) {
    .heading-container-group .element-title {
        font-size: 110%;
    }
}
@media not amzn-mobi {
    .heading-container-group .element-subtitle {
        margin-top: 1.3em;
        margin-bottom: 1.5em;
        font-size: 100%;
    }
}
@media screen and (max-height: 580px), screen and (max-width: 420px) {
    .heading-container-group .element-subtitle {
        font-size: 90%;
    }
}
@media not amzn-mobi {
    .heading-container-group .element-author {
        margin-top: 1.3em;
        margin-bottom: 1.5em;
        font-size: 120%;
    }
}
@media screen and (max-height: 580px), screen and (max-width: 420px) {
    .heading-container-group .element-author {
        font-size: 100%;
    }
}
@media not amzn-mobi {
    .heading-container-group .heading-image-block {
        display: block;
        text-align: center;
    }
}
@media not amzn-mobi {
    .heading-container-group .heading-image-block-before-heading-number {
        margin-bottom: 2em;
    }
}
@media not amzn-mobi {
    .heading-container-group .heading-image-block-after-heading-number {
        margin-top: 1.5em;
        margin-bottom: 1.3em;
    }
}
@media not amzn-mobi {
    .heading-container-group .heading-image-block-after-title-and-subtitle {
        margin-top: 1.5em;
    }
}
@media not amzn-mobi {
    .heading-size-small .title-subtitle-block, .heading-size-small .title-subtitle-block .title-block, .heading-size-small .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media not amzn-mobi {
    .heading-size-small .heading-contents {
        padding-top: 2em;
    }
}
@media not amzn-mobi {
    .heading-size-medium .title-subtitle-block, .heading-size-medium .title-subtitle-block .title-block, .heading-size-medium .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media not amzn-mobi {
    .heading-size-medium .heading-contents {
        padding-top: 3em;
    }
}
@media screen and (max-height: 580px) {
    .heading-size-medium {
        min-height: 4em;
    }
}
@media screen and (max-height: 580px) {
    .heading-size-medium .title-subtitle-block, .heading-size-medium .title-subtitle-block .title-block, .heading-size-medium .title-subtitle-block .element-number-block {
        padding-top: 0px;
    }
}
@media screen and (max-height: 580px) {
    .heading-size-medium .heading-contents {
        padding-top: 1.25em;
    }
}
@media not amzn-mobi {
    .heading-size-full.heading-without-image .heading-contents {
        padding-top: 3.5em;
    }
}
@media not amzn-mobi {
    .heading-size-full.heading-with-image .heading-contents {
        padding-top: 0.5em;
    }
}
@media screen and (max-height: 580px) {
    .heading-size-full.heading-without-image .heading-contents {
        padding-top: 1.5em;
    }
}
@media screen and (max-height: 580px) {
    .heading-size-full.heading-with-image .heading-contents {
        padding-top: 0em;
    }
}
@media amzn-kf8 {
    .heading-size-full.heading-without-image .heading-contents {
        padding-top: 2.3345em;
    }
}
@media amzn-kf8 {
    .heading-size-full.heading-with-image .heading-contents {
        padding-top: 0.3335em;
    }
}
@media not amzn-mobi {
    .heading-container-single .element-number {
        font-size: 100%;
        letter-spacing: 0.2em;
    }
}
@media screen and (max-width: 420px) {
    .heading-container-single .element-number {
        letter-spacing: 0.1em;
    }
}
@media not amzn-mobi {
    .heading-container-single .element-title.case-upper {
        font-size: 115%;
        letter-spacing: 0.12em;
    }
}
@media screen and (max-width: 420px) {
    .heading-container-single .element-title.case-upper {
        letter-spacing: 0.1em;
    }
}
@media not amzn-mobi {
    .heading-container-single .element-title.case-mixed {
        font-size: 122%;
        letter-spacing: 0.02em;
    }
}
@media not amzn-mobi {
    .heading-container-single .element-subtitle.case-upper {
        font-size: 95%;
        letter-spacing: 0.07em;
        margin-top: 0.9em;
    }
}
@media not amzn-mobi {
    .heading-container-single .element-subtitle.case-mixed {
        font-size: 100%;
        margin-top: 1em;
    }
}
@media not amzn-mobi {
    .heading-container-single .element-author {
        font-size: 95%;
        letter-spacing: 0.1em;
        margin-top: 0.75em;
    }
}
@media not amzn-mobi {
    .heading-container-group .element-number, .heading-container-group .element-title.case-upper, .heading-container-group .element-subtitle.case-upper, .heading-container-group .element-author {
        letter-spacing: 0.05em;
    }
}
@media not amzn-mobi {
    .heading-container-group .element-subtitle {
        margin-top: 1em;
        margin-bottom: 1.5em;
    }
}
@media not amzn-mobi {
    .heading-container-group .element-author {
        margin-top: 0.75em;
    }
}
@media not amzn-mobi {
    a, a * {
        color: rgb(99, 15, 50);
    }
}
@media not amzn-mobi {
    .heading-format-full .element-number-block {
        min-height: 1.5em;
    }
}
@media not amzn-mobi {
    .heading-size-full.heading-without-image .heading-contents {
        padding-top: 5em;
    }
}
@media not amzn-mobi {
    .heading-size-full.heading-with-image .heading-contents {
        padding-top: 1em;
    }
}
@media screen and (max-height: 580px) {
    .heading-size-full.heading-without-image .heading-contents {
        padding-top: 2.5em;
    }
}
@media screen and (max-height: 580px) {
    .heading-size-full.heading-with-image .heading-contents {
        padding-top: 0em;
    }
}
@media amzn-kf8 {
    .heading-size-full.heading-without-image .heading-contents {
        padding-top: 3.335em;
    }
}
@media amzn-kf8 {
    .heading-size-full.heading-with-image .heading-contents {
        padding-top: 0.667em;
    }
}
@media not amzn-mobi {
    .heading-container-single .element-subtitle {
        margin-top: 0.25em;
    }
}
@media amzn-mobi {
    div.heading {
        margin-top: 2em;
        min-height: inherit;
        margin-bottom: 4em;
    }
}
@media amzn-mobi {
    div.element-number, h1.element-title, h1.element-number-and-title {
        text-align: center;
        margin-bottom: 9pt;
    }
}
@media amzn-mobi {
    h2.element-subtitle {
        text-align: center;
    }
}
@media amzn-mobi {
    h2.element-author {
        text-align: center;
    }
}
@media amzn-mobi {
    img.heading-image-image {
        margin-top: 10pt;
        margin-bottom: 10pt;
    }
}
@media amzn-mobi {
    div.heading-image-size-container {
        text-align: center;
    }
}
@media not amzn-mobi {
    .element-number, .element-title, .element-number-and-title, .element-subtitle, .element-author, .section-title, .section-title sub, .section-title sup, h1.title-page-title, h2.title-page-subtitle, p.title-page-series-name, p.title-page-series-position, h2.title-page-contributor span.title-page-contributor-name, h2.title-page-contributor span.title-page-contributor-introduction, h2.title-page-publisher {
        font-family: Alegreya, serif;
        font-weight: normal;
        font-style: normal;
    }
}
@media not amzn-mobi {
    .section-title, .section-title sub, .section-title sup {
        text-transform: uppercase;
    }
}
@media not amzn-mobi {
    h2.title-page-contributor span.title-page-contributor-name {
        text-transform: uppercase;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width {
        -webkit-line-box-contain: block inline replaced;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter {
        float: left;
        text-transform: uppercase;
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter b {
        font-weight: normal;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter i {
        font-style: normal;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter span.underline, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter span.strikethrough {
        text-decoration: none;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-punctuation {
        font-size: 40%;
        vertical-align: middle;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-punctuation.punctuation-elevated {
        vertical-align: super;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-punctuation.punctuation-baseline {
        vertical-align: baseline;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-punctuation {
        font-family: Palatino, Malabar, serif;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter {
        line-height: 0.6;
        margin-top: 0.07em;
        margin-right: 0.05em;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter {
        font-size: 370%;
    }
}
@media amzn-kf8 {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter {
        font-size: 180%;
        margin-right: 0.18em;
        margin-top: -0.24em;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-j, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-q, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-xxx {
        line-height: 0.8;
        margin-top: -0.02em;
    }
}
@media amzn-kf8 {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-j, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-q, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-xxx {
        margin-top: -0.24em;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-a, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-e, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-f, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-i, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-k, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-l, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-m, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-p, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-r, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-w, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-x, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-xxx {
        margin-right: 0.1em;
    }
}
@media amzn-kf8 {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-a, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-e, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-f, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-i, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-k, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-l, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-m, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-p, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-r, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-w, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-x, .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-xxx {
        margin-right: 0.18em;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-q {
        margin-right: 0.2em;
    }
}
@media amzn-kf8 {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-q {
        margin-right: 0.18em;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-j {
        margin-left: 0.15em;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter.first-letter-w .first-punctuation {
        margin-right: 0.1em;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter {
        text-indent: 0px;
    }
}
@media not amzn-mobi {
    .element-container-single.element-bodymatter p.first-in-chapter.first-full-width span.first-letter {
        font-family: Baskerville, serif;
        font-weight: normal;
        font-style: normal;
    }
}
@media not amzn-mobi {
    img.ornamental-break-image {
        width: 100%;
        height: auto;
        vertical-align: top;
    }
}
@media amzn-mobi {
    p.ornamental-break-as-text {
        display: block;
    }
}
@media amzn-mobi {
    div.ornamental-break-block {
        display: none;
    }
}
@media not amzn-mobi {
    div.ornamental-break-block {
        width: 11.2em;
    }
}
@media not amzn-mobi {
    .inline-image-flow-center .inline-image-caption {
        text-align: center;
        width: 70%;
        margin-left: 15%;
        margin-right: 15%;
    }
}
@media not amzn-mobi {
    .inline-image-flow-center .inline-image-caption {
        display: inline-block;
    }
}
@media not amzn-mobi {
    .inline-image-flow-center.inline-image-size-large .inline-image-caption {
        width: 66%;
        margin-left: 17%;
        margin-right: 17%;
    }
}
@media not amzn-mobi {
    .inline-image-flow-center.inline-image-size-full .inline-image-caption {
        width: 84%;
        margin-left: 8%;
        margin-right: 8%;
    }
}
@media not amzn-mobi {
    .inline-image-flow-left .inline-image-caption {
        text-align: left;
        margin-left: 0px;
        margin-right: 9%;
    }
}
@media not amzn-mobi {
    .inline-image-flow-right .inline-image-caption {
        text-align: right;
        margin-left: 9%;
        margin-right: 0px;
    }
}
@media not amzn-mobi {
    .inline-image-size-small.inline-image-flow-left .inline-image-caption {
        margin-right: 0px;
    }
}
@media not amzn-mobi {
    .inline-image-size-small.inline-image-flow-right .inline-image-caption {
        margin-left: 0px;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-right .inline-image-caption, .inline-image-flow-left .inline-image-caption {
        text-align: center;
        display: inline-block;
    }
}
@media screen and (max-width: 420px) {
    .inline-image-flow-center.inline-image-size-small .inline-image-caption, .inline-image-flow-center.inline-image-size-medium .inline-image-caption, .inline-image-flow-center.inline-image-size-large .inline-image-caption, .inline-image-flow-left.inline-image-size-small .inline-image-caption, .inline-image-flow-left.inline-image-size-medium .inline-image-caption, .inline-image-flow-left.inline-image-size-large .inline-image-caption, .inline-image-flow-right.inline-image-size-small .inline-image-caption, .inline-image-flow-right.inline-image-size-medium .inline-image-caption, .inline-image-flow-right.inline-image-size-large .inline-image-caption {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
}
@media not amzn-mobi {
    .inline-image-caption i {
        font-style: normal;
    }
}
@media not amzn-mobi {
    .accessible-character-formatting .inline-image-caption i {
        font-style: italic;
    }
}
@media not amzn-mobi {
    .accessible-character-formatting .inline-image-caption {
        font-style: normal;
    }
}
@media screen and (min-width: 421px) {
    p.alignment-block-content-center {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media screen and (min-width: 421px) {
    p.alignment-block-content-right {
        hyphens: manual;
        overflow-wrap: break-word;
    }
}
@media not amzn-mobi {
    .ornamental-break-width-93 {
        width: 9.3%;
    }
}

[Sirtel]

I don't see nothing particular there. But, ye gods, that media file is a fine mess...

I used to convert epubs to azw3 when I still read on Kindles. That was several years ago, but I don't remember them having page-breaks in chapter headings like you described (I took care to customize the structure detection part). And conversion usually removed the media.css files altogether (I have set "tablet" as my device in calibre).