@font-face{font-family:"Gentium Plus";src:url("/fonts/gentium-plus-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Gentium Plus";src:url("/fonts/gentium-plus-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("/fonts/cormorant-garamond.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"Gentium Fallback";src:local("Georgia");size-adjust:101%;ascent-override:91%;descent-override:23%;line-gap-override:0%}

:root{
  --paper:#f2ead8;--paper-deep:#e7dcc4;--ink:#241f19;--muted:#776b5d;--rubric:#87362f;--rule:#bba98d;--gilt:#b38b42;
  --reader-size:1;--measure:36rem;--topbar-h:3.6rem;
  --ease-settle:cubic-bezier(.2,.7,.3,1);--ease-turn:cubic-bezier(.4,0,.2,1);--ease-ink:cubic-bezier(.3,.6,.2,1);
  color-scheme:light;
}
:root[data-theme="vellum"]{--paper:#f6f3e9;--paper-deep:#ebe5d5;--ink:#292824;--muted:#777269;--rubric:#7c3730;--rule:#c8c0ad;--gilt:#a58a54;color-scheme:light}
:root[data-theme="ink"]{--paper:#191815;--paper-deep:#22201b;--ink:#e8e0cf;--muted:#aaa08e;--rubric:#c9786d;--rule:#494236;--gilt:#a68b55;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper);transition:background-color 400ms var(--ease-settle),color 400ms var(--ease-settle)}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:"Gentium Plus","Gentium Fallback",Georgia,serif;font-size:calc(1rem + var(--reader-size)*.075rem);line-height:1.68;text-rendering:optimizeLegibility;transition:background-color 400ms var(--ease-settle),color 400ms var(--ease-settle)}
a{color:inherit;text-decoration-color:color-mix(in srgb,var(--rubric) 65%,transparent);text-underline-offset:.18em}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--rubric);outline-offset:3px;border-radius:2px}
::selection{background:color-mix(in srgb,var(--rubric) 20%,transparent)}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--ink);color:var(--paper);padding:.6rem .9rem}
.skip-link:focus{top:.6rem}

