*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf8f3;color:#252f2d;font-family:Georgia,serif;line-height:1.75}a{color:#365e56}a:hover{text-decoration-thickness:2px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;padding:12px;z-index:9}header{border-bottom:1px solid #dbdfd8;background:#f3f1e9;padding:20px 5vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:system-ui}header a{text-decoration:none}.brand{font-size:16px;letter-spacing:.1em;text-transform:uppercase}.toplinks{display:flex;gap:24px;font-size:14px}main{max-width:900px;padding:60px 28px 90px;margin:auto}.eyebrow,.label{font-family:system-ui;font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:#5d7065}.hero h1{font-size:clamp(38px,7vw,68px);line-height:1.1;font-weight:normal;margin:16px 0 24px}.hero p{max-width:680px;font-size:19px}.chapters{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:35px 0}.chapters a{border:1px solid #ccd3c7;border-radius:3px;text-align:center;padding:10px;text-decoration:none;background:#fffdf8}.chapters a:hover{background:#e7eee5}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 0;border-block:1px solid #d9ded4;margin:30px 0;font-family:system-ui;font-size:13px}.toolbar select,.toolbar input{font:inherit;padding:9px;max-width:100%;background:#fff;border:1px solid #bcc9be;border-radius:4px}.toolbar input{flex:1;min-width:180px}.verse{padding:30px 0 32px;border-bottom:1px solid #dce1d6;scroll-margin-top:20px}.ref{font:500 13px system-ui;letter-spacing:.08em;text-decoration:none}.layer{margin:17px 0 0}.layer p{margin:4px 0 8px;font-size:19px}.greek p{font-size:21px}.kjv{padding-left:16px;border-left:2px solid #c6b68d}.romanized p{font-size:17px;color:#505d56}.verse:target{background:#f1f1df;outline:12px solid #f1f1df}.pagination{display:flex;justify-content:space-between;margin-top:35px;font-family:system-ui}.note{font-size:15px;color:#5e685f;max-width:720px}.front h2{font-size:28px;font-weight:normal;margin-top:40px}.front h3{font-size:21px}.front p{font-size:17px}footer{padding:28px;border-top:1px solid #d9ded4;text-align:center;font:12px/1.7 system-ui;color:#5c685e}[hidden]{display:none!important}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;gap:12px}main{padding:32px 20px 60px}.chapters{grid-template-columns:repeat(4,1fr)}.hero p{font-size:17px}.layer p{font-size:18px}.toplinks{gap:18px}.greek p{font-size:20px}}@media print{header,.toolbar,.pagination,footer{display:none}main{padding:0}.verse{break-inside:avoid}.hero h1{font-size:30px}}
.toplinks{flex-wrap:wrap}

.book-summary{padding:24px 0;border-bottom:1px solid #dce1d6}.book-summary h2{font-size:30px;font-weight:normal;margin:0 0 12px}.book-summary h2 a{text-decoration:none}.book-summary p{max-width:720px;margin:10px 0;font-size:18px}.book-summary .note{font-size:14px}.book-open{font:500 14px system-ui}