@charset "UTF-8";
:root{--green:#234c35;--clay:#b9603c;--paper:#faf8f2;--ink:#263b2e;--muted:#667267;--line:#dedfd3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--clay);outline-offset:5px}header{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 38px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:700 23px/1.05 Georgia,serif}.brand img{object-fit:contain;mix-blend-mode:multiply}.brand-small{display:block;font-size:19px;margin-top:5px}nav{display:flex;gap:30px}nav a{text-decoration:none;font-size:14px;padding:8px 0}nav a[aria-current]{border-bottom:2px solid var(--clay);font-weight:bold}main{min-height:60vh}.hero{max-width:1240px;margin:auto;padding:78px 38px 74px;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:40px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--clay);margin:0 0 24px}h1{font:normal clamp(38px,4.8vw,66px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 26px}h1 em{color:var(--clay);font-weight:normal}h2{font:normal 27px/1.3 Georgia,serif;margin:0 0 12px}.intro{font-size:17px;color:var(--muted);max-width:520px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:54px;padding:14px 23px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:bold;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.primary:hover{background:#173a26}.secondary{border:1px solid #a8b3a5;background:transparent}.note{font-size:12px;color:var(--muted);margin-top:22px}.hero-art{text-align:center;position:relative;padding:25px 0}.art-circle{background:#eeeee1;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;max-width:445px;margin:auto}.art-circle img{width:92%;mix-blend-mode:multiply}.art-label{position:relative;display:inline-block;background:var(--paper);border:1px solid var(--line);border-radius:9px;transform:rotate(-4deg);margin-top:-38px;padding:15px 25px;font-size:13px;color:var(--muted);box-shadow:0 8px 25px #234c3509}.art-label strong{color:var(--green);font:normal 22px Georgia,serif}.bottom-note{max-width:1164px;margin:0 auto 65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;display:flex;align-items:center;gap:24px}.bottom-note h2{font-size:23px}.bottom-note p{font-size:14px;color:var(--muted);margin:0}.bottom-note>a{margin-left:auto;white-space:nowrap;font-size:13px}.line-icon{font-size:42px;color:var(--clay)}footer{background:#eceee5;padding:30px max(30px,calc((100vw - 1164px)/2));font-size:11px;color:#53604f}.footer-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #d6dbcf;margin-bottom:18px}.footer-brand{font:20px Georgia,serif;text-decoration:none;color:var(--green)}.copyright{opacity:.8}.text-page{max-width:840px;margin:auto;padding:65px 28px 90px}.text-page h1{font-size:clamp(36px,5vw,52px)}.wide{max-width:1000px}.reading{max-width:860px}.reading h1 span{white-space:nowrap}.back{display:inline-block;font-size:13px;margin-bottom:30px;text-decoration:none}.empty,.placeholder{padding:30px;border:1px solid var(--line);border-radius:10px;margin:30px 0}.placeholder p,.empty p{color:var(--muted)}.search-label{display:block;font-size:13px;margin-top:32px}input{width:100%;padding:14px 16px;font:inherit;border:1px solid #a8b3a5;background:#fff;border-radius:6px;margin:8px 0 22px}.passage{display:flex;justify-content:space-between;gap:16px;padding:20px 4px;border-bottom:1px solid var(--line);text-decoration:none}.passage:hover{color:var(--clay)}.passage strong{display:inline-block;margin-left:8px}.scripture{margin:30px 0 45px;background:#f0eee3;border-left:3px solid var(--clay);padding:30px;border-radius:0 10px 10px 0}blockquote{margin:0;font:23px/1.8 Georgia,serif}figcaption{font-size:12px;color:var(--muted);margin-top:20px}.questions{margin:40px 0}.questions .eyebrow,.comment .eyebrow{margin-bottom:10px}details{border-bottom:1px solid var(--line)}summary{padding:20px 0;cursor:pointer;font-weight:bold}details>div{padding:0 0 24px;color:var(--muted)}.comment{margin:40px 0;padding:26px;background:#edf0e7;border-radius:9px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:760px){header{padding:20px;flex-wrap:wrap}.brand{font-size:21px}.brand-small{font-size:17px}nav{gap:24px;width:100%;justify-content:center;padding-top:10px;border-top:1px solid var(--line)}.hero{grid-template-columns:1fr;padding:45px 24px;gap:10px}.hero h1{font-size:45px}.hero-art{max-width:330px;width:100%;margin:auto}.art-label{padding:12px 20px}.bottom-note{margin:0 24px 40px;padding:26px 0;flex-wrap:wrap;gap:15px}.bottom-note>div{flex:1}.bottom-note>a{margin-left:54px}.line-icon{font-size:32px}.footer-top{flex-direction:column;gap:8px}.text-page{padding:42px 22px 60px}.scripture{padding:22px;margin-left:0;margin-right:0}blockquote{font-size:21px}.actions{flex-direction:column}.actions .button{width:100%}.intro{font-size:16px}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}