/* Search panel that replaces Ghost's hosted search. Uses Casper's colors. */
.sw-search { display: none; position: fixed; inset: 0; z-index: 3000; }
.sw-search.is-open { display: block; }
.sw-search-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.35); }
.sw-search-panel {
  position: relative; max-width: 640px; margin: 10vh auto 0; width: calc(100% - 32px);
  background: #fff; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  overflow: hidden; font-family: var(--font-sans);
}
.sw-search-panel input {
  width: 100%; border: 0; border-bottom: 1px solid var(--color-lightgrey, #e5eff5);
  padding: 20px 24px; font-size: 1.8rem; outline: none; background: transparent; color: var(--color-darkgrey, #15171a);
}
.sw-search-results { max-height: 60vh; overflow-y: auto; }
.sw-search-hit { display: block; padding: 14px 24px; color: inherit; text-decoration: none; border-bottom: 1px solid var(--color-lightgrey, #e5eff5); }
.sw-search-hit:hover, .sw-search-hit:focus { background: #f6f7f8; }
.sw-search-hit strong { display: block; font-size: 1.6rem; font-weight: 700; color: var(--color-darkgrey, #15171a); }
.sw-search-hit span { display: block; margin-top: 4px; font-size: 1.4rem; color: var(--color-midgrey, #738a94); line-height: 1.4; }
.sw-search-hit small { display: block; margin-top: 6px; font-size: 1.2rem; color: var(--color-midgrey, #738a94); }
.sw-search-empty { padding: 20px 24px; margin: 0; font-size: 1.5rem; color: var(--color-midgrey, #738a94); }