/*
 * ONE Book System
 * A single visual language for cover, frontispiece, leaves, plates and study tools.
 */
:root{
  --one-dawn:#cebd74;
  --one-dawn-light:#e5d69a;
  --one-paper:#ded096;
  --one-paper-deep:#c7b26b;
  --one-gilt:#b58d22;
  --one-gilt-light:#e4c85d;
  --one-gilt-dark:#76551f;
  --one-ink:#102a43;
  --one-leaf-shadow:0 1.4rem 4rem rgba(72,49,18,.16),0 .18rem .5rem rgba(72,49,18,.16);
  --one-paper-surface:
    radial-gradient(circle at 17% 7%,rgba(255,246,187,.24),transparent 28%),
    radial-gradient(circle at 84% 91%,rgba(146,104,32,.07),transparent 34%),
    linear-gradient(rgba(226,211,151,.28),rgba(212,194,125,.34)),
    url('/api/dore/assets/site-file?code=SITE-TEMPLE-STONE-LIGHT') center/560px auto;
  --one-page-surface:
    radial-gradient(ellipse at 30% 10%,rgba(255,248,204,.25),transparent 38%),
    linear-gradient(rgba(231,218,168,.34),rgba(218,201,139,.42)),
    url('/api/dore/assets/site-file?code=SITE-TEMPLE-STONE-LIGHT') center/520px auto;
  --one-chapter-engraving:url('https://upload.wikimedia.org/wikipedia/commons/thumb/c/c7/The_Birth_of_Jesus.jpg/960px-The_Birth_of_Jesus.jpg');
  --one-chapter-number:"01";
  --one-book-running:"MATTHEW";
  --one-light-level:0;
  --one-body-size:clamp(1.0625rem,calc(.96rem + .24vw),1.32rem);
}

html{background:var(--one-dawn);font-size:clamp(16px,calc(14.8px + .16vw),19px)}
body{
  position:relative;
  min-height:100vh;
  color:var(--ink);
  background:var(--one-paper-surface);
  background-attachment:fixed;
  font-size:var(--one-body-size);
}
body:before{
  position:fixed;
  z-index:-1;
  inset:0;
  background:linear-gradient(112deg,rgba(255,244,174,.24),transparent 38%,rgba(100,69,23,.08));
  content:"";
  pointer-events:none;
}
.one-bound body{animation:one-ink-settle .42s ease-out both}
@keyframes one-ink-settle{from{opacity:.01}to{opacity:1}}

/* The accepted ONE opening becomes the binding standard: four restrained gilt rules. */
.one-cover,
.book-frontispiece,
.now__intro{
  border:1px solid rgba(181,141,34,.92);
  box-shadow:
    inset 0 0 0 7px rgba(92,58,20,.055),
    inset 0 0 0 8px rgba(181,141,34,.7),
    inset 0 0 0 14px rgba(92,58,20,.045),
    inset 0 0 0 15px rgba(181,141,34,.42),
    var(--one-leaf-shadow);
}
.one-cover:before,
.book-frontispiece:before{
  inset:1.45rem;
  border-color:rgba(181,141,34,.58);
  box-shadow:0 0 0 5px rgba(117,85,31,.035);
}
.one-cover{
  overflow:hidden;
  background:var(--one-page-surface);
  filter:brightness(calc(.9 + var(--one-light-level) * .1));
  transition:filter .45s ease,box-shadow .45s ease;
}
.cover-content{z-index:1}

/* Remove the web-page white sheet; the whole work now rests on temple-stone paper. */
main,.views{background:transparent}
.views{
  position:relative;
  padding-top:clamp(1.5rem,3vw,3rem);
  box-shadow:none;
  clip-path:none;
}
.views:before,.views:after{
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(transparent,rgba(117,85,31,.28) 8% 92%,transparent);
  content:"";
  pointer-events:none;
}
.views:before{left:-1rem}.views:after{right:-1rem}
.view-tabs{
  border-color:rgba(117,85,31,.32);
  background:
    linear-gradient(rgba(220,204,143,.58),rgba(211,192,124,.62)),
    url('/api/dore/assets/site-file?code=SITE-TEMPLE-STONE-LIGHT') center/520px auto;
  box-shadow:0 .45rem 1.4rem rgba(72,49,18,.1);
  backdrop-filter:blur(8px);
}
.view-tabs button,
.notice-actions button,
.app-return button,
.profile-bar button,
.profile-bar select,
.profile-form input,
.profile-form select{
  border-color:rgba(117,85,31,.55);
  background:rgba(237,225,181,.34);
  box-shadow:inset 0 0 0 3px rgba(181,141,34,.05);
}
.profile-form select{min-height:2.8rem;padding:.55rem .8rem;border:1px solid rgba(117,85,31,.55);border-radius:0;color:var(--ink);background:rgba(237,225,181,.34);font:inherit}
.profile-form label+select{display:block;width:min(100%,28rem);margin-top:.4rem}
.profile-form label:not(:first-child){margin-top:1.2rem}
.profile-light-note{max-width:42rem;color:var(--one-gilt-dark);font-size:.9rem!important}
.view-tabs button:hover,
.view-tabs button[aria-selected=true],
.notice-actions button:hover,
.app-return button:hover{
  color:#fff8dc;
  background:var(--one-gilt-dark);
}

