.archive-search-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  margin: 10px 0 0;
}

.archive-search-strip .globalmesswarnwrap {
  display: grid;
  align-items: center;
  margin: 0;
}

.archive-search-strip .globalmesswarnwrap .globalmesswarncontent {
  font-size: 17px;
  padding-block: 2px;
}

.archive-search-strip .archive-search-form {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 8px;
  min-width: 0;
}

.archive-search-form input,
.archive-search-form button {
  box-sizing: border-box;
  font: inherit;
  font-size: 17px;
  padding: 6px 8px;
}

.archive-search-form input {
  flex: 1;
  min-width: 0;
}

.archive-search-page {
  --pf-input-font-size: 18px;
  --pf-result-title-font-size: 18px;
  --pf-result-excerpt-font-size: 15px;
  margin: 0;
  color: #222;
  font: 16px/1.5 Verdana, sans-serif;
}

.archive-search-shell {
  display: flex;
  flex-direction: column;
  width: 94%;
  box-sizing: border-box;
  min-height: calc(100vh - 6rem);
  margin: 3rem auto;
  border: 1px solid #b0b0b0;
  background: white;
}

.archive-search-page main {
  flex: 1;
  padding: clamp(12px, 4vw, 32px);
  text-align: left;
}

.archive-search-footer {
  margin: 0 12px 20px;
  padding: 12px clamp(12px, 4vw, 32px);
  text-align: center;
}

.archive-search-footer a {
  text-decoration: none;
}

@media (max-width: 900px) {
  .archive-search-shell {
    min-height: calc(100vh - 24px);
    margin-block: 0 24px;
  }
}

.archive-search-page #navstrip {
  margin-bottom: 0;
  padding-bottom: 0;
}

.archive-search-page h1 {
  margin-top: 32px;
  color: #3a4f6c;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 32px;
}

.archive-search-page pagefind-results {
  --pf-font: Verdana, sans-serif;
}

.search-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-block: 12px;
}

.search-author-field {
  position: relative;
  min-width: 0;
  flex: 1 1 220px;
}

.archive-search-page :is(.pf-input, .search-filters input) {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
  height: var(--pf-input-height);
  padding: 6px 8px !important;
  font-family: Verdana, sans-serif !important;
  font-size: var(--pf-input-font-size);
  font-weight: 400;
  color: var(--pf-text);
  background: var(--pf-background);
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-border-radius);
}

.search-filters input::placeholder {
  color: var(--pf-text-muted);
}

#navstrip:has(.search-help-toggle:not([hidden])) .search-help-divider {
  display: inline;
}

.search-help-toggle {
  padding: 0;
  border: 0;
  background: none;
  color: LinkText;
  font: inherit;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
}

.search-help {
  margin-top: 24px;
}

.search-help p:first-child {
  margin-top: 0;
}

.search-help p:last-child {
  margin-bottom: 32px;
}

.search-filters input:focus-visible {
  border-color: var(--pf-outline-focus);
  box-shadow: 0 0 0 var(--pf-outline-width) var(--pf-outline-focus);
}

.archive-search-page .pf-input-wrapper::before {
  display: none;
}

.archive-search-page .pf-input-wrapper:has(.pf-input-clear:not([data-pf-suppressed])) .pf-input,
.search-author-field:has(button:not([hidden])) input {
  padding-inline-end: 92px !important;
}

.search-author-field button {
  position: absolute;
  inset-block: 2px;
  inset-inline-end: 2px;
  padding: 0 8px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--pf-text-muted);
  font: 12px var(--pf-font);
  cursor: pointer;
}

.search-author-field button:hover {
  background: var(--pf-hover);
  color: var(--pf-text-secondary);
}

@media (max-width: 760px) {
  .archive-search-strip {
    grid-template-columns: minmax(0, 1fr);
  }
}