.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(.75rem,2vw,1.5rem);border-bottom:1px solid color-mix(in srgb,var(--rule) 70%,transparent);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);transition:opacity 350ms var(--ease-settle),transform 350ms var(--ease-settle),background-color 400ms var(--ease-settle)}
.brand{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:1.28rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.reader-controls{display:flex;align-items:center;gap:.18rem}
.reader-controls button,.quiet-exit{min-width:2.15rem;min-height:2.15rem;border:0;background:transparent;padding:.35rem .45rem;border-radius:50%;font-size:.82rem}
.reader-controls button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.reader-controls button[aria-pressed="false"]{color:var(--muted)}
.theme-controls{display:flex;gap:.15rem;margin:0 .15rem}.swatch{border:1px solid var(--rule)!important;width:1.35rem!important;min-width:1.35rem!important;height:1.35rem!important;min-height:1.35rem!important;padding:0!important}.swatch.parchment{background:#f2ead8}.swatch.vellum{background:#f6f3e9}.swatch.ink{background:#191815}.swatch.active{box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--rubric)}
.quiet-exit{display:none;position:fixed;z-index:40;top:.55rem;left:50%;transform:translateX(-50%);font-family:"Cormorant Garamond",Georgia,serif;color:var(--muted);background:color-mix(in srgb,var(--paper) 94%,transparent);border-radius:0;letter-spacing:.12em;text-transform:uppercase}

#main{min-height:70vh;padding:clamp(2rem,6vw,5.5rem) clamp(1rem,4vw,3rem) 4rem}
.chapter,.prose-page,.home{max-width:var(--measure);margin:0 auto;transition:max-width 350ms var(--ease-settle),padding 350ms var(--ease-settle)}
.chapter-header{text-align:center;margin:0 auto clamp(2.2rem,7vw,4.5rem)}
.book-subtitle,.eyebrow{margin:0 0 .45rem;color:var(--rubric);font-family:"Cormorant Garamond",Georgia,serif;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.chapter-header h1,.home h1,.prose-page h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:1.05;letter-spacing:-.015em;margin:.1rem 0;font-size:clamp(2.4rem,8vw,4.7rem)}
.chapter-header h1 span{font-weight:400;color:var(--rubric)}
.scripture{position:relative}.scripture-paragraph{margin:0 0 1.05em;text-align:left}.verse{scroll-margin-top:30vh;position:relative}.verse-text{position:relative}.verse-number{display:inline;border:0;background:transparent;color:var(--rubric);padding:0 .34em 0 0;vertical-align:super;font-family:"Cormorant Garamond",Georgia,serif;font-size:.58em;line-height:1;opacity:.88;transition:opacity 200ms var(--ease-ink),transform 200ms var(--ease-ink)}.verse-number.saved::after{content:"·";font-size:1.55em;position:absolute;color:var(--rubric);transform:translate(-.42em,-.13em)}
.study-word::before,.study-word::after{display:none;color:var(--rubric);font-size:.9em}.show-supplied .study-word::before{content:attr(data-open);display:inline}.show-supplied .study-word::after{content:attr(data-close);display:inline}.show-supplied .study-word{color:color-mix(in srgb,var(--ink) 78%,var(--rubric))}
.dropcap{float:left;font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;color:var(--rubric);font-size:4.15em;line-height:.74;margin:.11em .09em 0 0;transform:translateY(.08em)}
.first-load .genre-prose .dropcap{opacity:0;animation:ink-bloom 300ms var(--ease-ink) 300ms both}
@keyframes ink-bloom{from{opacity:0;filter:blur(.7px);transform:translateY(.16em) scale(.97)}to{opacity:1;filter:none;transform:translateY(.08em) scale(1)}}
.section-heading{font-family:"Cormorant Garamond",Georgia,serif;color:var(--rubric);font-size:1.16em;font-weight:600;text-align:center;letter-spacing:.025em;margin:2.25em 0 1em}.superscription{font-style:italic;color:var(--muted);max-width:31rem;margin:-2.5rem auto 2.2rem;text-align:center;font-size:.9em}

.genre-poetry .scripture,.genre-list .scripture{max-width:34rem;margin-inline:auto}.verse-lines{display:inline}.verse-line{display:block}.genre-poetry .verse-block{display:grid;grid-template-columns:2.1rem 1fr;gap:.1rem;margin:.22em 0}.genre-poetry .verse-block>.verse-number{grid-column:1}.genre-poetry .verse-block>.verse-lines,.genre-poetry .verse-block>.verse-text{grid-column:2}.genre-poetry .verse-line{padding-left:1.15em;text-indent:-1.15em}.genre-poetry .verse-line.style-q2,.genre-poetry .verse-line.style-indent2,.genre-poetry .verse-line.style-indentred2{padding-left:3em}.genre-poetry .verse-line.style-q3{padding-left:4.5em}.genre-list .verse-block{display:grid;grid-template-columns:2.2rem 1fr;gap:.2rem;margin:.12em 0;line-height:1.48}.genre-list .verse-number{grid-column:1}.genre-list .verse-text,.genre-list .verse-lines{grid-column:2}.genre-list .verse-line{padding-left:1em;text-indent:-1em}.genre-list .verse-line.style-li2,.genre-list .verse-line.style-list2{padding-left:2.2em}.genre-letter .scripture-paragraph:first-child{margin-bottom:1.7em}.genre-letter .scripture-paragraph:last-child{margin-top:1.7em}

.note-marker{display:inline;border:0;background:transparent;color:var(--rubric);font-size:.52em;vertical-align:super;padding:0 .12em;line-height:1}.sidenote{display:none;color:var(--muted);font-size:.68em;line-height:1.38}.sidenote-rule{display:block;width:1.2rem;border-top:1px solid var(--rubric);margin-bottom:.35rem;opacity:.55;transition:opacity 120ms var(--ease-settle),width 120ms var(--ease-settle)}.note-linked .sidenote-rule,.sidenote.note-linked .sidenote-rule{opacity:1;width:1.7rem}.note-marker.note-linked{color:var(--ink)}
@media(min-width:1080px){.chapter{position:relative}.sidenote{--note-width:min(15rem,calc((100vw - var(--measure))/2 - 2rem));display:block;float:right;clear:right;position:relative;width:var(--note-width);margin:.3rem calc(-1 * (var(--note-width) + 2rem)) .9rem 1.5rem}.note-marker{cursor:help}}
@media(max-width:1079px){.sidenote{display:block;max-height:0;opacity:0;overflow:hidden;margin:0 0 0 2rem;padding:0 .8rem;border-left:1px solid transparent;transition:max-height 160ms var(--ease-settle),opacity 160ms var(--ease-settle),margin 160ms var(--ease-settle),padding 160ms var(--ease-settle)}.sidenote.revealed{max-height:12rem;opacity:1;margin:.5rem 0 1rem 2rem;padding:.7rem .8rem;border-left-color:var(--rule);font-size:.8em}.sidenote.revealed .sidenote-rule{display:none}}

.chapter-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:4.5rem;padding-top:1.2rem;border-top:1px solid var(--rule);font-family:"Cormorant Garamond",Georgia,serif}.chapter-nav{text-decoration:none;color:var(--rubric)}.chapter-nav.next{text-align:right}
.site-footer{max-width:76rem;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 3rem;border-top:1px solid var(--rule);color:var(--muted);display:flex;justify-content:space-between;gap:1rem;font-size:.7em;line-height:1.45}.site-footer a{color:inherit}

.home{max-width:68rem}.home-hero{max-width:46rem;margin:3vh 0 9vh}.home-hero h1 em{font-weight:400;color:var(--rubric)}.home-hero>p:last-of-type{color:var(--muted)}.continue-reading{display:inline-flex;gap:.6rem;align-items:baseline;margin-top:1.4rem;padding:.65rem .85rem;border:1px solid var(--rule);text-decoration:none}.continue-reading span{color:var(--muted);font-size:.76em}.book-section{margin:0 0 4rem}.book-section h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.55rem;font-weight:600;border-bottom:1px solid var(--rule);padding-bottom:.55rem}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:0}.book-card{display:flex;flex-direction:column;justify-content:center;min-height:4.35rem;padding:.7rem .8rem;border-bottom:1px solid color-mix(in srgb,var(--rule) 58%,transparent);text-decoration:none}.book-card:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}.book-card span{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.05rem;font-weight:600}.book-card small{color:var(--muted);font-size:.63rem}
.prose-page{max-width:42rem}.prose-page header{margin-bottom:3rem}.prose-page h2{font-family:"Cormorant Garamond",Georgia,serif;color:var(--rubric);margin-top:2.3rem}.prose-page p{margin:0 0 1.1em}

