@font-face{font-family:EB;src:url('./assets/eb-regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:EB;src:url('./assets/eb-italic.ttf') format('truetype');font-style:italic;font-display:swap}
@font-face{font-family:Cormorant;src:url('./assets/cormorant.ttf') format('truetype');font-display:swap}
@font-face{font-family:Cormorant;src:url('./assets/cormorant-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{color-scheme:light;--ink:#30281f;--red:#9b3028;--blue:#315e80}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#26313a;color:var(--ink);font:clamp(17px,1.45vw,20px)/1.48 EB,Georgia,serif}
.appendix-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:1rem;padding:.7rem max(1rem,calc((100vw - 76rem)/2));background:#28231f;color:#f5e5c5;border-bottom:2px solid #aa7b39;font:600 20px Cormorant,Georgia,serif;letter-spacing:.07em}
.appendix-header a{color:#f5e5c5;text-decoration:none}.appendix-header a:hover,.appendix-header a:focus-visible{text-decoration:underline}
.appendices{width:min(100% - 1.5rem,64rem);margin:1rem auto 4rem;padding:clamp(2rem,6vw,5rem) clamp(1.5rem,8vw,7rem);background:radial-gradient(ellipse at 46% 5%,#fff9eb,#f3e8cf 78%);border:4px solid #b88a42;box-shadow:0 0 0 1px #51371f,0 15px 45px #111a22,inset 0 0 0 8px #f8efd9,inset 0 0 0 9px #c8a66b}
.eyebrow{text-align:center;font:600 17px Cormorant,Georgia,serif;font-variant:small-caps;letter-spacing:.18em;color:#985d32}
h1,h2,h3{font-family:Cormorant,Georgia,serif;font-weight:600;line-height:1.03;text-wrap:balance}
h1{text-align:center;font-size:clamp(3rem,5vw,5rem);margin:.3rem 0 4rem}
.appendix-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin:-2rem auto 3rem;max-width:44rem;padding-bottom:1.2rem;border-bottom:1px solid #bca274;font:600 20px Cormorant,Georgia,serif}
.appendix-nav a{text-decoration:none}.appendix-nav a:hover,.appendix-nav a:focus-visible{text-decoration:underline}
h2{font-size:clamp(2.3rem,3.7vw,3.8rem);margin:4rem 0 1.2rem;padding-top:1.2rem;border-top:1px solid #bca274;scroll-margin-top:4rem}
h3{font-size:clamp(1.7rem,2.3vw,2.5rem);margin:2.3rem 0 .7rem}
.appendices>:not(h1):not(.eyebrow){max-width:44rem;margin-left:auto;margin-right:auto}
p{margin-top:.75rem;margin-bottom:.75rem}em{color:#755a44}.wj-bible{color:var(--red)}.wj-other{color:var(--blue)}
a{color:#7d3829}a:hover{text-decoration-thickness:2px}
hr{border:0;border-top:1px solid #bca274;margin:2rem 0}
@media(max-width:600px){.appendix-header{font-size:16px}.appendix-header span{display:none}.appendices{width:100%;margin:0;border-width:0 0 4px;padding:2rem 1.2rem}h1{margin-bottom:2.5rem}}