/* Search opens in place of the axis, with the position label above it. */
#promised-banner .project-search-toggle {
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;
 width:28px;height:28px;min-width:28px;margin:0;padding:4px;
 border:0;border-radius:3px;background:transparent;color:#403b3e;
 font:400 16px/1 Arial,sans-serif;cursor:pointer;box-shadow:none;
}
#promised-banner .project-search-toggle:hover { background:transparent;color:var(--explorer-burgundy,#710d46); }
#promised-banner .project-search-toggle:focus,#promised-banner .project-search-toggle:active { background:transparent;outline:0;box-shadow:none; }
#promised-banner .project-search-toggle svg { display:block;width:18px;height:18px;flex:0 0 auto;pointer-events:none; }
/* Closed search controls fade with the banner; active searches keep their close button. */
#promised-banner .project-search-toggle[aria-expanded="false"] { opacity:calc(1 - var(--project-collapse,0)); }
#promised-banner.project-banner--compact .project-search-toggle[aria-expanded="false"] { visibility:hidden;pointer-events:none; }
#promised-banner .project-search-input {
 display:block;min-width:0;height:28px;margin:0;padding:3px 9px;
 border:0;border-radius:3px;outline:0;
 color:#403b3e;background:rgba(255,255,255,.18);box-shadow:none;
 font:400 14px/20px "Roboto Regular",Arial,sans-serif;letter-spacing:0;text-transform:none;
 -webkit-appearance:none;appearance:none;
}
#promised-banner .project-search-input::placeholder { color:#777076;opacity:1; }
#promised-banner .project-search-input:focus { border:0;outline:0;box-shadow:none; }
#promised-banner .project-search-input::-webkit-search-cancel-button { -webkit-appearance:none; }
#promised-banner .project-banner__signatures { position:relative; }
#promised-banner .project-person-search { position:absolute;top:0;right:var(--banner-side);display:flex;align-items:center;justify-content:flex-end;gap:4px;max-width:calc(100% - 2 * var(--banner-side));height:calc(var(--project-search-row-height) - var(--project-person-search-fold));overflow:hidden;z-index:1; }
#promised-banner [data-person-search-input] { width:240px;max-width:calc(100vw - 2 * var(--banner-side) - 32px); }
#promised-banner [data-person-search-status]:not([hidden]) { margin:0 16px;text-align:center;color:#625c60;font:400 14px/1.5 "Roboto Regular",Arial,sans-serif; }
#promised-banner [data-verse-search-toggle] { position:absolute;top:64px;left:23px;right:auto;z-index:1; }
#promised-banner [data-verse-search-toggle],#promised-banner [data-verse-search-toggle]:hover { color:#c6c6c6; }
#promised-banner [data-verse-search-input] { position:absolute;top:64px;left:54px;transform:none;width:min(360px,calc(100% - 54px));padding-left:0; }
#promised-banner .project-search-status { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
body.project-banner-page #sentence [data-verse-search-hidden] { display:none!important; }
body.project-banner-page #sentence .project-verse-search-empty { margin:0;padding:28px var(--book-gutter,32px);min-height:120px;text-align:center;color:#625c60;font:400 16px/1.5 "Roboto Regular",Arial,sans-serif; }
body.project-banner-page #sentence .project-verse-search-empty[hidden] { display:none!important; }
@media(max-width:991px) {
 #promised-banner [data-verse-search-toggle] { left:-38px; }
 #promised-banner [data-verse-search-input] { left:-10px;width:min(360px,calc(100% + 10px)); }
}
@media(max-width:600px) {
 #promised-banner .project-search-input { font-size:16px; }
 #promised-banner [data-verse-search-input] { width:calc(100% + 10px);left:-10px;transform:none; }
}

/* Match the phone's verse-number gutter and the text's existing 9% inset. */
@media(max-width:586px) {
 #promised-banner [data-verse-search-toggle] { left:-15px; }
 #promised-banner [data-verse-search-input] {
  left:calc((100vw - var(--banner-side) - var(--banner-side)) * .09 - 10px);
  right:-10px;width:auto;
 }
}
@media(max-width:359px) {
 #promised-banner [data-verse-search-toggle] { left:-14px;width:26px;min-width:26px; }
}
/* Comfortable phone targets, with the verse icon above its number gutter. */
@media(max-width:586px) {
 #promised-banner .project-search-toggle { width:44px;height:44px;min-width:44px;flex-basis:44px;padding:11px; }
 #promised-banner .project-search-toggle svg { width:22px;height:22px; }
 #promised-banner .project-search-input { height:44px; }
 #promised-banner [data-person-search-input] { max-width:calc(100vw - 2 * var(--banner-side) - 48px); }
 #promised-banner [data-verse-search-toggle] { left:-32px; }
}

