:root{color-scheme:light;--blue:#367da1;--blue-dark:#28617e;--ink:#333d43;--muted:#77848b;--line:#e1e8ec;--panel:#f3f6f8;--verse-size:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}a{color:var(--blue-dark);text-underline-offset:3px}a:hover{color:#12445e}button,a,input,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #7dbfe0;outline-offset:4px}.skip{position:absolute;top:-60px;left:20px;padding:10px;background:#fff;z-index:3}.skip:focus{top:12px}
.site-header{max-width:1060px;margin:auto;padding:30px 34px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;color:var(--blue);text-decoration:none}.brand img{width:47px;height:47px}.brand-name{font-size:36px;line-height:1.1;font-weight:400;letter-spacing:-1px}.brand small{display:block;color:#7b8991;font-size:13px;letter-spacing:0;margin-top:7px}.offline{font-size:12px;color:#77858c;white-space:nowrap;display:flex;align-items:center;gap:7px}.offline:before{content:"";width:6px;height:6px;border-radius:100%;background:#72a68e}.catalog,.reading{max-width:1060px;margin:auto;padding:28px 34px 48px}.catalog-intro{display:flex;align-items:baseline;gap:20px;justify-content:space-between;margin:0 0 25px}.catalog-intro h1{font-size:22px;font-weight:400;margin:0}.catalog-intro p{font-size:12px;color:var(--muted);margin:0}.testaments{display:grid;grid-template-columns:1fr 1fr;gap:28px}.testament h2,.chapter-heading{margin:0;background:var(--blue);color:#fff;border-radius:17px 4px 17px 4px;padding:13px 20px;font-size:21px;font-weight:400;line-height:1.4}.testament h2 span{display:inline-block;font-size:14px;opacity:.8;margin-right:7px}.book-group{margin-top:20px}.book-group h3{margin:0 0 8px 14px;font-size:15px;color:#515e66}.book-group ul{margin:0;padding:6px 0;list-style:none;background:var(--panel);border-radius:5px}.book-group li a{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:5px 16px;text-decoration:none;font-size:15px;line-height:1.6}.book-group li a:hover{background:#e6eef3}.book-group .count{font-size:11px;color:#92a0a9;white-space:nowrap;font-variant-numeric:tabular-nums}.continue{border:1px solid #d6e6ef;background:#f4f9fc;border-radius:7px;padding:13px 16px;margin-bottom:25px;font-size:14px}.continue a{text-decoration:none;font-weight:600}.continue small{color:var(--muted);margin-right:10px}
.reading{max-width:960px;padding-top:24px}.breadcrumbs{margin:0 0 18px;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px}.breadcrumbs a{text-decoration:none}.chapter-heading{font-size:25px;padding:17px 23px}.chapter-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;font-size:13px;border-bottom:1px solid var(--line)}.chapter-nav a{text-decoration:none;line-height:1.5}.chapter-nav .prev,.chapter-nav .next{flex:1}.chapter-nav .next{text-align:right}.chapter-nav .disabled{color:#b9c2c8;flex:1}.chapter-nav .disabled.next{text-align:right}.chapter-tools{display:flex;align-items:flex-start;gap:18px;justify-content:space-between;margin:20px 0 24px}.chapters{flex:1;font-size:13px;min-width:0}.chapters summary{cursor:pointer;color:var(--blue-dark);padding:4px 0;max-width:fit-content}.chapters summary small{color:var(--muted);margin-left:6px;font-size:11px}.chapter-grid{display:flex;flex-wrap:wrap;gap:4px;margin:12px 0 0}.chapter-grid a,.chapter-grid .current{display:grid;place-items:center;min-width:32px;min-height:32px;padding:3px 7px;border-radius:4px;text-decoration:none;font-size:13px}.chapter-grid a{background:var(--panel)}.chapter-grid a:hover{background:#deebf3}.chapter-grid .current{background:var(--blue);color:#fff}.font-tools{display:flex;align-items:center;gap:7px;flex-shrink:0}.font-tools span{font-size:11px;color:var(--muted);margin-right:3px}.font-tools button{border:1px solid #dbe4e9;background:#fff;border-radius:5px;color:var(--blue-dark);width:34px;height:30px;font-size:13px}.font-tools button:last-child{font-size:16px}.font-tools button:hover{background:var(--panel)}.font-tools button:disabled{opacity:.35;cursor:default}.verses{list-style:none;margin:0;padding:0;font-size:var(--verse-size);line-height:1.85}.verses li{position:relative;padding:0 8px 0 42px;margin:0 0 7px;border-radius:4px;scroll-margin-top:28px;overflow-wrap:anywhere}.verses .verse-number{position:absolute;left:0;top:.25em;width:29px;text-align:right;font:12px/2.3 Arial,Helvetica,sans-serif;text-decoration:none;color:#92a4af;user-select:none}.verses li:target{background:#fff5cf}.verses .verse-number:hover{color:var(--blue-dark)}.bottom-nav{margin-top:35px;border-top:1px solid var(--line);border-bottom:0;padding-top:20px}.page-footer{max-width:992px;margin:auto;border-top:1px solid var(--line);padding:19px 0 28px;color:#8c989f;font-size:11px;display:flex;justify-content:space-between;gap:15px}.page-footer a{color:#788f9c;text-decoration:none}[hidden]{display:none!important}
@media(max-width:720px){.site-header{padding:22px 22px 20px}.brand-name{font-size:29px}.brand img{width:39px;height:39px}.brand small{font-size:11px}.offline{font-size:0;gap:0}.offline:before{width:7px;height:7px}.catalog,.reading{padding:24px 22px 34px}.catalog-intro{display:block}.catalog-intro h1{font-size:20px}.catalog-intro p{margin-top:7px}.testaments{gap:28px;grid-template-columns:1fr}.testament h2{font-size:20px}.chapter-heading{font-size:21px;padding:14px 18px}.chapter-nav{font-size:12px;gap:11px}.chapter-nav .all-books{max-width:60px;text-align:center}.font-tools span{display:none}.verses{font-size:calc(var(--verse-size) - 1px);line-height:1.8}.verses li{padding-left:29px;margin-bottom:10px}.verses .verse-number{width:19px;font-size:10px;top:.4em}.page-footer{margin:0 22px;display:block}.page-footer span{display:block;margin-bottom:5px}.chapters summary small{display:none}.continue small{display:block;margin-bottom:4px}}
.verses .verse-note{font-style:italic;color:#697982}.verses .verse-note .verse-number{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header{padding:0 0 16px}.offline,.chapter-nav,.chapter-tools,.breadcrumbs,.continue,.page-footer,.skip{display:none}.reading{max-width:none;padding:20px 0}.chapter-heading{background:none;color:#222;padding:0 0 20px}.verses{font-size:12pt;line-height:1.55}.verses li{break-inside:avoid}.verses li:target{background:none}.brand-name{font-size:25px}}