.drawer-backdrop{position:fixed;inset:0;z-index:48;background:rgba(0,0,0,.22)}.drawer{position:fixed;z-index:50;right:0;top:0;height:100dvh;width:min(28rem,92vw);overflow:auto;padding:1rem 1.3rem 3rem;background:var(--paper);border-left:1px solid var(--rule);box-shadow:-1rem 0 3rem rgba(0,0,0,.08);transform:translateX(103%);transition:transform 240ms var(--ease-turn)}.drawer.open{transform:translateX(0)}.drawer-head{position:sticky;top:-1rem;background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:1rem 0 .6rem;border-bottom:1px solid var(--rule);z-index:2}.drawer-head h2{font-family:"Cormorant Garamond",Georgia,serif;margin:0}.drawer-head button{border:0;background:transparent;font-size:1.6rem}.drawer section{padding:1rem 0;border-bottom:1px solid color-mix(in srgb,var(--rule) 60%,transparent)}.drawer section h3,.drawer section h4{font-family:"Cormorant Garamond",Georgia,serif;margin:0 0 .25rem}.drawer section p{font-size:.8em;color:var(--muted);margin:.2rem 0 .7rem}.wide-button,.button-row button,.import-label{border:1px solid var(--rule);background:transparent;padding:.5rem .7rem}.offline-section progress{width:100%;margin-top:.8rem}.button-row{display:flex;gap:.5rem}.import-label{cursor:pointer}.import-label input{display:none}.bookmark-group h4{color:var(--rubric)}.bookmark-list{list-style:none;padding:0;margin:.2rem 0 .8rem}.bookmark-list li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--rule) 45%,transparent);padding:.3rem 0}.bookmark-list li button{border:0;background:transparent;color:var(--muted)}
.reader-key-grid{display:grid;gap:.15rem;margin-top:.65rem}.reader-key-row{display:grid;grid-template-columns:4.4rem 1fr;gap:.8rem;align-items:start;padding:.55rem 0;border-top:1px solid color-mix(in srgb,var(--rule) 45%,transparent)}.reader-key-row:first-child{border-top:0}.reader-key-symbol{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.2rem .45rem;border:1px solid var(--rule);border-radius:.25rem;color:var(--rubric);font-family:"Cormorant Garamond",Georgia,serif;font-size:.78rem;font-weight:600;line-height:1;white-space:nowrap}.reader-key-row strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:.95rem}.reader-key-row p{margin:.08rem 0 0!important}