/* Stand-alone views read as full leaves, not application panels. */
#view-now,
#view-books,
#view-calendar{
  position:relative;
  isolation:isolate;
  margin:clamp(1rem,3vw,3rem) 0 clamp(4rem,8vw,8rem);
  padding:clamp(3rem,7vw,7rem);
  border:1px solid rgba(117,85,31,.52);
  background:var(--one-page-surface);
  box-shadow:var(--one-leaf-shadow),inset 2.5rem 0 3.8rem -4rem rgba(73,45,16,.42);
}
#view-now:before,
#view-books:before,
#view-calendar:before{
  position:absolute;
  inset:1rem;
  border:1px solid rgba(181,141,34,.22);
  content:"";
  pointer-events:none;
}
#view-now>*,#view-books>*,#view-calendar>*{position:relative}
.calendar-card,.book-detail,.profile-form,.restart-confirm{
  background:rgba(238,227,185,.25);
  border-color:rgba(117,85,31,.32);
}
.notice{
  color:var(--one-ink);
  border:1px solid rgba(117,85,31,.48);
  background:
    linear-gradient(rgba(211,191,122,.42),rgba(203,180,106,.46)),
    url('/api/dore/assets/site-file?code=SITE-TEMPLE-STONE-LIGHT') center/460px auto;
  box-shadow:inset 0 0 0 7px rgba(181,141,34,.08);
}
.notice pre{color:var(--one-ink)}

