:root{
  --paper:#f4f0e8;
  --ink:#2b2926;
  --gold:#a8852f;
  --mist:#8a9a96;
  --night:#2b2926;
  --warm:#f4f0e8;
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun","Yu Mincho",serif;
  font-weight:300;
  letter-spacing:.04em;
  line-height:2;
}
main{
  max-width:42rem;
  margin:0 auto;
  padding:16vh 1.5rem 14vh;
}
a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(43,41,38,.28)}
h1{
  margin:0 0 8vh;
  font-weight:300;
  font-size:clamp(1.8rem,7vw,3rem);
  letter-spacing:.16em;
  text-align:center;
}
h2{
  margin:0 0 2rem;
  color:var(--mist);
  font-size:.8rem;
  font-weight:300;
  letter-spacing:.22em;
}
p{margin:0 0 1.4rem}
.small{font-size:.82rem;color:var(--mist)}
.resource-list{list-style:none;margin:8vh 0 0;padding:0}
.resource-list li{margin:0 0 2.2rem}
.resource-list strong{display:block;font-weight:300;color:var(--ink)}
.resource-list span{display:block;color:var(--mist);font-size:.86rem}
.dark{
  background:var(--night);
  color:var(--warm);
}
.dark a{border-color:rgba(244,240,232,.25)}
.gate{
  min-height:100vh;
  display:grid;
  place-items:center;
  text-align:center;
  padding:8vh 1.5rem;
}
.gate p{
  opacity:0;
  animation:fadein 4s ease forwards;
}
.gate p:nth-child(2){animation-delay:2.5s}
@keyframes fadein{to{opacity:.92}}
.chapters{max-width:44rem;margin:0 auto;padding:10vh 1.5rem 18vh}
.chapter{padding:12vh 0}
.chapter h2{text-align:center}
.scripture{
  font-size:clamp(1.45rem,5vw,2.1rem);
  line-height:2.4;
  letter-spacing:.08em;
}
.divider{text-align:center;color:rgba(244,240,232,.34);letter-spacing:.4em}
.empty-source{
  max-width:30rem;
  margin:12vh auto;
  color:rgba(244,240,232,.7);
  text-align:center;
}