.pv-reader{
  
  --paper:    #ffffff;
  --paper-2:  #f3f3f3;   
  --ink:      #0d0d0d;   
  --ink-soft: #565656;   
  --ink-mute: #6f6f6f;   
  --rule:     #e6e6e6;   
  --rule-2:   #d2d2d2;
  --line-hard:#0d0d0d;   
  --wash:     rgba(13,13,13,0.06);  
  --sel:      rgba(13,13,13,0.14);

  
  --inv-bg:   #0d0d0d;
  --inv-ink:  #ffffff;
  --inv-sub:  #b0b0b0;
  --inv-btn-bg:  #ffffff;
  --inv-btn-ink: #0d0d0d;

  --measure:  36rem;
  --gutter:   3rem;
  --header-h: 6.8rem;

  --serif: "Iowan Old Style", "Palatino Linotype", "Palatino",
           "Book Antiqua", "Georgia", "Times New Roman", serif;
  --sans:  "Outfit", "Roboto", -apple-system, BlinkMacSystemFont,
           "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  
  --squiggle: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='128'%20height='16'%20viewBox='0%200%20128%2016'%3E%3Cpath%20d='M2%2010%20C%2010%202,17%202,24%209%20S%2040%2015,48%209%20S%2065%202,72%209%20S%2089%2015,96%209%20S%20114%203,126%208'%20fill='none'%20stroke='%23000'%20stroke-width='2.6'%20stroke-linecap='round'/%3E%3C/svg%3E");
}.pv-reader[data-theme="dark"]{
  --paper:    #000000;   
  --paper-2:  #141414;
  --ink:      #f4f4f4;
  --ink-soft: #a6a6a6;
  --ink-mute: #8a8a8a;
  --rule:     #242424;
  --rule-2:   #333333;
  --line-hard:#f4f4f4;
  --wash:     rgba(244,244,244,0.09);
  --sel:      rgba(244,244,244,0.18);
  --inv-bg:   #f4f4f4;
  --inv-ink:  #0d0d0d;
  --inv-sub:  #565656;
  --inv-btn-bg:  #0d0d0d;
  --inv-btn-ink: #ffffff;
}
@media (prefers-color-scheme: dark) {.pv-reader:not([data-theme="light"]){
    --paper:    #000000;
    --paper-2:  #141414;
    --ink:      #f4f4f4;
    --ink-soft: #a6a6a6;
    --ink-mute: #8a8a8a;
    --rule:     #242424;
    --rule-2:   #333333;
    --line-hard:#f4f4f4;
    --wash:     rgba(244,244,244,0.09);
    --sel:      rgba(244,244,244,0.18);
    --inv-bg:   #f4f4f4;
    --inv-ink:  #0d0d0d;
    --inv-sub:  #565656;
    --inv-btn-bg:  #0d0d0d;
    --inv-btn-ink: #ffffff;
  }
}.pv-reader,.pv-reader *,.pv-reader *::before,.pv-reader *::after{ box-sizing: border-box; }.pv-reader{ -webkit-text-size-adjust: 100%; }.pv-reader{
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--serif);
  font-size: 1.25rem;
  line-height: 1.75;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-kerning: normal;
  font-feature-settings: "kern", "liga", "onum", "pnum";
}.pv-reader ::selection{ background: var(--sel); }.pv-reader a{ color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: 2px; }.pv-reader a:hover{ color: var(--ink-soft); }.pv-reader :focus-visible{ outline: 2px solid var(--ink); outline-offset: 2px; border-radius: 1px; }.pv-reader .skip{
  position: fixed; top: 0; left: 50%; transform: translate(-50%, -110%);
  z-index: 100; background: var(--ink); color: var(--paper);
  font-family: var(--sans); font-size: 0.85rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.08em;
  padding: 0.6rem 1rem; text-decoration: none; transition: transform .15s;
}.pv-reader .skip:focus{ transform: translate(-50%, 0); color: var(--paper); }.pv-reader .site{
  position: sticky; top: 0; z-index: 40;
  font-family: var(--sans);
  background: color-mix(in srgb, var(--paper) 88%, transparent);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--line-hard);
}.pv-reader .site__in{
  max-width: 74rem; margin: 0 auto; min-height: 4.3rem; position: relative;
  padding: 0 1.4rem;
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem;
}.pv-reader .brand{
  grid-column: 1; justify-self: start; display: inline-flex; align-items: center;
  text-decoration: none;
}.pv-reader .brand-logo{ height: 1.55rem; width: auto; display: block; }.pv-reader .brand-logo--dark{ display: none; }.pv-reader[data-theme="dark"] .brand-logo--light{ display: none; }.pv-reader[data-theme="dark"] .brand-logo--dark{ display: block; }
@media (prefers-color-scheme: dark) {.pv-reader:not([data-theme="light"]) .brand-logo--light{ display: none; }.pv-reader:not([data-theme="light"]) .brand-logo--dark{ display: block; }
}.pv-reader .brand:hover{ opacity: 0.8; }.pv-reader .site nav.main{ grid-column: 2; justify-self: center; display: flex; gap: 2rem; }.pv-reader .site nav.main a{
  position: relative; color: var(--ink); text-decoration: none;
  font-size: 0.82rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase;
  padding-bottom: 0.15rem;
}.pv-reader .site nav.main a:hover{ color: var(--ink-soft); }.pv-reader .site nav.main a[aria-current]::after{
  content: ""; position: absolute; left: -0.25rem; right: -0.55rem; bottom: -0.5rem;
  height: 0.7rem; background: var(--ink);
  -webkit-mask: var(--squiggle) center / contain no-repeat;
  mask: var(--squiggle) center / contain no-repeat;
}.pv-reader .menu-btn{
  grid-column: 3; justify-self: end; display: inline-flex; flex-direction: column;
  justify-content: center; align-items: flex-end; gap: 0.34rem;
  width: 2.4rem; height: 2.4rem; background: none; border: none; cursor: pointer; padding: 0;
}.pv-reader .menu-btn span{ display: block; height: 0.22rem; width: 2.1rem; background: var(--ink); }.pv-reader .menu-btn span:last-child{ width: 1.35rem; }.pv-reader .menu-btn:hover span{ background: var(--ink-soft); }.pv-reader .site__sub{ border-top: 1px solid var(--rule); background: var(--paper); }.pv-reader .site__subin{
  max-width: 62rem; margin: 0 auto; min-height: 2.9rem; padding: 0.45rem 1.4rem;
  display: flex; align-items: center; gap: 0.6rem;
}.pv-reader .site__subin .theme-btn{ margin-left: auto; }.pv-reader .menu{ position: relative; font-size: 0.85rem; }.pv-reader .menu > summary{
  list-style: none; cursor: pointer; user-select: none;
  display: inline-flex; align-items: center; gap: 0.35rem;
  padding: 0.34rem 0.7rem; border: 1.5px solid var(--line-hard);
  color: var(--ink); font-weight: 700; white-space: nowrap;
  text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.72rem;
}.pv-reader .menu > summary::-webkit-details-marker{ display: none; }.pv-reader .menu > summary:hover{ background: var(--ink); color: var(--paper); }.pv-reader .menu > summary .caret{ font-size: 0.7em; }.pv-reader .menu[open] > summary{ background: var(--ink); color: var(--paper); }.pv-reader .menu .panel{
  position: absolute; top: calc(100% + 0.55rem); left: 0; right: auto; z-index: 50;
  min-width: 15rem; background: var(--paper);
  border: 1.5px solid var(--line-hard);
  box-shadow: 6px 6px 0 var(--line-hard);
  padding: 0.5rem; overflow: hidden;
}.pv-reader .menu .panel h3{
  margin: 0.3rem 0.6rem 0.4rem; font-size: 0.66rem; font-weight: 800;
  letter-spacing: 0.13em; text-transform: uppercase; color: var(--ink-mute);
}.pv-reader .trans-opt{
  display: flex; align-items: baseline; gap: 0.55rem;
  padding: 0.55rem 0.6rem; text-decoration: none; color: var(--ink);
}.pv-reader .trans-opt:hover{ background: var(--paper-2); color: var(--ink); }.pv-reader .trans-opt[aria-current="true"]{ background: var(--ink); color: var(--paper); }.pv-reader .trans-opt .abbr{ font-weight: 800; font-family: var(--sans); font-size: 0.8rem;
  letter-spacing: 0.05em; min-width: 2.6rem; }.pv-reader .trans-opt .full{ font-family: var(--serif); font-size: 0.95rem; color: var(--ink-soft); }.pv-reader .trans-opt[aria-current="true"] .full,.pv-reader .trans-opt[aria-current="true"] .abbr{ color: var(--paper); }.pv-reader .trans-opt .tick{ margin-left: auto; opacity: 0; }.pv-reader .trans-opt[aria-current="true"] .tick{ opacity: 1; }.pv-reader .picker .panel{ min-width: min(21rem, 86vw); }.pv-reader .picker .books{ max-height: 40vh; overflow: auto; padding: 0.1rem; columns: 2; column-gap: 0.4rem; }.pv-reader .picker .books a{
  display: block; padding: 0.28rem 0.5rem; text-decoration: none;
  color: var(--ink-soft); font-size: 0.9rem; font-family: var(--serif); break-inside: avoid;
}.pv-reader .picker .books a:hover{ background: var(--paper-2); color: var(--ink); }.pv-reader .picker .books a[aria-current="true"]{ color: var(--ink); font-weight: 700; }.pv-reader .chips{ display: flex; flex-wrap: wrap; gap: 0.3rem; padding: 0.4rem 0.2rem 0.1rem; }.pv-reader .chips a{
  min-width: 2.1rem; text-align: center; padding: 0.3rem 0.4rem;
  border: 1.5px solid var(--rule-2); text-decoration: none;
  color: var(--ink-soft); font-family: var(--sans); font-size: 0.8rem; font-weight: 700;
}.pv-reader .chips a:hover{ border-color: var(--line-hard); color: var(--ink); }.pv-reader .chips a[aria-current="true"]{ background: var(--ink); color: var(--paper); border-color: var(--ink); }.pv-reader .theme-btn{
  font-family: var(--sans); font-size: 0.95rem; cursor: pointer;
  background: none; border: 1.5px solid var(--line-hard); color: var(--ink);
  width: 2.2rem; height: 2.2rem; display: grid; place-items: center;
}.pv-reader .theme-btn:hover{ background: var(--ink); color: var(--paper); }.pv-reader .reader{ max-width: var(--measure); margin: 0 auto; padding: clamp(2.2rem, 6vw, 4rem) 1.4rem 1rem; }.pv-reader .chapter-head{ margin: 0 0 2.4rem; }.pv-reader .chapter-head .eyebrow{
  font-family: var(--sans); font-size: 0.72rem; font-weight: 800;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-soft);
  margin: 0 0 0.8rem;
}.pv-reader .chapter-head h1{
  margin: 0; font-weight: 400; line-height: 0.85;
  display: flex; align-items: baseline; gap: 0.55rem; flex-wrap: wrap; letter-spacing: -0.01em;
}.pv-reader .chapter-head h1 .bk{
  font-family: var(--sans); font-weight: 800; text-transform: uppercase;
  font-size: clamp(1.9rem, 5.4vw, 2.7rem); letter-spacing: 0.005em;
}.pv-reader .chapter-head h1 .ch{
  font-family: var(--serif); font-weight: 400;
  font-size: clamp(3.6rem, 14vw, 5.6rem); font-feature-settings: "lnum";
}.pv-reader .chapter-head h1::after{
  content: ""; display: block; flex-basis: 100%; height: 0.85rem; width: 6rem;
  margin-top: 1rem; background: var(--ink);
  -webkit-mask: var(--squiggle) left center / contain no-repeat;
  mask: var(--squiggle) left center / contain no-repeat;
}.pv-reader .chapter-head .sub{
  margin: 1.3rem 0 0; font-family: var(--sans); font-size: 0.85rem; font-weight: 500;
  color: var(--ink-soft); border-top: 2px solid var(--line-hard);
  padding-top: 0.9rem; max-width: 24rem;
}.pv-reader .scripture{ font-size: 1.02em; }.pv-reader .scripture p{ margin: 0 0 1.35em; text-wrap: pretty; hanging-punctuation: first; }.pv-reader .scripture p:last-child{ margin-bottom: 0; }.pv-reader .passage-title{
  font-family: var(--sans); font-weight: 800; font-size: 0.76rem;
  letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink);
  margin: 2.6em 0 1em; display: flex; align-items: center; gap: 0.7rem;
}.pv-reader .passage-title::after{ content: ""; flex: 1 1 auto; height: 2px; background: var(--line-hard); }.pv-reader .passage-title .heb{ font-family: var(--serif); font-size: 1.5rem; font-weight: 400;
  text-transform: none; letter-spacing: 0; color: var(--ink-soft); }.pv-reader .v{ scroll-margin-top: calc(var(--header-h) + 1.6rem); }.pv-reader .vn{
  color: var(--ink-mute); text-decoration: none; font-family: var(--sans);
  font-feature-settings: "lnum", "tnum"; user-select: none; transition: color .12s;
}.pv-reader .vn:hover{ color: var(--ink); }.pv-reader .numbering-inline .v{ display: inline; }.pv-reader .numbering-inline .vn{
  font-size: 0.6em; line-height: 0; vertical-align: 0.55em;
  font-weight: 700; letter-spacing: 0.02em; margin: 0 0.15em 0 0; padding-left: 0.05em;
}.pv-reader .numbering-inline .v + .v .vn{ margin-left: 0.02em; }.pv-reader .numbering-gutter .v,.pv-reader .scripture.gutter .v{
  display: block; position: relative; padding-left: var(--gutter); margin: 0 0 0.2em;
}.pv-reader .numbering-gutter .vn,.pv-reader .scripture.gutter .vn{
  position: absolute; left: 0; top: 0.15em;
  width: calc(var(--gutter) - 0.9rem); text-align: right;
  font-size: 0.72rem; font-weight: 700; line-height: 1.6;
}.pv-reader .scripture.poetry .v{
  display: block; position: relative; padding-left: var(--gutter); margin: 0 0 0.15em;
}.pv-reader .scripture.poetry .vn{
  position: absolute; left: 0; top: 0.05em;
  width: calc(var(--gutter) - 0.9rem); text-align: right; font-size: 0.72rem; font-weight: 700;
}.pv-reader .scripture.poetry .l{ display: block; text-indent: 0; }.pv-reader .scripture.poetry .l.ind{ padding-left: 1.6rem; }.pv-reader .scripture.poetry .l.ind2{ padding-left: 3.2rem; }.pv-reader .scripture.poetry .stanza{ margin-bottom: 1.4em; }.pv-reader .scripture.poetry .stanza:last-child{ margin-bottom: 0; }.pv-reader .scripture .sc{ font-variant-caps: small-caps; letter-spacing: 0.02em; }.pv-reader .numbering-inline .v:target{
  background: var(--wash);
  padding: 0.05em 0.35em; margin: 0 -0.35em;
  border-left: 0.28rem solid var(--line-hard); padding-left: 0.55rem;
  animation: bookmark-settle 6s ease 0.5s forwards;
}.pv-reader .numbering-gutter .v:target,.pv-reader .scripture.poetry .v:target,.pv-reader .scripture.gutter .v:target{
  background: var(--wash);
  border-left: 0.28rem solid var(--line-hard);
  margin-left: -0.28rem;
  animation: bookmark-settle 6s ease 0.5s forwards;
}.pv-reader .v:target .vn{
  background: var(--line-hard); color: var(--paper);
  padding: 0.06em 0.36em; border-radius: 0;
}.pv-reader .numbering-inline .v:target .vn{ padding: 0.1em 0.3em; }