.search-dialog{width:min(46rem,94vw);max-height:88dvh;border:1px solid var(--rule);padding:0;background:var(--paper);color:var(--ink);box-shadow:0 1rem 4rem rgba(0,0,0,.16)}.search-dialog::backdrop{background:rgba(0,0,0,.3)}.search-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem .5rem}.search-head label{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.4rem;font-weight:600}.search-head button{border:0;background:transparent;font-size:1.4rem}.search-dialog>input{display:block;width:calc(100% - 2.4rem);margin:0 1.2rem;padding:.8rem 0;border:0;border-bottom:1px solid var(--rule);background:transparent;font-size:1.15rem;outline:none}.search-options{display:flex;gap:1rem;padding:.8rem 1.2rem}.search-options label{font-size:.7em;color:var(--muted)}.search-options select{border:0;background:transparent}.microcopy{font-size:.7em;color:var(--muted)}#search-status{padding:0 1.2rem}.reference-hit,.did-you-mean{display:flex;gap:.7rem;align-items:baseline;margin:.5rem 1.2rem;padding:.65rem .75rem;border:1px solid var(--rubric);background:transparent;text-decoration:none}.reference-hit small{color:var(--rubric)}.search-results{list-style:none;margin:0;padding:0 1.2rem 1.5rem}.search-results li{border-top:1px solid color-mix(in srgb,var(--rule) 65%,transparent)}.search-results a{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.75rem 0;text-decoration:none}.search-results strong{color:var(--rubric);font-family:"Cormorant Garamond",Georgia,serif}.search-results span{font-size:.82em}.search-results mark{background:color-mix(in srgb,var(--rubric) 16%,transparent);color:inherit}

.hide-verse-numbers .verse-number{opacity:0;pointer-events:none;width:0;padding:0}.quiet-mode .topbar{opacity:0;transform:translateY(-100%);pointer-events:none}.quiet-mode .quiet-exit{display:block}.quiet-mode .chapter{max-width:40rem}.chapter-header,.section-heading,.note-marker,.sidenote,.verse-number,.gilt-edge,.site-footer{transition:opacity 350ms var(--ease-settle)}.quiet-mode .chapter-header,.quiet-mode .section-heading,.quiet-mode .note-marker,.quiet-mode .sidenote,.quiet-mode .verse-number,.quiet-mode .gilt-edge,.quiet-mode .site-footer{opacity:0;pointer-events:none}.quiet-mode .chapter-header,.quiet-mode .section-heading{height:0;margin:0;overflow:hidden}.quiet-mode #main{padding-top:clamp(3rem,10vw,7rem)}
.deep-linked{border-radius:.18rem;animation:rubric-wash 1200ms var(--ease-ink)}@keyframes rubric-wash{0%,100%{background:transparent}18%{background:color-mix(in srgb,var(--rubric) 18%,transparent)}}.bookmark-bloom{animation:bookmark-bloom 200ms var(--ease-ink)}@keyframes bookmark-bloom{50%{transform:scale(1.3);color:var(--rubric)}}

.gilt-edge{position:fixed;z-index:20;right:clamp(.2rem,.8vw,.65rem);top:var(--topbar-h);height:calc(100dvh - var(--topbar-h));width:1px;background:color-mix(in srgb,var(--rule) 35%,transparent)}.gilt-edge::after{content:"";position:absolute;inset:0;background:var(--gilt);transform-origin:top;animation:gilt-fill linear both;animation-timeline:scroll(root block)}@keyframes gilt-fill{from{transform:scaleY(0)}to{transform:scaleY(1)}}

