/* Task 1232 — a substantial, full-width article keyword field. */
.operator-articles-page .operator-article-search,
.blog-index-page .public-article-search {
  align-items: stretch;
  display: flex;
  width: 100%;
}

.operator-articles-page .operator-article-search .article-search-field,
.blog-index-page .public-article-search .article-search-field {
  flex: 1 1 100%;
  max-width: none;
  min-width: 0;
  width: 100%;
}

.operator-articles-page .article-search-field input[type="search"],
.blog-index-page .article-search-field input[type="search"] {
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.35;
  min-height: 52px;
  padding: .78rem 3.75rem .78rem 1rem;
  width: 100%;
}

.operator-articles-page .article-search-field input[type="search"]::placeholder,
.blog-index-page .article-search-field input[type="search"]::placeholder {
  font-size: 1rem;
  opacity: .72;
}

.operator-articles-page .article-search-submit,
.blog-index-page .article-search-submit {
  font-size: 1.35rem;
  height: 48px;
  right: 2px;
  top: 2px;
  width: 52px;
}

.operator-articles-page .article-search-submit > span,
.blog-index-page .article-search-submit > span {
  font-size: 1.35rem;
}

@media (max-width: 520px) {
  .operator-articles-page .operator-article-search,
  .blog-index-page .public-article-search,
  .operator-articles-page .operator-article-search .article-search-field,
  .blog-index-page .public-article-search .article-search-field {
    max-width: none;
    width: 100%;
  }
}