@keyframes bookmark-settle {
  0%, 45% { background: var(--wash); }
  100%    { background: transparent; }
}
@media (prefers-reduced-motion: reduce) {.pv-reader .v:target{ animation: none !important; background: transparent !important; }
}.pv-reader .chapter-nav{
  display: flex; justify-content: space-between; gap: 1rem;
  margin: 3rem 0 0; padding-top: 1.4rem; border-top: 2px solid var(--line-hard);
  font-family: var(--sans);
}.pv-reader .chapter-nav a{ text-decoration: none; color: var(--ink); display: grid; gap: 0.2rem; padding: 0.4rem 0.2rem; max-width: 46%; }.pv-reader .chapter-nav a:hover .ref{ text-decoration: underline; text-underline-offset: 3px; }.pv-reader .chapter-nav a.next{ text-align: right; }.pv-reader .chapter-nav .dir{
  font-size: 0.68rem; font-weight: 800; letter-spacing: 0.13em;
  text-transform: uppercase; color: var(--ink-mute);
}.pv-reader .chapter-nav .ref{ font-family: var(--serif); font-size: 1.25rem; color: var(--ink); }.pv-reader .chapter-nav .spacer{ visibility: hidden; }.pv-reader .cta{ max-width: var(--measure); margin: 3.5rem auto 0; padding: 0 1.4rem; }.pv-reader .cta__card{
  background: var(--inv-bg); color: var(--inv-ink);
  padding: clamp(1.8rem, 5vw, 2.6rem); text-align: center; position: relative;
}.pv-reader .cta__eyebrow{
  font-family: var(--sans); font-size: 0.7rem; font-weight: 800;
  letter-spacing: 0.16em; text-transform: uppercase; color: var(--inv-sub); margin: 0 0 0.8rem;
}.pv-reader .cta__card h2{
  font-family: var(--serif); font-weight: 500; font-size: clamp(1.5rem, 4.6vw, 2rem);
  line-height: 1.22; margin: 0 auto 0.7rem; max-width: 22ch; text-wrap: balance; color: var(--inv-ink);
}.pv-reader .cta__card p{
  font-family: var(--sans); color: var(--inv-sub); font-size: 0.98rem;
  line-height: 1.6; margin: 0 auto 1.5rem; max-width: 34ch;
}.pv-reader .cta__btn{
  display: inline-block; font-family: var(--sans); font-weight: 800;
  font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.08em; text-decoration: none;
  background: var(--inv-btn-bg); color: var(--inv-btn-ink); padding: 0.8rem 1.7rem;
  
  clip-path: polygon(0 8%, 6% 0, 22% 7%, 40% 1%, 60% 8%, 78% 2%, 94% 8%, 100% 2%, 100% 92%, 95% 100%, 80% 93%, 60% 99%, 42% 92%, 24% 100%, 8% 93%, 0 99%);
}.pv-reader .cta__btn:hover{ opacity: 0.82; }.pv-reader .site-foot{ font-family: var(--sans); color: var(--ink-mute); border-top: 2px solid var(--line-hard); margin-top: 4rem; }.pv-reader .site-foot__in{ max-width: var(--measure); margin: 0 auto; padding: 2.2rem 1.4rem 3rem; font-size: 0.82rem; line-height: 1.6; }.pv-reader .site-foot a{ color: var(--ink-soft); }.pv-reader .site-foot a:hover{ color: var(--ink); }.pv-reader .site-foot .lic{ max-width: 46ch; }.pv-reader .site-foot .foot-row{ display: flex; flex-wrap: wrap; gap: 0.4rem 1.4rem; margin-bottom: 1rem; }.pv-reader .site-foot .foot-row a{ text-decoration: none; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.72rem; }


