.bookIndexPage .scripture.bookIndex{
  max-width:920px;
}
.bookIndex .translation{
  text-align:center;
  margin:0 0 4px;
}
.bookIndex h1{
  text-align:center;
}
.bookIndex h2{
  text-align:center;
  font-weight:400;
  color:var(--muted);
  margin:0 0 10px;
}
.bookBylineTop{
  text-align:center;
  margin:0 0 26px;
  font-size:.95rem;
}
.bookIntro{
  max-width:640px;
  margin:0 auto 32px;
  color:#5f5a50;
  font-size:1.05rem;
  line-height:1.85;
}
.bookIntro .aboutLead{
  color:var(--ink);
  margin:0 0 14px;
}
.bookIntro p{
  margin:0 0 14px;
}
.bookByline{
  margin:18px 0 0;
  color:var(--wine);
  font:600 .88rem Arial,"PingFang SC",sans-serif;
}
.bookByline a{
  color:var(--wine);
  text-decoration:none;
}
.bookByline a:hover{
  text-decoration:underline;
}
.bookChapterList{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.bookChapterList a{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:12px 14px;
  border:1px solid var(--line);
  background:var(--white);
  color:var(--ink);
  text-decoration:none;
  font-family:Arial,"PingFang SC",sans-serif;
  line-height:1.45;
}
.bookChapterList a:hover{
  border-color:var(--wine);
  background:#fff9f0;
  color:var(--wine);
}
.bookChapterList a b{
  color:var(--wine);
  font-size:1.05rem;
  padding-top:1px;
}
.bookChapterList a span{
  color:var(--muted);
  font-weight:400;
  font-size:.95rem;
}
.homeBookIndex{
  max-width:980px;
  margin:0 auto 48px;
  padding:0 5vw 8px;
}
.homeBookIndex header{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  margin-bottom:18px;
  border-bottom:2px solid var(--wine);
  padding-bottom:10px;
}
.homeBookIndex header h2{
  margin:0;
  font-size:1.25rem;
  font-weight:600;
}
.homeBookIndex header p{
  margin:0;
  color:var(--muted);
  font:400 .82rem Arial,"PingFang SC",sans-serif;
}
.homeBookColumns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}
.homeBookColumns section h3{
  margin:0 0 12px;
  font-size:1.05rem;
}
.homeBookColumns section h3 small{
  margin-left:8px;
  color:var(--muted);
  font:400 .78rem Arial,"PingFang SC",sans-serif;
}
.homeBookColumns ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 12px;
}
.homeBookColumns a{
  display:block;
  padding:5px 2px;
  color:var(--ink);
  text-decoration:none;
  font-family:Arial,"PingFang SC",sans-serif;
  font-size:.95rem;
}
.homeBookColumns a:hover{
  color:var(--wine);
}
@media (max-width:720px){
  .homeBookColumns,
  .homeBookColumns ul{
    grid-template-columns:1fr;
  }
  .bookChapterList a{
    grid-template-columns:40px minmax(0,1fr);
    padding:10px 12px;
  }
}