/* Entranced online reader: chapter breaks must look like chapter breaks. */
body.site-modern .article.chapter{
  background:#fbfaf6;
}
body.site-modern .article.chapter>.wrap{
  max-width:760px;
  counter-reset:entranced-chapter;
}
body.site-modern .article.chapter h2{
  counter-increment:entranced-chapter;
  margin:112px -56px 34px;
  padding:58px 40px 38px;
  border:1px solid #d9e3ef;
  border-radius:24px;
  background:linear-gradient(145deg,#f1f6fc 0%,#ffffff 72%);
  box-shadow:0 18px 46px rgba(23,35,59,.08);
  color:#102442;
  font-family:Montserrat,sans-serif;
  font-size:clamp(2.6rem,7vw,4.8rem);
  font-weight:850;
  letter-spacing:-.055em;
  line-height:1;
  text-align:center;
  text-wrap:balance;
}
body.site-modern .article.chapter h2:first-child{
  margin-top:0;
}
body.site-modern .article.chapter h2::before{
  content:"Chapter " counter(entranced-chapter,decimal-leading-zero);
  position:static;
  display:block;
  width:auto;
  height:auto;
  margin:0 0 17px;
  border:0;
  border-radius:0;
  background:none;
  color:#42658f;
  font-size:.77rem;
  font-weight:800;
  letter-spacing:.18em;
  line-height:1.2;
  text-transform:uppercase;
}
body.site-modern .article.chapter .dateline{
  max-width:620px;
  margin:-14px auto 46px;
  color:#66758a;
  font-family:Montserrat,sans-serif;
  font-size:.92rem;
  font-style:normal;
  font-weight:650;
  letter-spacing:.035em;
  line-height:1.55;
  text-align:center;
}
body.site-modern .article.chapter h2+p:not(.dateline){
  margin-top:42px;
}
body.site-modern .article.chapter p:has(+ h2){
  margin-bottom:0;
}
body.site-modern .article.chapter .scene{
  color:#7a8799;
  letter-spacing:.24em;
}
@media(max-width:820px){
  body.site-modern .article.chapter h2{
    margin:82px -18px 30px;
    padding:44px 22px 31px;
    border-radius:18px;
    font-size:clamp(2.25rem,12vw,3.45rem);
  }
  body.site-modern .article.chapter .dateline{
    margin-top:-8px;
    margin-bottom:38px;
    padding:0 8px;
  }
}