@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Text:ital@0;1&display=swap";:root{--ink:#201d17;--muted:#706a5e;--paper:#f7f3e9;--card:#fffdf7;--rule:#d9d1c1;--red:#8a352b;--gold:#b99143}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth;font-family:DM Sans,sans-serif}body{background:radial-gradient(circle at 50% -10%,#fffdf7 0,#0000 38rem);min-height:100vh;margin:0}a{color:inherit}.site-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;max-width:76rem;height:5rem;margin:auto;padding:0 2rem;display:flex}.wordmark{letter-spacing:-.03em;font:1.3rem Libre Caslon Text,serif;text-decoration:none}.wordmark b{color:var(--red);font-weight:400}nav{gap:1.7rem;display:flex}nav a{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-size:.86rem;font-weight:600;text-decoration:none}main{min-height:calc(100vh - 12rem)}.container{width:min(72rem,100% - 2.5rem);margin-inline:auto}.narrow{width:min(48rem,100% - 2.5rem);margin-inline:auto}.hero{text-align:center;padding:8rem 0 6rem}.eyebrow{color:var(--red);letter-spacing:.17em;text-transform:uppercase;font-size:.78rem;font-weight:600}h1,h2,h3{font-family:Libre Caslon Text,serif;font-weight:400}h1{letter-spacing:-.055em;margin:.7rem 0 1.5rem;font-size:clamp(3rem,8vw,6.5rem);line-height:.96}.hero p{color:var(--muted);max-width:36rem;margin:0 auto 2.25rem;font:1.12rem/1.7 Libre Caslon Text,serif}.button{color:#fff;background:var(--red);border:1px solid var(--red);letter-spacing:.04em;padding:.9rem 1.3rem;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-block}.button.secondary{color:var(--ink);border-color:var(--rule);background:0 0;margin-left:.5rem}.section{border-top:1px solid var(--rule);padding:4rem 0}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,5vw,3.5rem)}.section-heading p{color:var(--muted);margin:0}.book-grid{background:var(--rule);border:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1px;display:grid}.book-card{background:var(--card);flex-direction:column;justify-content:space-between;min-height:6rem;padding:1rem;text-decoration:none;transition:background .2s;display:flex}.book-card:hover{background:#efe6d5}.book-card small{color:var(--red)}.page-head{border-bottom:1px solid var(--rule);padding:4.5rem 0 2.5rem}.page-head h1{margin:.5rem 0;font-size:clamp(2.7rem,6vw,5rem)}.page-head p,.muted{color:var(--muted)}.chapters{flex-wrap:wrap;gap:.55rem;padding:2rem 0 4rem;display:flex}.chapter-link{background:var(--card);border:1px solid var(--rule);place-items:center;width:3rem;height:3rem;text-decoration:none;display:grid}.chapter-link:hover{color:#fff;background:var(--red);border-color:var(--red)}.book-overview{padding:2.5rem 0 0}.book-overview h2{margin:0 0 .6rem;font-size:1.55rem}.book-overview p{max-width:48rem;color:var(--muted);line-height:1.7}.book-overview a{color:var(--red)}.reader-head{z-index:2;background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 0;position:sticky;top:0}.reader-head .narrow{justify-content:space-between;align-items:center;gap:1rem;display:flex}.reader-head h1{letter-spacing:-.02em;margin:0;font-size:1.35rem}.reader-nav{gap:.4rem;display:flex}.reader-nav a{border:1px solid var(--rule);padding:.5rem .7rem;text-decoration:none}.verses{padding:3.5rem 0 5rem;font:1.2rem/2 Libre Caslon Text,serif}.verse{scroll-margin-top:6rem}.verse:target{background:#eadcb9}.verse-number{color:var(--red);vertical-align:super;margin-right:.3rem;font:600 .68rem DM Sans,sans-serif;text-decoration:none}.audio-player{width:100%;margin:0 0 2rem}.search-form{margin-top:1.5rem}.search-main{gap:.6rem;display:flex}.search-main input{min-width:0;font:inherit;background:var(--card);border:1px solid var(--rule);flex:1;padding:1rem}.search-form button{color:#fff;background:var(--red);border:0;padding:0 1.2rem;font-weight:600}.case-option{width:max-content;color:var(--muted);cursor:pointer;align-items:center;gap:.45rem;margin-top:.75rem;font-size:.88rem;display:flex}.case-option input{width:1rem;height:1rem;accent-color:var(--red)}.results{padding:0 0 5rem;list-style:none}.results li{border-bottom:1px solid var(--rule);padding:1.3rem 0}.results a{color:var(--red);font-weight:600;text-decoration:none}.results p{margin:.45rem 0 0;font:1rem/1.65 Libre Caslon Text,serif}.article-list{padding:0 0 5rem;list-style:none}.article-list li{border-bottom:1px solid var(--rule)}.article-list a{color:inherit;padding:1.5rem 0;text-decoration:none;display:block}.article-list h2{margin:0 0 .45rem;font:1.35rem/1.3 Libre Caslon Text,serif}.article-list p{color:var(--muted);margin:0;line-height:1.6}.legacy-article,.reference-article{padding-bottom:5rem}.direct-answer{background:var(--card);border-left:4px solid var(--red);margin:2.5rem 0 1.5rem;padding:1.25rem 1.4rem;font:1.2rem/1.65 Libre Caslon Text,serif}.scripture-quote{border:1px solid var(--rule);background:#efe6d5;margin:1.5rem 0;padding:1.5rem;font:1.12rem/1.8 Libre Caslon Text,serif}.scripture-quote p{margin:0 0 .75rem}.scripture-quote cite{font:600 .82rem DM Sans,sans-serif}.scripture-quote a{color:var(--red)}.reference-actions{flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 2.5rem;display:flex}.reference-actions .button.secondary{margin:0}.legacy-article .page-head{padding-bottom:2rem}.article-body{font:1.08rem/1.8 Libre Caslon Text,serif}.article-body h2,.article-body h3{margin:2.2rem 0 .7rem;line-height:1.25}.article-body a,.back-link a{color:var(--red)}.article-body blockquote{border-left:3px solid var(--red);background:var(--card);margin:1.5rem 0;padding:.75rem 1.25rem}.article-body table{border-collapse:collapse;max-width:100%;font:.9rem/1.5 DM Sans,sans-serif;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--rule);padding:.6rem}.article-body img{max-width:100%;height:auto}.back-link{margin-top:3rem}footer{border-top:1px solid var(--rule);color:var(--muted);text-align:center;padding:2rem;font-size:.78rem}@media (width<=600px){.site-header{padding:0 1.25rem}nav{gap:1rem}nav a{font-size:.72rem}.hero{padding:5.5rem 0 4rem}.button{display:block}.button.secondary{margin:.65rem 0 0}}