/* Every active volume uses a real book cover carrying the same four-line gilt binding. */
.now{padding:clamp(1rem,3vw,3rem) 0}
.now__intro{
  isolation:isolate;
  overflow:hidden;
  width:min(100%,62rem);
  min-height:0;
  padding:0;
  background:#2b291f;
  aspect-ratio:auto;
}
.now__intro:before{display:none}
.now__intro:after{
  z-index:5;
  inset:1.9rem;
  border-color:rgba(228,200,93,.72);
  box-shadow:0 0 0 6px rgba(57,41,20,.08);
}
.chapter-cover-art{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
  filter:grayscale(1) sepia(.3) saturate(.72) contrast(1.08) brightness(.68);
}
.chapter-cover-overlay{
  position:absolute;
  z-index:3;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-around;
  gap:clamp(2rem,7vh,6rem);
  padding:clamp(5rem,9vw,8rem) clamp(2rem,6vw,5rem);
  background:linear-gradient(180deg,rgba(27,26,20,.05),rgba(24,24,20,.13));
  text-align:center;
}
.now h2,.status,.morning-star,.chapter-art-credit{z-index:4}
.now h2{
  color:var(--one-gilt-light);
  text-shadow:0 1px 0 rgba(45,31,12,.55),0 0 2rem rgba(255,231,130,.16);
}
.now h2 i{color:#f4e8bd}
.status{
  border:0;
  background:radial-gradient(ellipse at center,rgba(25,28,27,.58),rgba(25,28,27,.13) 64%,transparent 77%);
}
.status:before,.status:after{border-color:rgba(228,200,93,.62)}
.status strong{color:var(--one-gilt-light)}
.status span,.status p{color:rgba(255,248,220,.88)}

/* The book table of contents is treated as a frontispiece rather than a dashboard grid. */
.book-frontispiece{
  isolation:isolate;
  overflow:hidden;
  min-height:70svh;
  background:var(--one-page-surface);
}
.book-frontispiece:before{z-index:2}
.book-frontispiece:after{
  position:absolute;
  z-index:0;
  inset:1.6rem;
  background:var(--one-chapter-engraving) center top/contain no-repeat;
  filter:grayscale(1) sepia(.3) contrast(1.02);
  opacity:.2;
  -webkit-mask-image:radial-gradient(ellipse 74% 96% at 50% 44%,#000 44%,transparent 96%);
  mask-image:radial-gradient(ellipse 74% 96% at 50% 44%,#000 44%,transparent 96%);
  content:"";
  pointer-events:none;
}
.book-frontispiece>*{position:relative;z-index:1}
.book-frontispiece .head h2{
  color:var(--one-ink);
  text-shadow:0 1px rgba(255,247,211,.5);
}
.book-frontispiece__ornament{
  display:grid;
  place-items:center;
  min-height:4.2rem;
  color:transparent;
  background:url('/images/westside-watch-morning-star.svg') center/3.6rem auto no-repeat;
  filter:drop-shadow(0 0 1rem rgba(255,230,119,.5));
}
.book-frontispiece .movement-grid,
.book-frontispiece .chapter-grid{
  border-color:rgba(117,85,31,.35);
  background:rgba(239,227,184,.25);
}
.book-frontispiece .movement,
.book-frontispiece .chapter{border-color:rgba(117,85,31,.28)}

/* Every study unit becomes a separate leaf with an alternating inner gutter and folio. */
.chapter-detail{
  display:grid;
  gap:clamp(1.25rem,3vw,2.5rem);
  margin-top:clamp(2rem,5vw,5rem);
  border:0;
  counter-reset:one-folio;
}
.chapter-detail>.study-intro,
.chapter-detail>.chapter-section,
.chapter-detail>.scripture-reading{
  position:relative;
  isolation:isolate;
  min-height:clamp(34rem,62vw,52rem);
  margin:0;
  padding:clamp(3.25rem,7vw,7rem);
  border:1px solid rgba(117,85,31,.44);
  background:var(--one-page-surface);
  box-shadow:var(--one-leaf-shadow),inset 2.7rem 0 4rem -4.1rem rgba(73,45,16,.38);
  counter-increment:one-folio;
}
.chapter-detail>.map-reading,
.chapter-detail>.timeline-reading{display:block}
.chapter-detail>.study-intro:before,
.chapter-detail>.chapter-section:before,
.chapter-detail>.scripture-reading:before{
  position:absolute;
  z-index:-1;
  inset:.85rem;
  border:1px solid rgba(181,141,34,.2);
  content:"";
  pointer-events:none;
}
.chapter-detail>.study-intro:after,
.chapter-detail>.chapter-section:after,
.chapter-detail>.scripture-reading:after{
  position:absolute;
  right:2rem;
  bottom:1.15rem;
  color:rgba(117,85,31,.67);
  font:italic .58rem var(--display);
  letter-spacing:.18em;
  content:"ONE · " var(--one-book-running) " · " counter(one-folio,decimal-leading-zero);
}
.chapter-detail>*:nth-child(even){
  box-shadow:var(--one-leaf-shadow),inset -2.7rem 0 4rem -4.1rem rgba(73,45,16,.38);
}
.chapter-detail>*:nth-child(even):after{right:auto;left:2rem}
.study-intro{display:grid;align-content:center}
.study-intro:after{content:"ONE · " var(--one-book-running) " " var(--one-chapter-number) " · " counter(one-folio,decimal-leading-zero)!important}
.study-intro h2{font-size:clamp(4rem,8vw,8rem)}
.chapter-illustration{
  display:grid;
  justify-items:center;
  width:min(100%,46rem);
  margin:clamp(2rem,5vw,4rem) auto 0;
  padding:clamp(.75rem,1.5vw,1.25rem);
  border:1px solid rgba(117,85,31,.58);
  box-shadow:inset 0 0 0 6px rgba(181,141,34,.07),inset 0 0 0 7px rgba(181,141,34,.28);
}
.chapter-illustration a{display:block;width:100%}
.chapter-illustration img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center top;
  filter:grayscale(1) sepia(.24) contrast(1.04);
}
.chapter-illustration figcaption{justify-self:end;padding:.6rem .25rem 0;color:var(--one-gilt-dark);font:italic .72rem var(--display)}
.chapter-section h3,
.scripture-reading>header span{
  color:var(--one-gilt-dark);
  letter-spacing:.04em;
}
.chapter-section p,
.chapter-section li,
.chapter-section td,
.chapter-section th,
.scripture-reading>small,
#view-now p,
#view-books p,
#view-calendar p{
  font-size:var(--one-body-size);
  line-height:1.95;
}
.chapter-section>div>p:first-child,
.connection-section blockquote{
  font-family:inherit;
  font-size:var(--one-body-size);
  line-height:1.95;
}
.chapter-section .kicker,
.chapter-section small,
.chapter-section .map-reading__reference,
.running-head,
.resource-card-one p,
.resource-card-one small{font-size:revert}
.background-grid p{font-size:var(--one-body-size)}
.scout-list li,.prepare-list li,.question-list li{padding-block:1rem}
.chapter-section:not(.map-reading):not(.timeline-reading)>div:not(.route-grid):not(.background-grid):not(.connection-grid)>p:first-child:first-letter{
  float:left;
  margin:.08em .12em 0 0;
  color:var(--one-gilt-dark);
  font:500 3.25em/.74 var(--display);
}

/* Plates and scripture windows are mounted into the same leaves. */
.map-reading__plate{
  padding:clamp(1.25rem,3vw,2.75rem);
  border:1px solid rgba(117,85,31,.62);
  background:rgba(234,220,169,.28);
  box-shadow:
    inset 0 0 0 7px rgba(181,141,34,.08),
    inset 0 0 0 8px rgba(181,141,34,.28);
}
.map-reading__plate img{
  filter:grayscale(.1) sepia(.22) saturate(.76) contrast(.96);
  mix-blend-mode:multiply;
}
.map-reading__route{border-color:rgba(117,85,31,.34)}
.map-reading__route li{border-color:rgba(117,85,31,.28)!important}
.map-reading__links a{background:rgba(237,225,181,.24)}
.scripture-reading__pages{
  border-color:rgba(117,85,31,.48);
  background:rgba(239,229,192,.22);
  box-shadow:inset 0 0 0 6px rgba(181,141,34,.06);
}
.scripture-reading__pages article+article{border-color:rgba(117,85,31,.34)}
.scripture-reading__pages article>div{border-color:rgba(117,85,31,.3);background:rgba(227,211,153,.26)}
.scripture-reading iframe{
  background:#e7dcc0;
  filter:sepia(.1) saturate(.82) contrast(.97);
}

/* Chapter chronology: a true illustrated scroll using the active Doré engraving. */
.one-scroll{
  isolation:isolate;
  padding:4.4rem 4.75rem;
  border:1px solid rgba(117,75,26,.74);
  background:
    linear-gradient(90deg,rgba(85,51,19,.24),transparent 4%,transparent 96%,rgba(85,51,19,.24)),
    linear-gradient(rgba(230,214,158,.42),rgba(205,179,104,.48)),
    var(--one-chapter-engraving) center top/contain no-repeat,
    url('/api/dore/assets/site-file?code=SITE-TEMPLE-STONE-LIGHT') center/460px auto;
  background-blend-mode:normal,normal,multiply,normal;
  box-shadow:
    inset 1.6rem 0 1.8rem -1rem rgba(67,39,14,.5),
    inset -1.6rem 0 1.8rem -1rem rgba(67,39,14,.5),
    0 1rem 2.6rem rgba(70,45,17,.16);
}
.one-scroll:before,.one-scroll:after{
  top:.35rem;
  bottom:.35rem;
  width:1.35rem;
  border:1px solid rgba(73,43,16,.78);
  background:linear-gradient(90deg,#664018,#c89b3a 34%,#e3c061 52%,#80551e 82%,#4f3215);
  box-shadow:inset 0 0 0 3px rgba(255,228,132,.12),0 0 1rem rgba(70,43,15,.42);
}
.one-scroll:before{left:.55rem}.one-scroll:after{right:.55rem}
.one-scroll__rail{
  z-index:1;
  padding:2.4rem 1rem;
  border-block:3px double rgba(117,85,31,.48);
  background:radial-gradient(ellipse at center,rgba(245,232,181,.62),rgba(225,205,142,.24) 70%,transparent);
}
.one-scroll__rail:after{
  position:absolute;
  z-index:-1;
  inset:-1.25rem .35rem;
  border:1px solid rgba(181,141,34,.27);
  content:"";
  pointer-events:none;
}
.one-scroll__rail:before{background:linear-gradient(90deg,transparent,var(--one-gilt-dark) 8% 92%,transparent)}
.one-scroll__rail article>span,
.one-scroll__rail strong,
.one-scroll__rail small{text-shadow:0 1px rgba(255,245,205,.62)}

/* The curated library is a final colophon and shares the same paper and gilt. */
.assistant-head{
  position:relative;
  min-height:34rem;
  align-content:center;
  margin-top:clamp(4rem,8vw,8rem);
  padding:clamp(3rem,7vw,7rem);
  border:1px solid rgba(117,85,31,.45);
  background:var(--one-page-surface);
  box-shadow:var(--one-leaf-shadow);
}
.assistant-head:before{
  position:absolute;
  inset:1rem;
  border:1px solid rgba(181,141,34,.24);
  background:url('/images/westside-watch-morning-star.svg') right 12% top 18%/4rem auto no-repeat;
  content:"";
  pointer-events:none;
}
.assistant-head>*{position:relative}
.resource-card-one{
  background:
    radial-gradient(circle at 22% 10%,rgba(255,245,187,.2),transparent 31%),
    linear-gradient(rgba(231,218,168,.42),rgba(211,191,124,.48)),
    url('/api/dore/assets/site-file?code=SITE-TEMPLE-STONE-LIGHT') center/430px auto;
  box-shadow:inset 0 0 0 7px rgba(116,77,25,.06),inset 0 0 0 8px rgba(117,82,30,.35),0 .8rem 2rem rgba(74,49,18,.1);
}

/* Reading posture: a bookmark-like control, not another application toolbar. */
.reading-tools{
  position:sticky;
  z-index:20;
  top:.75rem;
  display:grid;
  grid-template-columns:minmax(9rem,1fr) auto auto;
  align-items:center;
  gap:1rem;
  width:min(48rem,calc(100% - 2rem));
  margin:clamp(1.5rem,4vw,3.5rem) auto 0;
  padding:.7rem .8rem .7rem 1.25rem;
  border:1px solid rgba(117,85,31,.5);
  background:
    linear-gradient(rgba(224,207,145,.94),rgba(207,185,113,.95)),
    url('/api/dore/assets/site-file?code=SITE-TEMPLE-STONE-LIGHT') center/420px auto;
  box-shadow:0 .7rem 2rem rgba(71,46,17,.14),inset 0 0 0 4px rgba(181,141,34,.06);
  backdrop-filter:blur(12px);
}
.reading-tools:before{
  position:absolute;
  top:.42rem;
  bottom:.42rem;
  left:.45rem;
  width:2px;
  background:linear-gradient(var(--one-gilt-light),var(--one-gilt-dark));
  content:"";
}
.reading-tools p{display:grid;gap:.12rem;margin:0}
.reading-tools p span{
  color:var(--one-gilt-dark);
  font:600 .54rem var(--sans);
  letter-spacing:.17em;
  text-transform:uppercase;
}
.reading-tools p strong{color:var(--one-ink);font:500 1.05rem var(--display)}
.reading-mode{display:flex;border:1px solid rgba(117,85,31,.44)}
.reading-mode button,
.print-chapter,
.complete-chapter{
  min-height:2.4rem;
  padding:.45rem .9rem;
  border:0;
  color:var(--one-ink);
  background:rgba(238,226,181,.24);
  font:600 .74rem var(--sans);
  letter-spacing:.08em;
  cursor:pointer;
}
.reading-mode button+button{border-left:1px solid rgba(117,85,31,.36)}
.reading-mode button[aria-pressed=true]{color:#fff8dc;background:var(--one-gilt-dark)}
.reading-mode button:focus-visible,.print-chapter:focus-visible,.complete-chapter:focus-visible{outline:2px solid var(--one-ink);outline-offset:2px}
.print-chapter,.complete-chapter{border:1px solid rgba(117,85,31,.44)}
.complete-chapter{color:#fff8dc;background:var(--one-gilt-dark)}
.complete-chapter:disabled{color:rgba(16,42,67,.58);background:rgba(238,226,181,.3);cursor:default}

/* Running heads and folios make every unit belong to the same bound volume. */
.running-head{
  position:absolute!important;
  z-index:3;
  top:1.25rem;
  right:1.75rem;
  left:1.75rem;
  display:flex!important;
  justify-content:space-between;
  gap:1rem;
  margin:0!important;
  padding-bottom:.48rem;
  border-bottom:1px solid rgba(117,85,31,.24);
  color:rgba(93,65,25,.74)!important;
  font:600 .5rem var(--sans)!important;
  letter-spacing:.16em!important;
  line-height:1.2!important;
  text-transform:uppercase;
}
.running-head b{font:inherit}
.chapter-detail>*:nth-child(even)>.running-head{flex-direction:row-reverse}

/* Previous and next chapters are the two facing edges of the open book. */
.chapter-turn{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:stretch;
  margin:clamp(1.5rem,4vw,3.5rem) 0 clamp(4rem,8vw,8rem);
  border-block:3px double rgba(117,85,31,.45);
  background:rgba(230,215,162,.22);
}
.chapter-turn button,.chapter-turn__boundary{
  display:grid;
  align-content:center;
  gap:.35rem;
  min-height:7.5rem;
  padding:1.5rem clamp(1rem,3vw,2.5rem);
  border:0;
  color:var(--one-ink);
  background:transparent;
  text-align:left;
}
.chapter-turn button{cursor:pointer}
.chapter-turn button:last-child,.chapter-turn__boundary:last-child{text-align:right}
.chapter-turn button:hover{background:rgba(181,141,34,.1)}
.chapter-turn button span,.chapter-turn__boundary i{
  color:var(--one-gilt-dark);
  font:600 .55rem var(--sans);
  font-style:normal;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.chapter-turn button strong,.chapter-turn__boundary strong{font:500 clamp(1rem,2vw,1.35rem) var(--display)}
.chapter-turn__boundary{opacity:.42}
.chapter-turn>p{
  display:grid;
  place-content:center;
  min-width:7rem;
  margin:0;
  border-inline:1px solid rgba(117,85,31,.3);
  text-align:center;
}
.chapter-turn>p span{font:600 .5rem var(--sans);letter-spacing:.17em;text-transform:uppercase}
.chapter-turn>p b{color:var(--one-gilt-dark);font:500 2rem var(--display)}
.chapter.reading{
  color:#fff8dc;
  background:rgba(90,62,24,.88);
  box-shadow:inset 0 0 0 4px rgba(228,200,93,.14);
}

/* Reading mode keeps only title, bilingual scripture and chapter turning. */
.mode-reading #view-chapter .book-frontispiece,
.mode-reading #view-chapter .assistant-head,
.mode-reading #view-chapter .resource-groups,
.mode-reading #chapter-detail>.chapter-section{display:none}
.mode-reading #chapter-detail{margin-top:1.2rem}
.mode-reading #chapter-detail>.study-intro,
.mode-reading #chapter-detail>.scripture-reading{display:grid}
.mode-reading .study-intro{min-height:24rem}
.mode-reading .scripture-reading{min-height:58rem}

/* A quiet paper turn: enough continuity to be felt, never theatrical. */
.chapter-detail.page-turning--next{animation:one-page-leave-next .22s ease-in both;transform-origin:left center}
.chapter-detail.page-turning--previous{animation:one-page-leave-previous .22s ease-in both;transform-origin:right center}
.chapter-detail.page-arriving--next{animation:one-page-arrive-next .28s ease-out both;transform-origin:right center}
.chapter-detail.page-arriving--previous{animation:one-page-arrive-previous .28s ease-out both;transform-origin:left center}
@keyframes one-page-leave-next{to{opacity:.08;transform:translateX(-1rem) rotateY(-1.2deg)}}
@keyframes one-page-leave-previous{to{opacity:.08;transform:translateX(1rem) rotateY(1.2deg)}}
@keyframes one-page-arrive-next{from{opacity:.08;transform:translateX(1rem) rotateY(1.2deg)}}
@keyframes one-page-arrive-previous{from{opacity:.08;transform:translateX(-1rem) rotateY(-1.2deg)}}

.closing.scripture-panel{
  margin-top:clamp(4rem,8vw,8rem);
  background:var(--one-paper-surface);
  border-top:1px solid rgba(117,85,31,.35);
}

/* The opening remains editorial: ONE is the quiet doorway and the numbers are the motion. */
.cover-one-trigger{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  appearance:none;
  border:0;
  color:inherit;
  background:transparent;
  cursor:pointer;
}
.cover-one-trigger:focus-visible{outline:1px solid rgba(117,85,31,.65);outline-offset:.65rem}
.one-dialog__actions button{
  padding:.58rem .78rem;
  border:1px solid rgba(117,85,31,.52);
  color:var(--one-ink);
  background:rgba(238,226,181,.2);
  font:600 .64rem var(--sans);
  letter-spacing:.05em;
  cursor:pointer;
}
.one-dialog__actions button:first-child{color:#fff8dc;background:var(--one-gilt-dark)}
.one-dialog__actions button:hover{color:#fff8dc;background:var(--one-gilt-dark)}
.one-dialog__actions button:focus-visible{outline:2px solid var(--one-ink);outline-offset:2px}
.cover-books{
  position:relative;
  height:clamp(20rem,44svh,31rem);
  margin-top:clamp(4.25rem,10vh,6.5rem);
  overflow:hidden;
  cursor:grab;
  touch-action:none;
  user-select:none;
  contain:layout paint;
  -webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);
  mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);
}
.cover-books.is-dragging{cursor:grabbing}
.cover-books:focus-visible{outline:1px solid rgba(117,85,31,.28);outline-offset:.35rem}
.cover-book{
  position:absolute;
  top:50%;
  left:50%;
  z-index:1;
  display:grid;
  place-items:center;
  width:100%;
  min-height:4.8rem;
  appearance:none;
  -webkit-appearance:none;
  margin:0;
  padding:0;
  border:0;
  color:inherit;
  background:transparent;
  cursor:pointer;
  opacity:var(--rail-opacity,.12);
  transform:translate3d(-50%,calc(-50% + var(--rail-y,0px)),0);
  transition:none;
  will-change:transform,opacity;
}
.cover-book:before{
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:1px;
  background:transparent;
  transform:translate(-50%,-50%);
  transition:width .36s cubic-bezier(.22,.8,.22,1);
  content:"";
}
.cover-book>span{
  position:relative;
  z-index:1;
  color:rgba(34,42,45,.29);
  font:400 1rem/1 var(--display);
  letter-spacing:.08em;
  transform:translateZ(0) scale(var(--rail-scale,1));
  transition:color .28s,text-shadow .28s;
  will-change:transform;
}
.cover-book strong{
  position:absolute;
  top:50%;
  left:calc(50% + 2.35rem);
  display:block;
  width:max-content;
  max-width:calc(100% - 7rem);
  opacity:0;
  pointer-events:none;
  transform:translate3d(0,-50%,0);
  transition:opacity .32s ease,transform .42s cubic-bezier(.22,.8,.22,1);
}
.cover-book strong b{color:var(--one-gilt-light);font:500 1.05rem/1 var(--text);letter-spacing:.08em}
.cover-book strong i{display:none}
.cover-book.rail-near{z-index:3}
.cover-book.rail-near>span{color:rgba(117,85,31,.68);text-shadow:0 0 1.2rem rgba(255,226,104,.18)}
.cover-book.rail-current{z-index:5;opacity:1!important}
.cover-book.rail-current:before{width:0}
.cover-book.rail-current>span{color:var(--one-gilt);text-shadow:0 0 1.5rem rgba(255,225,100,.62)}
.cover-books.is-settled .cover-book.rail-current strong{opacity:1;transform:translate3d(0,-50%,0)}
.cover-book.selected>span{color:var(--one-gilt-light)}
.cover-book.entering{
  z-index:6;
  transform:translate3d(-50%,calc(-50% + var(--rail-y,0px)),0);
}
.cover-book:focus-visible{outline:0}
.cover-books:not(.is-dragging) .cover-book.rail-current{transition:opacity .28s}
.cover-books.is-dragging .cover-book strong{opacity:0}
.cover-books.is-dragging .cover-book:before{width:0}
.cover-books.is-dragging .cover-book>span{transition:none}

/* Selection and group recovery are presented as bound leaves, not application pop-ups. */
.one-dialog{
  position:fixed;
  z-index:100;
  inset:0;
  display:grid;
  place-items:center;
  padding:1rem;
  overflow:auto;
  background:rgba(17,20,19,.68);
  backdrop-filter:blur(5px);
}
.one-dialog__leaf{
  position:relative;
  display:grid;
  justify-items:center;
  width:min(100%,38rem);
  min-height:min(42rem,calc(100svh - 2rem));
  align-content:center;
  padding:clamp(3rem,8vw,6rem) clamp(1.5rem,7vw,4.5rem);
  border:4px double rgba(181,141,34,.76);
  color:var(--one-ink);
  background:var(--one-page-surface);
  box-shadow:inset 0 0 0 12px rgba(117,85,31,.055),0 2rem 8rem rgba(0,0,0,.36);
  text-align:center;
}
.one-dialog__leaf:before{position:absolute;inset:1.1rem;border:1px solid rgba(181,141,34,.36);content:"";pointer-events:none}
.one-dialog__close{
  position:absolute;
  z-index:2;
  top:1.45rem;
  right:1.45rem;
  width:2.75rem;
  height:2.75rem;
  border:1px solid rgba(117,85,31,.54);
  border-radius:50%;
  color:var(--one-gilt-dark);
  background:transparent;
  cursor:pointer;
}
.book-confirm-step,.group-start-step{display:grid;justify-items:center;width:100%;text-align:center}
.book-dialog-number{color:rgba(117,85,31,.48);font:500 clamp(4rem,11vw,7rem)/.86 var(--display)}
.book-confirm-step h2,.group-start-step h2,.one-dialog__leaf--groups h2{margin:.8rem 0 0;font:500 clamp(2.4rem,7vw,4.5rem)/1 var(--display)}
.book-confirm-step>i{margin:.8rem 0 1.7rem;color:var(--one-gilt-dark);font:italic 1.35rem var(--display)}
.book-dialog-context{color:rgba(16,42,67,.62);font-size:.85rem}
.one-dialog__actions{justify-content:center}
.one-dialog__actions button:disabled{opacity:.34;cursor:not-allowed}
.group-start-step label{justify-self:start;margin:2rem 0 .5rem;color:var(--one-gilt-dark);font:600 .68rem var(--sans);letter-spacing:.08em}
.group-start-step input{
  width:100%;
  padding:.8rem 1rem;
  border:1px solid rgba(117,85,31,.55);
  color:var(--one-ink);
  background:rgba(255,249,214,.28);
  font:500 1.1rem var(--display);
  text-align:center;
}
.local-privacy-note{max-width:54ch;color:rgba(16,42,67,.64);font-size:.76rem;line-height:1.7}
.one-dialog__leaf--groups{align-content:start;width:min(100%,48rem);padding-top:5.5rem}
.local-group-list{display:grid;width:100%;margin:1.8rem 0;border-top:1px solid rgba(117,85,31,.36)}
.local-group{
  display:grid;
  grid-template-columns:7rem 1fr auto;
  gap:.35rem 1rem;
  align-items:center;
  width:100%;
  padding:1.25rem;
  border:0;
  border-bottom:1px solid rgba(117,85,31,.36);
  color:var(--one-ink);
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.local-group:hover,.local-group:focus-visible{background:rgba(181,141,34,.1)}
.local-group.current{box-shadow:inset .25rem 0 0 var(--one-gilt-dark)}
.local-group span{grid-row:1/3;color:var(--one-gilt-dark);font:600 .55rem var(--sans);letter-spacing:.12em}
.local-group strong{font:500 1.25rem var(--display)}
.local-group small{color:rgba(16,42,67,.62)}
.local-group i{grid-column:3;grid-row:1/3;color:var(--one-gilt-dark);font-size:.68rem;font-style:normal}
.calendar-privacy{margin:2rem 0 0;padding-top:1.25rem;border-top:1px solid rgba(117,85,31,.3)}
.one-dialog-open{overflow:hidden}

/* Every chapter cover follows the same opening axis: book, metadata, chapter, title. */
.now__intro{
  display:block!important;
  text-align:center!important;
}
.chapter-cover-book{
  display:grid!important;
  justify-items:center!important;
  align-self:center!important;
  width:100%;
  margin:0 auto!important;
  text-align:center!important;
}
.now .chapter-cover-book h2{
  width:100%;
  margin:0 auto!important;
  text-align:center!important;
  letter-spacing:-.025em;
}
.now .chapter-cover-book h2 i{display:block!important;margin-top:1rem!important;text-align:center!important}
.chapter-cover-book>p{width:100%;margin:1rem auto 0!important;text-align:center!important}
.chapter-cover-chapter{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  width:min(78%,42rem)!important;
  margin:0 auto!important;
  text-align:center!important;
}
.chapter-cover-chapter>*{display:block;width:100%;margin-inline:auto!important;text-align:center!important}
.chapter-cover-chapter strong{margin-block:.7rem!important}
.chapter-art-credit{
  right:auto!important;
  left:50%!important;
  width:max-content;
  max-width:calc(100% - 4rem);
  transform:translateX(-50%);
  text-align:center!important;
}

@media(max-width:900px){
  .chapter-detail>.study-intro,
  .chapter-detail>.chapter-section,
  .chapter-detail>.scripture-reading{padding:clamp(2.75rem,6vw,5rem)}
}
@media(max-width:650px){
  html{font-size:16px}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{font-size:1rem}
  body{background-attachment:scroll}
  main,.now,.view-tabs,.views,.view,.book-frontispiece,.chapter-detail,
  .chapter-detail>.study-intro,.chapter-detail>.chapter-section,
  .chapter-detail>.scripture-reading,.assistant-head,.resource-groups{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  .views.shell{width:calc(100% - 1.25rem);margin-inline:auto}
  #view-chapter{padding-inline:0}
  .view,.chapter-detail{overflow:visible}
  .chapter-detail>.chapter-section>*{min-width:0;max-width:100%}
  .one-cover:before,.book-frontispiece:before{inset:1rem}
  #view-now,#view-books,#view-calendar{padding:3.25rem 1.35rem}
  .now{padding:0}
  .now__intro{width:100%;min-height:0;padding:0}
  .now__intro:after{inset:1.15rem}
  .chapter-cover-overlay{gap:2rem;padding:4.5rem 1.75rem}
  .book-frontispiece{padding:4rem 1.65rem}
  .chapter-detail{gap:1rem}
  .chapter-detail>.study-intro,
  .chapter-detail>.chapter-section,
  .chapter-detail>.scripture-reading{
    min-height:30rem;
    padding:3.5rem 1.35rem 4rem;
    box-shadow:var(--one-leaf-shadow),inset 0 2rem 3rem -3rem rgba(73,45,16,.3);
  }
  .chapter-detail>*:nth-child(even){box-shadow:var(--one-leaf-shadow),inset 0 2rem 3rem -3rem rgba(73,45,16,.3)}
  .chapter-detail>.study-intro:after,
  .chapter-detail>.chapter-section:after,
  .chapter-detail>.scripture-reading:after{right:1.25rem;left:auto}
  .study-intro h2{font-size:3.5rem}
  .one-scroll{width:100%;max-width:100%;margin-inline:0;padding:3.5rem 2.4rem;overscroll-behavior-inline:contain}
  .one-scroll:before,.one-scroll:after{width:.9rem}
  .assistant-head{min-height:28rem;padding:4rem 1.5rem}
  .reading-tools{
    position:relative;
    top:auto;
    grid-template-columns:1fr auto;
    gap:.65rem;
    width:calc(100% - 1rem);
    padding:.7rem;
  }
  .reading-tools>p{grid-column:1/-1;padding-left:.45rem}
  .reading-mode{width:100%}
  .reading-mode button{flex:1}
  .chapter-turn{grid-template-columns:1fr 3.8rem 1fr}
  .chapter-turn button,.chapter-turn__boundary{min-height:6.5rem;padding:1rem .75rem}
  .chapter-turn>p{min-width:0}
  .chapter-turn button strong,.chapter-turn__boundary strong{font-size:.92rem}
  .running-head{top:1rem;right:1.2rem;left:1.2rem}
  .cover-books{height:25rem;margin-top:4rem}
  .cover-book strong b{font-size:1.05rem}
  .one-dialog__leaf{min-height:calc(100svh - 2rem);padding:4.5rem 1.5rem 3rem}
  .local-group{grid-template-columns:1fr;padding:1rem .5rem;text-align:center}
  .local-group span,.local-group strong,.local-group small,.local-group i{grid-column:1;grid-row:auto;text-align:center}
  .chapter-cover-chapter{width:94%!important}
  .scripture-reading__pages,.scripture-reading__pages article,
  .map-reading__plate,.map-reading__route,.map-reading__foot,
  .timeline-reading,.timeline-reading__frame{min-width:0;max-width:100%}
  .route-grid div{grid-template-columns:minmax(4.25rem,auto) minmax(0,1fr)}
  .connection-section .connection-grid header{grid-template-columns:2.25rem minmax(0,1fr)}
  .chapter-turn{grid-template-columns:minmax(0,1fr) 3.4rem minmax(0,1fr)}
  .chapter-turn>p{min-width:0}
  .map-reading__plate img,.chapter-illustration img{max-width:100%}
  .scripture-reading iframe{max-width:100%}
}

@media(min-width:1400px) and (min-resolution:1.5dppx){
  :root{--one-body-size:clamp(1.16rem,calc(1.03rem + .18vw),1.42rem)}
  .shell{--page:min(100% - 4rem,96rem)}
}

@media(min-width:1800px){
  :root{--one-body-size:clamp(1.2rem,calc(1.06rem + .18vw),1.5rem)}
  .shell{--page:min(100% - 5rem,104rem)}
}

@media(prefers-reduced-motion:reduce){
  body{background-attachment:scroll}
  .one-bound body{animation:none}
  .chapter-detail.page-turning--next,
  .chapter-detail.page-turning--previous,
  .chapter-detail.page-arriving--next,
  .chapter-detail.page-arriving--previous{animation:none}
}

@media print{
  @page{size:A4 portrait;margin:12mm}
  *,*:before,*:after{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  html,body{background:#ded096!important}
  body:before,
  #one-cover,
  .app-return,
  .now,
  .view-tabs,
  #view-now,
  #view-books,
  #view-calendar,
  .reading-tools,
  .book-frontispiece,
  .assistant-head,
  .resource-groups,
  .chapter-turn,
  .closing{display:none!important}
  main.app-layer[hidden],main.app-layer{display:block!important}
  .views.shell{width:auto;max-width:none;margin:0;padding:0}
  .view{display:none!important}
  #view-chapter{display:block!important}
  .chapter-detail{display:block;margin:0}
  .chapter-detail>.study-intro,
  .chapter-detail>.chapter-section,
  .chapter-detail>.scripture-reading{
    min-height:0;
    margin:0 0 12mm;
    padding:20mm 16mm 18mm;
    break-after:page;
    box-shadow:none;
  }
  .chapter-detail>:last-child{break-after:auto}
  .map-reading__plate,.connection-grid article,.background-grid article{break-inside:avoid}
  .scripture-reading__pages{display:block}
  .scripture-reading__pages article{min-height:230mm;break-after:page}
  .scripture-reading__pages article:last-child{break-after:auto}
  .scripture-reading__pages article+article{border-left:0}
  .mode-reading #chapter-detail>.chapter-section{display:none!important}
}

/* Final chapter-cover geometry: the engraving is the page, never a contained background strip. */
.now .now__intro{
  display:block!important;
  position:relative;
  width:min(100%,62rem);
  min-height:0;
  padding:0;
  background:transparent;
}
.now .now__intro:before{display:none!important}
.now .chapter-cover-art{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:center top;
}
.now .chapter-cover-overlay{
  position:absolute;
  z-index:3;
  inset:0;
  display:flex!important;
  flex-direction:column;
  align-items:center!important;
  justify-content:space-around;
}
.now .chapter-cover-overlay .chapter-cover-book,
.now .chapter-cover-overlay .chapter-cover-chapter,
.now .chapter-cover-overlay .morning-star{position:relative;z-index:4;top:auto;right:auto;left:auto;bottom:auto}
.now .chapter-cover-overlay .chapter-cover-book{flex:0 0 auto}
.now .chapter-cover-overlay .chapter-cover-book>p{color:rgba(255,248,220,.78)}
.now .chapter-cover-overlay .chapter-cover-chapter{
  flex:0 1 auto;
  min-height:clamp(10rem,28vw,20rem);
}
@media(max-width:650px){
  .now .now__intro{width:100%;min-height:0;padding:0}
  .now .chapter-cover-overlay{gap:1rem;padding:3.5rem 1.5rem}
  .now .chapter-cover-overlay .chapter-cover-chapter{min-height:9rem}
  .now .chapter-cover-overlay .morning-star{transform:scale(.78)}
}

/* Cross-reference integrity: commentary and Scripture are separate. */
.connection-note{margin:.8rem 0 0;color:var(--ink);font-size:var(--one-body-size);line-height:1.8}
.connection-note>span,.connection-scripture-missing>span{display:block;margin-bottom:.18rem;color:var(--gold);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.connection-scripture-missing{margin:.8rem 0 0;padding-top:.7rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;line-height:1.65}
.connection-section blockquote[data-one-scripture="true"]{margin:.85rem 0 0}