/* Search scrolls with the centered banner, outside the sticky navigation. */
.search-banner{background:#010f1d}
.head-search-row{padding-top:1.25rem;padding-bottom:1.25rem}
.head-hero .head-title{text-align:center}
.head-hero .header-search{margin-top:1.5rem;text-align:left}
.header-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .5rem;width:100%;max-width:36rem;margin-left:auto;margin-right:auto}
.header-search label{grid-column:1/-1;color:#fff;font-size:.875rem;font-weight:600}
.header-search input{min-width:0;width:100%;box-sizing:border-box;min-height:48px;font:inherit;font-size:1rem;padding:0 .75rem;background:#fff;color:#1a1714;border:1px solid #9aa7b4;border-radius:6px}
.header-search button{min-height:48px;padding:0 1rem;font:inherit;font-weight:600;background:#b51f28;color:#fff;border:1px solid #ef4a52;border-radius:6px;cursor:pointer}
.header-search input::placeholder{color:#5c554d;opacity:1}
.searchbar{padding-top:0}
main .searchbar{padding-left:0;padding-right:0}
.searchbar .spoiler-ctl{margin:.5rem 0 1rem;padding:0;border:0;background:transparent}
.searchbar .spoiler-ctl summary{box-sizing:border-box;width:fit-content;padding:.6rem 0;min-height:44px}
#search[hidden]{display:none}
#search-clear{min-height:44px;padding:.5rem .75rem;font:inherit;color:var(--accent);background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;cursor:pointer}
.moment-title,section[id],#main,#scene-status,#selected-scene{scroll-margin-top:11.5rem}
@media(max-width:79.999rem){.moment-title,section[id],#main,#scene-status,#selected-scene{scroll-margin-top:6rem}}
/* Phones and tablets, inner pages: the band is folded behind the "Ara" button in the bar. */
.search-toggle + .menu-toggle{margin-left:.5rem}
@media(max-width:79.999rem){.js-nav .search-banner:not(.is-open){display:none}}
.search-hint{max-width:36rem;margin:.6rem auto 0;text-align:left;color:#c3d0dc;font-size:.875rem}