@media (min-width: 40rem) {.pv-reader{ font-size: 1.3rem; }.pv-reader{ --measure: 38rem; --gutter: 3.4rem; }
}
@media (min-width: 64rem) {.pv-reader{ --measure: 39rem; }.pv-reader .reader{ padding-top: 4.5rem; } }
@media (max-width: 26rem) {.pv-reader{ --gutter: 2.2rem; } }


@media (max-width: 52rem) {.pv-reader .site nav.main{
    display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 60;
    flex-direction: column; gap: 0; align-items: flex-start;
    background: var(--paper); border-bottom: 1px solid var(--line-hard);
    padding: 0.4rem 1.4rem 1rem;
  }.pv-reader .site[data-nav-open] nav.main{ display: flex; }.pv-reader .site nav.main a{ padding: 0.7rem 0; font-size: 0.9rem; }.pv-reader .site nav.main a[aria-current]::after{ left: 0; right: auto; width: 5rem; bottom: 0.2rem; }
}

/* ---- embedded reader (theme supplies header/footer) ---- */
.pv-reader{max-width:100%;padding:0}
.pv-reader__bar{
  display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;
  padding:.6rem 0 1rem;
}
.pv-reader .pv-reader__license{
  margin:2.5rem 0 0;
  font-size:.72rem;line-height:1.5;letter-spacing:.01em;
  color:var(--ink-mute);opacity:.85;
}
/* The /bible/ index lists every book at once rather than in a popover. */
.pv-reader .pv-reader__panel--static{
  position:static;display:block;max-width:none;
  box-shadow:none;border:0;padding:0;
}
.pv-reader .pv-reader__books--all{max-height:none}