:root{font-family:Arial,sans-serif;color:#194435;background:#faf8ef}*{box-sizing:border-box}body{margin:0}header{max-width:1100px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:180px}a{color:#17634e}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #cc932f;outline-offset:3px}main{max-width:900px;padding:20px 24px 60px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold}h1{font:clamp(35px,5vw,55px)/1.1 Georgia,serif}h2{font:30px Georgia,serif}.intro,footer p{line-height:1.65}.return-links{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#eaf0df;padding:18px;border-radius:14px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:bold}select,button{min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid #aec3a8;font:inherit}button{background:#17634e;color:white;cursor:pointer;font-weight:bold}#status{font-size:13px;line-height:1.5}.chapter-reading{background:#fffef8;padding:clamp(18px,4vw,40px);border:1px solid #d8e1cd;border-radius:18px;margin:28px 0}.scripture{font:21px/1.9 Georgia,serif;color:#253e34}.scripture .p,.scripture .m{margin:16px 0}.verse{font:bold 12px Arial,sans-serif;color:#607b57;vertical-align:super;margin-right:4px}.selected-paragraph{background:#fff3c9;border-left:3px solid #c3a452;padding:5px 12px}.selected-verse{background:#dbc364;color:#163d30;border-radius:4px;padding:2px 4px}.q1,.q2,.q3{margin-left:1.5em}.q2{margin-left:2.5em}.q3{margin-left:3.5em}.footnote{font:14px/1.65 Arial,sans-serif;color:#576454;margin-top:30px}.notemark{font-size:12px;color:#66795b}.chapter-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce2d0;margin-top:25px;padding-top:20px;font:14px Arial,sans-serif}footer{border-top:1px solid #d8e1cd;padding-top:20px;margin-top:40px;font-size:13px}footer h2{font-size:23px}[hidden]{display:none!important}@media(max-width:500px){header{padding:14px}header img{width:140px}header>a:last-child{font-size:12px}main{padding:14px}.scripture{font-size:19px}form>label:first-child{flex:1}select{max-width:100%}}