*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.5;color:#333}html{background-color:#f0f0f0}body:before{content:"";position:fixed;top:0;right:0;height:100vh;width:100vw;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:rgba(245,248,246,.5);transition:all .5s;visibility:hidden;opacity:0;z-index:1}pre{white-space:pre-wrap}.loading{position:fixed;display:flex;top:0;left:0;width:100vw;height:100vh;z-index:999;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;grid-gap:0;background-color:rgba(0,0,0,.5);color:#f5f8f6;visibility:hidden;opacity:0}.loading.active{visibility:visible;opacity:1}.loading .inner{width:40px;aspect-ratio:1.154;--_g: no-repeat radial-gradient(farthest-side,#fff 90%,#0000);background:var(--_g) 50% 0,var(--_g) 0 100%,var(--_g) 100% 100%;background-size:35% 40.39%;animation:l16 1s infinite}@keyframes l16{50%,100%{background-position:100% 100%,50% 0,0 100%}}body{font-family:"Inter",sans-serif}h1,h2,h3,h4,h5,h6{font-family:"Manrope",sans-serif;font-weight:400;line-height:1.5em;margin-bottom:1.5rem}h1,h2,h3{line-height:1em}h4,h5,h6{line-height:1.2em}h1{font-size:4em}@media(max-width: 768px){h1{font-size:3em;font-weight:600}}h2{font-size:3.2em}@media(max-width: 768px){h2{font-size:2.6em;font-weight:600}}h3{font-size:2.5em}@media(max-width: 768px){h3{font-size:2em;font-weight:600}}h4{font-size:2em}h5{font-size:1.6em}h6{font-size:1.2em}p,ul,ol,blockquote{margin-bottom:1.5rem}p,li,button,input,textarea{line-height:1.5em;font-size:1.1em;font-weight:300}li>:is(ol,ul)>li{font-size:unset}a{color:#3965a3;font-weight:300;text-decoration:none}.subheader{padding:5px 15px;background-color:#f0f0f0;width:-moz-max-content;width:max-content;border-radius:20px;font-size:.9em;margin:0 auto 1rem}.subheader[options~=secondary]{background:unset;padding:0 0 0 15px;position:relative}.subheader[options~=secondary]:before{content:"";width:6px;height:6px;border-radius:100%;position:absolute;top:50%;transform:translateY(-50%);left:0;background-color:#3965a3}.buttons{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;grid-gap:20px}.button{display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center;grid-gap:8px;position:relative;overflow:hidden;background-color:#333;color:#f5f8f6;border-radius:25px;border:0;cursor:pointer}.button svg{width:18px;max-height:18px}.button svg path{fill:#f5f8f6}.button:not(:has(.layer)){padding:.6rem 1.4rem .6rem}.button:has(.layer){display:block}.button .layer{position:absolute;top:0;left:0;width:100%;height:100%;padding:.6rem 1.4rem .6rem;transition:all .3s;display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center;grid-gap:8px}.button .layer:nth-child(2){top:100%;background-color:hsl(0,0%,35%)}.button:hover .layer{top:-100%}.button:hover .layer:nth-child(2){top:0}.button.primary{background-color:#3965a3;color:#f5f8f6}.button.primary .layer:nth-child(2){background-color:rgb(50.3931818182,89.2931818182,144.1068181818)}.button.secondary{background-color:red;color:#f5f8f6}.button.secondary .layer:nth-child(2){background-color:rgb(229.5,0,0)}.button.gray{background-color:#f0f0f0;color:#333}.button.gray svg path{fill:#333}.button.gray .layer:nth-child(2){background-color:hsl(0,0%,89.1176470588%)}.button.white{background-color:#f5f8f6;color:#333}.button.white svg path{fill:#333}.button.white .layer:nth-child(2){background-color:#f0f0f0}.button.outline{background:none;outline:1px inset #333;color:#333}.button.outline svg path{fill:#333}.button.outline .layer:nth-child(2){background-color:#f0f0f0}.button.text{background:none;color:#333}.button.text svg path{fill:#333}.button.text:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:50px;height:100%;border-bottom:1px solid #333;transition:all .3s}.button.text:hover:before{top:-5px}.button.text-white{background:none;color:#f5f8f6}.button.text-white:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:50px;height:100%;border-bottom:1px solid #f5f8f6;transition:all .3s}.button.text-white:hover:before{top:-5px}.flex{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;grid-gap:0}.primary{color:#3965a3}.secondary{color:red}body{min-height:100vh;width:100vw;overflow-x:hidden}.container{width:95%;max-width:1200px;margin:auto}main{padding:20vh 0 0;min-height:100vh}main:has(.page-book){padding-top:10vh}input:not([type=checkbox]){width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:2px;margin-bottom:10px;font-size:1rem}input,textarea,button{font-family:"Inter",sans-serif}input,select,textarea{background-color:#f5f8f6;padding:5px;border:1px solid rgba(51,51,51,.25);border-radius:2px;color:rgba(51,51,51,.9);padding:15px}textarea{height:150px}button{background-color:#3965a3;padding:8px 30px;border-radius:2px;border:0;color:#f5f8f6;cursor:pointer;transition:all .2s}button:hover{background-color:rgb(43.7863636364,77.5863636364,125.2136363636)}form .row{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;grid-gap:10px}form .row input,form .row textarea{width:calc(50% - 5px)}form button.button{margin:15px auto 0}form button.button:not(:has(.layer)){padding:.6rem 2.5rem}form button.button .layer{padding:.6rem 2.5rem}header nav form button.button{margin-top:0;font-size:1em}header nav form button.button:not(:has(.layer)){padding:.5rem 1.5rem}header nav form button.button .layer{padding:.5rem 1.5rem}header nav form button.button.text:not(:has(.layer)){padding:.5rem 1rem}header nav form button.button.text .layer{padding:.5rem 1rem}.page{padding-bottom:10vh}section{margin:7rem 0;position:relative}section:first-child{margin-top:0}section:last-child{margin-bottom:0}section .container{width:95%;max-width:1200px;margin:auto;position:relative;max-width:700px}section .buttons{justify-content:flex-start;margin-top:25px}section h1{margin-bottom:2rem}section p,section li{font-size:1em}section a{font-weight:400}section a:hover{text-decoration:underline}section ul{margin-left:1.5rem}section[options~=background-black]{background-color:#333;color:#f5f8f6;margin:0;padding:7rem 0}section[options~=background-black] p,section[options~=background-black] li,section[options~=background-black] a{opacity:.75}section[options~=no-margin-top]{margin-top:0;padding-top:0}section[options~=negative-margin-top].section-image-blocks{margin-top:-3.5rem}section[options~=wide-container] .container{max-width:1200px}section[options~=small-container] .container{max-width:800px}section[options~=medium-container] .container{max-width:1000px}app{display:flex;justify-content:center;flex-wrap:wrap;align-items:stretch;grid-gap:0;min-height:100vh}app app-sidebar{width:250px}app app-main{width:calc(100% - 250px);padding:10px 20px 20px}app .button,app form button.button{font-size:1em}app .button:not(:has(.layer)),app form button.button:not(:has(.layer)){padding:.5rem 1.25rem}app .button .layer,app form button.button .layer{padding:.5rem 1.25rem}app-header{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;grid-gap:20px}app-header>div{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;grid-gap:20px}app-header>div:nth-child(2){justify-content:flex-end}app-header form .button{margin-top:0}sidebar .top{position:fixed;z-index:20;top:0;left:0;padding:20px;display:flex;justify-content:flex-start;flex-wrap:nowrap;align-items:center;grid-gap:10px;width:260px;transition:all .5s}sidebar .top .menu-btn{width:40px;height:40px;border-radius:100%;cursor:pointer;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;grid-gap:0;transition:all .2s}sidebar .top .menu-btn .icon span{background-color:#333;width:20px;height:2px;display:block;transition:all .5s}sidebar .top .menu-btn .icon span:first-child{margin-bottom:6px}sidebar .top .menu-btn:hover{background-color:rgba(51,51,51,.05)}sidebar .top .logo{color:unset}sidebar .top .logo p{font-size:1em;margin:0;font-family:"Manrope",sans-serif}sidebar .top .logo p span{font-weight:600;margin:0 2px;letter-spacing:-0.5px;transition:all .2s}sidebar .top .logo:hover p span{color:#3965a3}sidebar .bottom{z-index:20;position:fixed;bottom:0;left:0;padding:20px;align-self:flex-end;width:260px;transition:all .5s}sidebar .bottom .text{visibility:hidden;opacity:0;transition:all .5s;font-size:.8em}sidebar .bottom .text h1{font-size:1em;line-height:1.3em;opacity:.75;margin-bottom:1rem}sidebar .bottom .legal{font-size:.7em;opacity:.5}sidebar .bottom .legal>:last-child{margin-bottom:0}@media(max-width: 1300px){sidebar .top{position:absolute}sidebar .bottom{margin-left:-260px}}body:has(nav.show):before{opacity:1;visibility:visible}body:has(nav.show) sidebar .top{position:fixed}body:has(nav.show) sidebar .top .menu-btn{background-color:rgba(51,51,51,.05)}body:has(nav.show) sidebar .top .menu-btn .icon span:nth-child(1){opacity:0;margin-bottom:0px}body:has(nav.show) sidebar .top .menu-btn .icon span:nth-child(2){margin-top:-2px}body:has(nav.show) sidebar .bottom{margin-left:0}body:has(nav.show) sidebar .bottom .text{visibility:visible;opacity:1}nav{position:fixed;top:0;left:0;padding:100px 20px 150px 20px;height:100vh;width:260px;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;grid-gap:0;margin-left:-260px;transition:all .5s;z-index:1;background-color:#f5f8f6}nav.show{margin-left:0;box-shadow:10px 0 200px rgba(51,51,51,.5)}nav .links a{display:block;width:-moz-max-content;width:max-content;color:#333;position:relative;font-size:.9em;padding:4px 4px 4px 30px;opacity:.8;transition:all .2s}nav .links a:before{content:"";background-color:#333;opacity:.4;width:6px;height:6px;border-radius:100%;position:absolute;top:50%;transform:translateY(-50%);left:10px;transition:all .2s}nav .links a:hover{opacity:1}nav .links a:hover:before{opacity:.6}.page-book{width:95%;max-width:800px;margin:0 auto;background-color:#f5f8f6;box-shadow:0 0 20px rgba(0,0,0,.05);border-radius:5px 5px 0 0;min-height:90vh}.passage{font-size:1.1em;padding:0 50px 50px 30px}.passage .vs{display:block;position:relative;padding-left:20px;font-size:1em}.passage .vs:last-child{margin:0}.passage .vs sup.num{font-size:.6em;font-weight:500;line-height:1em;display:none}.passage .vs span.comm{display:none;font-size:.75em;font-style:italic;line-height:1.5em;margin-top:5px;opacity:.7;font-weight:200}.passage .vs:before{content:"";position:absolute;top:calc(50% - 3px);transform:translateY(-50%);left:0;width:6px;height:6px;border-radius:100%;background-color:#333;opacity:0;transition:opacity .5s}.passage .vs:after{content:"";position:absolute;top:0;left:0;bottom:0;width:20px;cursor:pointer}.passage .vs:hover:before{opacity:.5}.passage .vs.active span.text{text-decoration:underline}.passage .vs.active:before{opacity:1;background-color:#3965a3}.passage .vs .an{font-size:.7em;font-style:italic;opacity:.5;font-weight:400;margin-left:2px;cursor:pointer;transition:all .1s}.passage .vs .an:hover{opacity:1}.passage-filters{padding:50px 50px 25px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-end;grid-gap:25px}.passage-filters>div{display:flex;justify-content:flex-start;flex-wrap:nowrap;align-items:center;grid-gap:6px}.passage-filters input,.passage-filters select{padding:5px;font-size:.9em;border:1px solid rgba(51,51,51,.15);margin:0;height:33px;transition:all .2s}.passage-filters input[name=search]{width:200px}.passage-filters p[action]{margin:0;height:22px;opacity:.5;transition:all .2s;cursor:pointer}.passage-filters p[action] svg{height:100%}.passage-filters p[action] svg path{fill:#333}.passage-filters p[action]:hover{opacity:1}.passage-filters:hover input,.passage-filters:hover select{border:1px solid rgba(51,51,51,.25)}.passage-filters-btn{width:32px;height:32px;cursor:pointer;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;grid-gap:0;transition:all .2s;position:relative}.passage-filters-btn .icon{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;grid-gap:4px;padding:5px}.passage-filters-btn .icon span{background-color:#333;width:4px;height:4px;border-radius:100%;transition:all .2s;opacity:.4}.passage-filters-btn .icon span:last-child{margin-bottom:0px}.passage-filters-btn.active .icon span{opacity:1}.passage-filters-btn:hover .icon span{opacity:1}.passage-filters-btn .passage-filters-menu{position:absolute;top:calc(100% + 10px);right:0;width:300px;border-radius:5px;background-color:#333;color:#f0f0f0;transition:all .5s;opacity:0;visibility:hidden;box-shadow:0 10px 20px rgba(0,0,0,.05);padding:20px;font-size:.8em;z-index:1}.passage-filters-btn .passage-filters-menu.active{opacity:1;visibility:visible}.passage-filters-btn .passage-filters-menu p{margin:0}.passage-filters-btn .passage-filters-menu p.label{margin:0 0 5px;text-transform:uppercase;font-weight:600;font-size:.8em;opacity:.5}.passage-filters-btn .passage-filters-menu .row{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center;grid-gap:20px;grid-row-gap:5px}.passage-filters-btn .passage-filters-menu .row p svg,.passage-filters-btn .passage-filters-menu .row li svg{width:12px;margin:0 0 -1px}.passage-filters-btn .passage-filters-menu .row p svg path,.passage-filters-btn .passage-filters-menu .row li svg path{fill:#f5f8f6}.passage-filters-btn .passage-filters-menu .row p:hover,.passage-filters-btn .passage-filters-menu .row li:hover{color:hsl(215.0943396226,48.1818181818%,68.137254902%)}.passage-filters-btn .passage-filters-menu .row p:hover svg path,.passage-filters-btn .passage-filters-menu .row li:hover svg path{fill:hsl(215.0943396226,48.1818181818%,68.137254902%)}.passage-filters-btn .passage-filters-menu .row p.active,.passage-filters-btn .passage-filters-menu .row li.active{color:hsl(215.0943396226,48.1818181818%,68.137254902%)}.passage-filters-btn .passage-filters-menu .row p.active svg path,.passage-filters-btn .passage-filters-menu .row li.active svg path{fill:hsl(215.0943396226,48.1818181818%,68.137254902%)}.passage-filters-btn .passage-filters-menu .row ul{margin:0 0 0 20px}.passage-filters-btn .passage-filters-menu .divider{border-top:1px solid;margin:15px 0;opacity:.2}body:has(.passage .vs.active) .passage-filters-btn .icon span{background-color:#3965a3;opacity:1}@media(max-width: 800px){.passage-filters{position:relative;padding-top:70px}.passage-filters .right{position:absolute;top:20px;right:20px}}@media(max-width: 600px){.passage-filters{position:relative;padding:70px 20px 25px}.passage{padding:0 20px 50px 20px}.passage .vs{padding-left:0}.passage .vs:before,.passage .vs:after{display:none}}@media(max-width: 500px){.passage{font-size:1em}}.page-book:has([option=commentary].active) .passage .vs span.comm{display:block}.page-book:has([option=numbers].active) .passage .vs sup.num{display:inline}.page-book:has([option=paragraph].active) .passage .vs{display:inline;padding-left:0}.page-book:has([option=paragraph].active) .passage .vs:before,.page-book:has([option=paragraph].active) .passage .vs:after{display:none}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;background-color:rgba(0,0,0,.75);visibility:hidden;opacity:0;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;grid-gap:0;transition:all .5s}.modal .container{max-width:800px;background-color:#f5f8f6;border-radius:10px;padding:50px;max-height:90vh;overflow-y:auto}.modal.active{visibility:visible;opacity:1}.modal .close{position:absolute;top:0;right:0;cursor:pointer;padding:10px;margin-right:10px}.modal .close svg{width:40px}.modal .close svg path{fill:#f5f8f6}.modal[modal=passage-study] .container{text-align:center}.modal[modal=passage-study] .container h2{font-size:2.5em}.modal[modal=passage-study] .container textarea{display:block;width:100%;max-width:600px;margin:40px auto 10px}.modal[modal=passage-study] .container .response{display:none;text-align:left;margin-top:40px}.modal[modal=passage-study] .container .response ul,.modal[modal=passage-study] .container .response ol{margin-left:2rem}.modal[modal=passage-study] .container .response>:last-child{margin-bottom:0}.modal[modal=passage-study] .container .response .response-footer{text-align:center;border-top:1px solid rgba(51,51,51,.15);margin-top:40px;padding-top:10px;font-size:.8em}.modal[modal=passage-study] .container .response .response-footer>:last-child{margin-bottom:0}.modal[modal=passage-study]:has(.response) .container h2{font-size:2em}