/* Search results form one continuous reading list across chapter boundaries.
   Keep chapter and verse nodes intact so closing search restores the book. */
body.project-banner-page #sentence[data-verse-search-active="true"] > .row {
 padding-top:14px;
}
body.project-banner-page #sentence[data-verse-search-active="true"] .chapter-container {
 display:flow-root;margin-top:0!important;margin-bottom:0;padding-top:0!important;padding-bottom:0;
}
body.project-banner-page #sentence[data-verse-search-active="true"] .chapter-container > h2 {
 display:none;
}
body.project-banner-page #sentence[data-verse-search-active="true"] .chapter-container > .single-element {
 margin-top:0;margin-bottom:0;
}
@media(min-width:992px) {
 /* Preserve the book's 60px row rhythm: 75px row minus 15px trailing space.
    flow-root contains that margin at each chapter boundary. */
 body.project-banner-page #sentence[data-verse-search-active="true"] .chapter-container > .single-element {
  margin-bottom:-15px;
 }
}

/* Verse search shares the position label's row, above the full-width axis. */
#promised-banner .project-person-search { top:-150px;overflow:visible;height:44px; }
#promised-banner [data-person-search-status] { position:absolute;top:-30px;left:0;right:0; }
#promised-banner [data-verse-search-toggle] {
 top:1px;left:auto;right:calc(4px - var(--banner-side));width:44px;height:44px;min-width:44px;padding:10px;
 color:#858585;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
#promised-banner [data-verse-search-toggle] svg { width:24px;height:24px; }
#promised-banner [data-verse-search-toggle]:hover { color:#535353; }
#promised-banner [data-verse-search-input] { top:40px;left:0;right:0;width:100%;height:32px;padding:3px 12px;background:#f2f2f2;color:#111;font-weight:700; }
#promised-banner.project-banner--verse-search .project-verse-nav__segments,
#promised-banner.project-banner--verse-search .project-verse-nav__boundaries,
#promised-banner.project-banner--verse-search .project-verse-nav__range { visibility:hidden;pointer-events:none; }
@media(max-width:600px) {
 #promised-banner .project-person-search { top:-135px; }
 #promised-banner [data-verse-search-input] { left:-10px;right:-10px;width:calc(100% + 20px);height:36px; }
}

#promised-banner.project-banner--compact:has([data-person-search-toggle][aria-expanded="true"]) .project-person-search { top:40px; }
#promised-banner.project-banner--compact [data-person-search-input] { background:rgba(255,255,255,.88); }
#promised-banner:has([data-person-search-toggle][aria-expanded="true"]) .project-person-search { top:calc(-150px + 190px * var(--project-collapse)); }
@media(max-width:600px) { #promised-banner:has([data-person-search-toggle][aria-expanded="true"]) .project-person-search { top:calc(-135px + 175px * var(--project-collapse)); } }

/* Leave desktop heads clear when the shorter introduction's search is opened. */
@media(min-width:992px) {
 #promised-banner .project-person-search { top:-100px; }
 #promised-banner:has([data-person-search-toggle][aria-expanded="true"]) .project-person-search { top:calc(-100px + 140px * var(--project-collapse)); }
}

/* One full-width field strip: names on the left, verses on the right.
   Keep the magnifier and current verse in their existing positions. */
#promised-banner .project-book-search {
 position:absolute;top:40px;left:calc(-1 * (var(--banner-side) + 10px));right:calc(-1 * (var(--banner-side) + 10px));
 display:grid;grid-template-columns:36vw minmax(0,1fr) 44px;align-items:center;
 height:32px;margin:0;padding:0 14px 0 12vw;border:0;border-radius:0;background:#f5f5f5;
}
#promised-banner .project-book-search .project-search-input {
 position:static;top:auto;right:auto;bottom:auto;left:auto;transform:none;
 width:100%;max-width:none;min-width:0;height:100%;margin:0;padding:0 10px 0 0;
 border:0;border-radius:0;background:transparent;color:#111;font-weight:700;
}
#promised-banner .project-book-search .project-search-input::placeholder { color:#bdbdbd;font-weight:400;opacity:1; }
#promised-banner .project-book-search__close {
 display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:100%;margin:0;padding:4px;
 border:0;border-radius:0;background:transparent;color:#999;box-shadow:none;cursor:pointer;
}
#promised-banner .project-book-search__close svg { width:24px;height:24px;pointer-events:none; }
#promised-banner .project-book-search__close:hover { color:#535353; }
#promised-banner .project-book-search__close:focus-visible { outline:1px solid #aaa;outline-offset:-4px; }
@media(max-width:600px) {
 #promised-banner .project-book-search { height:40px; }
 #promised-banner .project-book-search .project-search-input { font-size:16px; }
}