::view-transition-old(root),::view-transition-new(root){animation-duration:200ms;animation-timing-function:var(--ease-turn)}html:active-view-transition-type(forwards)::view-transition-old(root){animation-name:page-out-left}html:active-view-transition-type(forwards)::view-transition-new(root){animation-name:page-in-right}html:active-view-transition-type(backwards)::view-transition-old(root){animation-name:page-out-right}html:active-view-transition-type(backwards)::view-transition-new(root){animation-name:page-in-left}@keyframes page-out-left{to{opacity:0;transform:translateX(-1.4rem)}}@keyframes page-in-right{from{opacity:0;transform:translateX(1.4rem)}}@keyframes page-out-right{to{opacity:0;transform:translateX(1.4rem)}}@keyframes page-in-left{from{opacity:0;transform:translateX(-1.4rem)}}

@media(max-width:720px){:root{--topbar-h:5rem}.topbar{height:auto;min-height:var(--topbar-h);align-items:flex-start;padding-top:.55rem;padding-bottom:.55rem}.brand{padding-top:.25rem;font-size:.95rem;letter-spacing:.035em;white-space:nowrap}.reader-controls{justify-content:flex-end;flex-wrap:wrap}.reader-controls button{min-width:1.9rem;min-height:1.9rem;padding:.25rem;font-size:.72rem}.theme-controls{display:flex}#main{padding-top:2.4rem}.chapter-header{margin-bottom:2.6rem}.chapter-header h1{font-size:clamp(2.7rem,16vw,4rem)}.site-footer{flex-direction:column}.search-results a{grid-template-columns:1fr;gap:.15rem}.search-options{flex-wrap:wrap}.dropcap{font-size:3.7em}.reader-key-row{grid-template-columns:3.8rem 1fr;gap:.65rem}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.first-load .genre-prose .dropcap{opacity:1;filter:none;transform:translateY(.08em)}.gilt-edge::after{display:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Mobile toolbar refinement: keep Scripture Leaf calm and deliberate on phones. */
@media(max-width:720px){
  :root{--topbar-h:5.8rem}
  .topbar{
    height:auto;
    min-height:var(--topbar-h);
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:.28rem;
    padding:.45rem .7rem .4rem;
  }
  .brand{
    padding:0;
    font-size:1rem;
    letter-spacing:.045em;
    line-height:1.1;
    white-space:nowrap;
  }
  .reader-controls{
    width:100%;
    justify-content:space-between;
    flex-wrap:nowrap;
    gap:.02rem;
  }
  .reader-controls button{
    min-width:1.75rem;
    min-height:1.75rem;
    padding:.18rem .2rem;
    font-size:.68rem;
  }
  .theme-controls{gap:.08rem;margin:0 .04rem}
  .swatch{
    width:1.15rem!important;
    min-width:1.15rem!important;
    height:1.15rem!important;
    min-height:1.15rem!important;
  }
  #main{padding-top:2rem}
}

/* Reading-flow refinements: references, progressive browsing and theme controls. */

/* Give the theme swatches enough breathing room for the selected ring. */
.theme-controls{gap:.5rem;margin-inline:.3rem}
.swatch{flex:0 0 auto}
.swatch.active{box-shadow:none!important;outline:2px solid var(--rubric);outline-offset:3px}

/* Scripture references are useful reading aids, not numbered translator notes. */
.crossref-note{
  display:block;
  margin:.62em 0 .9em 2rem;
  padding:.55rem .72rem;
  border-left:1px solid color-mix(in srgb,var(--rule) 80%,transparent);
  color:var(--muted);
  font-size:.72em;
  line-height:1.35;
}
.crossref-rule{display:none}
.crossref-link{display:inline-flex;align-items:baseline;gap:.28em;text-decoration:none;color:inherit}
.crossref-link strong{color:color-mix(in srgb,var(--ink) 76%,var(--rubric));font-weight:600}
.crossref-arrow{color:var(--rubric);transition:transform 150ms var(--ease-settle)}
.crossref-link:hover .crossref-arrow,.crossref-link:focus-visible .crossref-arrow{transform:translateX(.18em)}
.verse-block>.crossref-note{grid-column:2}

@media(min-width:1080px){
  .crossref-note{
    --note-width:min(15rem,calc((100vw - var(--measure))/2 - 2rem));
    float:right;
    clear:right;
    position:relative;
    width:var(--note-width);
    margin:.3rem calc(-1 * (var(--note-width) + 2rem)) .9rem 1.5rem;
    padding:0;
    border-left:0;
    font-size:.68em;
  }
  .crossref-rule{display:block;width:1.2rem;border-top:1px solid var(--rubric);margin-bottom:.35rem;opacity:.55}
}

.crossref-return{
  position:fixed;
  z-index:46;
  left:50%;
  bottom:calc(1rem + env(safe-area-inset-bottom));
  transform:translateX(-50%);
  display:flex;
  align-items:baseline;
  gap:.38rem;
  max-width:calc(100vw - 2rem);
  padding:.58rem .82rem;
  border:1px solid var(--rule);
  border-radius:999px;
  background:color-mix(in srgb,var(--paper) 96%,transparent);
  box-shadow:0 .45rem 1.4rem color-mix(in srgb,var(--ink) 10%,transparent);
  backdrop-filter:blur(10px);
  color:var(--muted);
  font-size:.72rem;
  line-height:1.1;
  white-space:nowrap;
}
.crossref-return>span:first-child{color:var(--rubric);font-size:1.05em}
.crossref-return strong{color:var(--ink);font-weight:600}

/* The home page unfolds from testament to section to book to chapter. */
.scripture-browser{margin-top:clamp(3rem,8vh,6rem)}
.browser-heading{max-width:34rem;margin-bottom:1.4rem}
.browser-heading h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600;line-height:1.1;margin:.1rem 0 .45rem}
.browser-heading>p:last-child{color:var(--muted);font-size:.86em;margin:.2rem 0 0}
.scripture-browser details{margin:0}
.scripture-browser summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:.7rem;
  min-height:3rem;
  padding:.7rem .15rem;
  border-top:1px solid color-mix(in srgb,var(--rule) 72%,transparent);
  user-select:none;
}
.scripture-browser summary::-webkit-details-marker{display:none}
.scripture-browser summary small{color:var(--muted);font-size:.66rem;font-weight:400;white-space:nowrap}
.disclosure-caret{color:var(--rubric);font-size:1.15rem;line-height:1;transition:transform 160ms var(--ease-settle)}
details[open]>summary>.disclosure-caret{transform:rotate(90deg)}

