/* The header, typography and blue palette are shared with the blog. */
.blog-search-page { line-height: 1.7; }
.blog-search-page .search-main { padding: 1.5rem 48px 2rem; }
.blog-search-page .search-breadcrumb { margin-bottom: 2rem; text-align: center; color: #0012ab; }
.blog-search-page h1.asset-name { color: #0012ab; background: #fff076; padding: .4em .6em; font-size: 1.3em; font-weight: bold; }
.blog-search-page .search-description { margin: 1.25em 0; }
.blog-search-page .search-label { display: block; margin-bottom: .4em; font-weight: bold; }
.blog-search-page .search-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .5em; }
.blog-search-page input, .blog-search-page button { box-sizing: border-box; font: inherit; border: 2px solid #6091d3; border-radius: 8px; padding: .5em .75em; }
.blog-search-page .blog-search-input { width: 100%; min-width: 0; color: #000; background: #fff; font-size: max(16px, 1em); }
.blog-search-page button { cursor: pointer; color: #0012ab; background: #f0f6fa; font-weight: bold; white-space: nowrap; }
.blog-search-page button:hover { background: #c0ffee; }
.blog-search-page :focus-visible { outline: 3px solid #5283b1; outline-offset: 3px; }
.blog-search-page #search-status { margin: 1.5em 0; color: #444; }
.blog-search-page #search-results { list-style: none; padding: 0; margin: 0; }
.blog-search-page #search-results li { margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom: 1px solid #a8c3dc; }
.blog-search-page #search-results h2 { margin: 0 0 .5em; padding: .4em .6em; background: #fff076; font-size: 1.15em; overflow-wrap: anywhere; }
.blog-search-page #search-results p { margin: .5em 0 0; font-size: 1em; overflow-wrap: anywhere; }
.blog-search-page time { color: #555; font-size: .9em; }
.blog-search-page .search-back { margin-top: 3rem; text-align: center; }
.blog-search-page #footer-inner { padding-top: .6em; padding-bottom: .6em; }
.blog-search-page #footer { background: #5283b1; }
.blog-search-page #footer-content, .blog-search-page #footer a { color: #fff; text-align: center; font-weight: bold; }
@media screen and (max-width: 750px) {
  .blog-search-page .search-main { padding: 1em 8px 2em; }
  .blog-search-page .search-controls { margin-left: 1em; }
  .blog-search-page #search-results h2 { background: #fff; border: 3px solid #6091d3; border-radius: 10px; }
  .blog-search-page #footer { margin-top: 1em; padding: .5em; }
}
@media screen and (min-width: 751px) {
  .blog-search-page #container-inner { width: min(940px, 100%); }
}

.blog-search-page #content-inner { display: flow-root; }
.blog-search-page #alpha, .blog-search-page #beta { min-width: 0; }
@media screen and (max-width: 750px) {
  .blog-search-page #beta-inner { padding: 0 8px; }
}
@media screen and (min-width: 751px) {
  .blog-search-page #alpha { width: calc(100% - 190px); }
  .blog-search-page #beta { width: 190px; }
}