@import url("./one-responsive-containment.css?v=20260819b");

/* ONE surface system — JOIN is the immutable reference: #CEBD74 at 78% over /background.jpg. */
body{background-color:#cebd74;background-image:linear-gradient(rgba(206,189,116,.78),rgba(206,189,116,.78)),url('/background.jpg');background-size:cover;background-position:center;background-attachment:scroll}
.scripture-panel{background-color:#cebd74;background-image:linear-gradient(rgba(206,189,116,.78),rgba(206,189,116,.78)),url('/background.jpg');background-size:cover;background-position:center}
.one-scroll{background:linear-gradient(90deg,rgba(85,51,19,.24),transparent 4%,transparent 96%,rgba(85,51,19,.24)),linear-gradient(rgba(206,189,116,.78),rgba(206,189,116,.78)),linear-gradient(90deg,rgba(222,208,150,.56),rgba(222,208,150,.08) 20%,rgba(222,208,150,.04) 50%,rgba(222,208,150,.08) 80%,rgba(222,208,150,.56)),var(--one-chapter-engraving) center/cover no-repeat,url('/background.jpg') center/cover no-repeat;background-blend-mode:normal,normal,normal,multiply,normal}
.one-cover{width:min(430px,calc(100vw - 2rem));max-width:100%;margin:40px auto;overflow:hidden;background-color:#cebd74;background-image:linear-gradient(rgba(206,189,116,.78),rgba(206,189,116,.78)),url('/background.jpg');background-size:cover;background-position:center}
.cover-content{width:100%;min-width:0;margin-inline:auto;background:transparent}.cover-books{position:relative;display:block;width:100%;height:32rem;margin:3.6rem auto 0;overflow:hidden;cursor:grab;touch-action:none;user-select:none;contain:layout paint;text-align:center;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%)}.cover-books.is-dragging{cursor:grabbing}.cover-book{position:absolute;top:50%;left:50%;z-index:1;display:grid;justify-items:center;align-items:center;width:min(100%,24rem);min-height:2rem;margin:0;padding:.16rem .5rem;border:0;background:transparent!important;box-shadow:none!important;opacity:var(--rail-opacity,.18)!important;transform:translate(-50%,-50%) translateY(var(--rail-y,0)) scale(var(--rail-scale,1))!important;transform-origin:center;transition:color .14s ease,opacity .14s linear;text-align:center;will-change:transform,opacity}.cover-book:before{display:none!important}.cover-book>span{color:rgba(34,42,45,.28);font:400 .84rem/1.1 var(--display);letter-spacing:.08em;text-shadow:none!important;transform:none!important;transition:color .14s ease}.cover-book strong{position:static;display:none;max-width:22rem;margin:.18rem auto 0;color:var(--one-gilt);opacity:1;pointer-events:none;text-align:center;transform:none!important}.cover-book strong b{display:block;color:inherit;font:500 1rem/1.35 var(--text);letter-spacing:.04em}.cover-book strong i{display:block;margin-top:.04rem;color:inherit;font:italic .88rem/1.3 var(--display)}.cover-book.rail-current{z-index:4;opacity:1!important;background:transparent!important;box-shadow:none!important}.cover-book.rail-current>span{color:var(--one-gilt)!important}.cover-book.rail-current strong{display:block;color:var(--one-gilt)!important}.cover-book.active,.cover-book.completed{background:transparent!important;box-shadow:none!important}.cover-book.active>span,.cover-book.completed>span,.cover-book.active strong,.cover-book.completed strong{color:var(--one-gilt)!important}.cover-book.active strong,.cover-book.completed strong{display:block}.cover-book.selected>span,.cover-book.selected strong{color:var(--one-gilt)!important}.cover-book:focus-visible>span{color:var(--one-gilt-dark)!important}.cover-book:focus-visible{outline:0}.cover-book.forthcoming{cursor:default}.cover-book.forthcoming:not(.rail-current):not(:focus-visible) strong{display:none}.cover-scripture-static{margin-top:90px;text-align:center}.cover-scripture-static p{font-size:16px}.cover-scripture-static strong{display:block;margin-top:10px;font-family:var(--display);font-size:20px;font-weight:400}.cover-scripture-static i{display:block;margin-top:10px;font-family:var(--display);font-size:14px}

/* Doré must be a clearly visible product entrance on the ONE cover, not a hidden compatibility insert. */
.cover-portals .dore-search-mark{display:grid!important;justify-items:center;gap:.22rem;width:min(100%,17rem);margin:1.6rem auto 1.25rem;padding:.9rem 1rem;border:1px solid rgba(142,104,23,.42);background:rgba(255,248,220,.2);color:#252525;text-decoration:none;opacity:1!important}
.cover-portals .dore-search-mark span{display:block;color:#8e6817!important;font:500 1.65rem/1 "Cormorant Garamond",serif;letter-spacing:.12em}.cover-portals .dore-search-mark strong{display:block;font:500 .7rem/1.2 "Cormorant Garamond",serif;letter-spacing:.18em}.cover-portals .dore-search-mark i{display:block;font:normal .68rem/1.2 "Noto Serif TC",serif;letter-spacing:.15em}.cover-portals .dore-search-mark:hover,.cover-portals .dore-search-mark:focus-visible{background:rgba(255,248,220,.4);opacity:1!important}

@media(max-width:650px){html,body{max-width:100%;overflow-x:hidden}.one-cover{width:calc(100vw - 1.25rem);max-width:430px;margin:10px auto 20px;padding:45px 22px}.cover-content{width:100%;max-width:100%;margin:0 auto;text-align:center}.cover-brand,.cover-one-trigger,.cover-one-cn,.cover-motto,.cover-scripture-static,.cover-church,.cover-portals{margin-left:auto;margin-right:auto}.cover-books{width:100%;height:29rem;margin-top:3rem}.cover-book{left:50%;width:100%;max-width:100%;padding-inline:.25rem}.cover-book>span{font-size:.78rem}.cover-book strong{max-width:calc(100% - 1rem)}.cover-book strong b{font-size:.94rem}.cover-book strong i{font-size:.82rem}.cover-portals .dore-search-mark{width:100%;margin-top:1.35rem}}