.testament-disclosure{border-bottom:1px solid color-mix(in srgb,var(--rule) 72%,transparent)}
.testament-disclosure>summary{min-height:4rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.42rem;font-weight:600}
.testament-disclosure>summary small{font-family:"Gentium Plus","Gentium Fallback",Georgia,serif}
.testament-sections{margin:0 0 .8rem clamp(.2rem,2vw,.9rem);padding-left:clamp(.55rem,2vw,1rem);border-left:1px solid color-mix(in srgb,var(--rule) 58%,transparent)}
.canon-section>summary{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.08rem;font-weight:600}
.canon-books{margin:0 0 .6rem .55rem;padding-left:.75rem;border-left:1px solid color-mix(in srgb,var(--rule) 45%,transparent)}
.book-disclosure>summary{min-height:2.75rem;font-family:"Cormorant Garamond",Georgia,serif;font-size:1rem;font-weight:600}
.chapter-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(2.45rem,1fr));
  gap:.35rem;
  padding:.45rem 0 1rem;
}
.chapter-grid a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.35rem;
  border:1px solid color-mix(in srgb,var(--rule) 68%,transparent);
  text-decoration:none;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:.88rem;
  transition:background-color 140ms var(--ease-settle),border-color 140ms var(--ease-settle),color 140ms var(--ease-settle);
}
.chapter-grid a:hover,.chapter-grid a:focus-visible{background:color-mix(in srgb,var(--rubric) 8%,transparent);border-color:var(--rubric);color:var(--rubric)}

@media(max-width:720px){
  .theme-controls{gap:.32rem;margin-inline:.08rem}
  .swatch.active{outline-width:1.5px;outline-offset:2px}
  .crossref-note{margin:.58em 0 .9em 1.45rem;padding:.5rem .62rem;font-size:.76em}
  .crossref-return{width:max-content;max-width:calc(100vw - 1.2rem);bottom:calc(.65rem + env(safe-area-inset-bottom));padding:.56rem .72rem;font-size:.68rem}
  .home-hero{margin-bottom:6vh}
  .scripture-browser{margin-top:2.5rem}
  .browser-heading{margin-bottom:1rem}
  .testament-sections{margin-left:.1rem;padding-left:.6rem}
  .canon-books{margin-left:.25rem;padding-left:.55rem}
  .chapter-grid{grid-template-columns:repeat(auto-fill,minmax(2.3rem,1fr));gap:.3rem}
}