.comic-chapter-break {
  display: grid;
  gap: 8px;
  margin-top: 50px;
  padding: 72px 20px 34px;
  border-top: 1px solid #302c26;
  text-align: center;
}

.comic-chapter-break span {
  color: var(--gold);
  font: 700 13px "Barlow Condensed";
  letter-spacing: 0.18em;
}

.comic-chapter-break strong {
  font: 800 clamp(34px, 6vw, 66px) / 0.9 "Barlow Condensed";
}

.chapter-switcher {
  display: flex;
  justify-content: center;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  margin: 0 auto 28px;
  padding: 6px;
  border: 1px solid #463f36;
  border-radius: 8px;
  background: #110f0d;
  box-shadow: 0 10px 35px #0009;
}

.chapter-switcher a {
  display: block;
  min-width: 112px;
  padding: 11px 16px;
  border-radius: 5px;
  color: var(--cream);
  font: 800 14px "Barlow Condensed";
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
}

.chapter-switcher a:hover,
.chapter-switcher a.is-active {
  background: var(--red);
  color: #fff;
}

.novel-copy .novel-chapter-switcher {
  margin: -12px auto 48px;
  font-family: Inter, sans-serif;
}

.comic-page,
#chapter-1,
#chapter-2 {
  scroll-margin-top: 160px;
}

@media (max-width: 720px) {
  .chapter-switcher {
    margin-bottom: 18px;
  }

  .chapter-switcher a {
    min-width: 104px;
    padding: 10px 13px;
    font-size: 13px;
  }

  .comic-page,
  #chapter-1,
  #chapter-2 {
    scroll-margin-top: 132px;
  }
}

/* Vintage navigation details */
.comic-chapter-break {
  margin: 52px 0 16px;
  padding: 58px 22px 30px;
  border: 5px double var(--v-line, #6e5432);
  background: var(--v-paper, #eadbb7);
  color: var(--v-ink, #23180f);
  box-shadow: 8px 10px 0 #0d070566;
}
.comic-chapter-break span { color: var(--v-blue, #174a68); font-family: Georgia, serif; }
.comic-chapter-break strong { color: var(--v-red, #9f251d); font-family: "Cormorant Garamond", Georgia, serif; }
.chapter-switcher {
  border: 4px double var(--v-line, #6e5432);
  border-radius: 0;
  background: var(--v-paper, #eadbb7);
  box-shadow: 6px 8px 0 #0d070566;
}
.chapter-switcher a {
  border-radius: 0;
  color: var(--v-ink, #23180f);
  font-family: Georgia, serif;
}
.chapter-switcher a:hover,
.chapter-switcher a.is-active { background: var(--v-red, #9f251d); color: #fff; }