/* Shared verse autocomplete in the site header. */
.nav .wrap{display:grid;grid-template-columns:auto minmax(230px,1fr) auto;gap:22px;align-items:center}
.nav .brand{white-space:nowrap}
.nav .links{gap:clamp(11px,1.2vw,18px);font-size:12px}
.header-search{position:relative;min-width:0;width:100%;margin:0;z-index:2}
.header-search-control{display:flex;align-items:center;gap:2px;min-width:0;min-height:44px;border:1px solid #dce5ef;border-radius:11px;background:#f7f9fc;transition:box-shadow .2s,border-color .2s}
.header-search-control:focus-within{background:#fff;border-color:#8fb2dc;box-shadow:0 0 0 3px #285b9a12}
.header-search input{width:100%;min-width:0;border:0;background:transparent;border-radius:11px;padding:11px 4px 11px 14px;font:400 13px/1.5 'DM Sans',system-ui,sans-serif;color:var(--ink);outline:none;box-shadow:none}
.header-search input:focus-visible{outline:none}
.header-search input::placeholder{color:#7b899a;opacity:1}
.header-search input::-webkit-search-cancel-button,.header-search input::-webkit-search-decoration{display:none}
.header-search button{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;padding:7px;border:0;border-radius:8px;background:transparent;color:#517198;margin:0}
.header-search button:hover{background:#e9f0f9;color:#214f87}
.header-search .header-search-submit{margin-right:4px}
.header-search .header-search-clear{flex-basis:28px;width:28px;height:30px;padding:6px;color:#8793a1}
.header-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.header-search-popup{position:absolute;top:calc(100% + 9px);right:0;width:max(100%,480px);max-width:calc(100vw - 36px);background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:0 16px 50px #142f5229;overflow:hidden}
.header-search-label{margin:0;padding:13px 17px 10px;font:700 11px/1.4 'DM Sans',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.header-search-options{max-height:min(460px,55vh);overflow-y:auto;overscroll-behavior:contain}
.header-search-option{display:block;padding:11px 17px 13px;border-top:1px solid var(--line);color:var(--ink)}
.header-search-option:hover,.header-search-option[aria-selected="true"]{background:#f0f6fd;color:var(--ink)}
.header-search-reference{display:block;font:700 12px/1.5 'DM Sans',system-ui,sans-serif;color:var(--accent);margin:0 0 4px}
.header-search-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:19px/1.45 'EB Garamond',Georgia,serif;color:var(--ink)}
.header-search-text mark{background:#e2edf9;color:inherit;border-radius:3px;padding:0 1px}
.header-search-message{margin:0;padding:7px 17px 18px;color:var(--muted);font-size:13px;line-height:1.65}
.header-search-more{display:flex;justify-content:space-between;gap:20px;padding:12px 17px;border-top:1px solid var(--line);background:#f7f9fc;color:var(--accent);font-size:12px;font-weight:700}
.header-search-more:hover{background:#edf3fa;color:var(--accent)}
.header-search [hidden]{display:none!important}
.search-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.dark .header-search-control{background:#172335;border-color:var(--line)}
body.dark .header-search input{background:transparent;color:var(--ink)}
body.dark .header-search-control:focus-within{background:#202c3d;border-color:#7599c7}
body.dark .header-search-more{background:#192639}
body.dark .header-search-option:hover,body.dark .header-search-option[aria-selected="true"]{background:#293d56}
body.dark .header-search-text mark{background:#375574}
body.dark .header-search button{color:#afc4df}
body.dark .header-search button:hover{background:#304762}
body.dark .nav .brand{color:var(--ink)}
body.dark .nav .brand span{color:var(--accent)}
.reader .verse:target{background:var(--soft,#f5f8fc);border-radius:8px;outline:1px solid #8fb2dc55;outline-offset:8px}
body.dark .reader .verse:target{background:#24364e}
@media(max-width:1170px){.nav .wrap{grid-template-columns:1fr minmax(240px,360px);gap:13px 24px}.nav .links{grid-column:1/-1;width:100%;justify-content:center;font-size:13px;flex-wrap:nowrap;overflow-x:auto;padding:0 0 2px}.header-search-popup{width:max(100%,480px)}}
@media(max-width:600px){.nav .wrap{grid-template-columns:minmax(0,1fr);gap:11px;padding-top:14px;padding-bottom:12px}.nav .brand{font-size:20px}.header-search{grid-row:2}.nav .links{grid-row:3;justify-content:flex-start;gap:19px;max-width:100%;padding-bottom:3px}.header-search-control{min-height:44px}.header-search input{font-size:16px;line-height:1.35;padding-top:11px;padding-bottom:11px}.header-search-popup{width:100%;max-width:100%;top:calc(100% + 8px)}.header-search-options{max-height:min(410px,50vh)}}
@media(prefers-reduced-motion:reduce){.header-search-control{transition:none}}