.advancedSearchPage {
   --search-accent: var(--theme-color, #ff9533);
   --search-accent-dark: #a94d08;
   --search-border: #dfe3e8;
   --search-ink: #17202a;
   --search-muted: #68717c;
   padding-bottom: 70px;
   padding-top: 28px;
}

.advancedSearchIntro {
   align-items: flex-start;
   display: flex;
   gap: 20px;
   justify-content: space-between;
   margin-bottom: 20px;
}

.advancedSearchIntro p {
   color: var(--search-muted);
   margin: 0;
   max-width: 72ch;
}

.advancedSearchClear {
   background: none;
   border: 0;
   color: var(--search-accent-dark);
   flex: 0 0 auto;
   font-weight: 700;
   padding: 5px;
}

.advancedSearchClear:disabled {
   color: #9ca3aa;
}

.advancedSearchLayout {
   align-items: start;
   display: grid;
   gap: 20px;
   grid-template-columns: minmax(285px, 340px) minmax(0, 1fr);
}

.advancedSearchFilters {
   display: grid;
   gap: 10px;
   min-width: 0;
   position: sticky;
   top: 12px;
}

.advancedSearchSection {
   background: #fff;
   border: 1px solid var(--search-border);
   border-radius: 14px;
   overflow: visible;
   min-width: 0;
}

.advancedSearchSection > summary {
   align-items: center;
   cursor: pointer;
   display: flex;
   font-weight: 800;
   gap: 8px;
   justify-content: space-between;
   list-style: none;
   padding: 14px 16px;
}

.advancedSearchSection > summary::-webkit-details-marker {
   display: none;
}

.advancedSearchSection > summary::after {
   color: var(--search-muted);
   content: "\f078";
   font-family: "Font Awesome 5 Free";
   font-size: .75rem;
   font-weight: 900;
   transition: transform .15s;
}

.advancedSearchSection[open] > summary::after {
   transform: rotate(180deg);
}

.advancedSearchActiveCount {
   background: #fff0e5;
   border-radius: 20px;
   color: var(--search-accent-dark);
   font-size: .73rem;
   margin-left: auto;
   padding: 2px 8px;
}

.advancedSearchSectionBody {
   border-top: 1px solid var(--search-border);
   padding: 16px;
}

.advancedSearchField + .advancedSearchField {
   margin-top: 17px;
}

.advancedSearchLabel {
   color: var(--search-ink);
   display: block;
   font-size: .86rem;
   font-weight: 750;
   margin-bottom: 7px;
}

.advancedSearchMode {
   background: #f5f6f7;
   border-radius: 9px;
   display: grid;
   gap: 3px;
   grid-template-columns: 1fr 1fr;
   margin-bottom: 8px;
   padding: 3px;
}

.advancedSearchMode button {
   background: transparent;
   border: 0;
   border-radius: 7px;
   color: var(--search-muted);
   font-size: .8rem;
   padding: 7px;
}

.advancedSearchMode button[aria-pressed="true"] {
   background: #fff;
   box-shadow: 0 1px 4px #0002;
   color: var(--search-ink);
   font-weight: 800;
}

.advancedSearchInput {
   background: #fff;
   border: 1px solid #aeb5bd;
   border-radius: 9px;
   box-sizing: border-box;
   height: 44px;
   line-height: 1.35;
   min-height: 44px;
   padding: 9px 11px;
   width: 100%;
}

.advancedSearchInput[aria-invalid="true"] {
   border-color: #a61b1b;
   box-shadow: 0 0 0 2px #a61b1b22;
}

.advancedSearchHelp,
.advancedSearchCoverage {
   color: var(--search-muted);
   font-size: .78rem;
   line-height: 1.45;
   margin: 6px 0 0;
   overflow-wrap: anywhere;
}

.advancedSearchError {
   color: #a61b1b;
   font-size: .8rem;
   line-height: 1.45;
   margin: 6px 0 0;
}

.advancedSearchYear {
   display: grid;
   gap: 9px;
   grid-template-columns: 1fr 1fr;
}

.advancedSearchYear label {
   color: var(--search-muted);
   font-size: .75rem;
}

.advancedSearchYear input {
   margin-top: 4px;
}

.advancedMultiSelect {
   min-height: 44px;
   width: 100%;
}

.advancedSearchSection .select2-container .select2-selection--multiple {
   border: 1px solid #aeb5bd;
   border-radius: 9px;
   height: 44px !important;
   max-height: 44px;
   min-height: 44px;
   overflow-y: auto;
   padding: 3px 5px;
}

.advancedSearchSection .select2-container {
   max-width: 100%;
   min-width: 0;
}

.advancedSearchSection .select2-selection__rendered {
   line-height: 30px !important;
   margin: 0 !important;
   padding: 0 4px !important;
}

.advancedSearchSection .select2-search--inline {
   height: 30px !important;
   line-height: 30px !important;
}

.advancedSearchSection .select2-container .select2-search--inline .select2-search__field {
   height: 30px !important;
   line-height: 1.35 !important;
   margin-top: 3px;
   min-height: 30px !important;
   padding: 4px !important;
}

.advancedSearchSection .select2-container--default.select2-container--focus .select2-selection--multiple {
   border-color: var(--search-accent);
   box-shadow: 0 0 0 3px #ff953333;
}

.advancedSearchSection .select2-container--default .select2-selection--multiple .select2-selection__choice {
   background: #fff0e5;
   border-color: #f3a365;
   border-radius: 20px;
   color: #773300;
   padding-left: 22px;
}

.advancedSearchNotice {
   background: #eef5fb;
   border-left: 4px solid #4982b8;
   color: #31485e;
   font-size: .8rem;
   margin: 0;
   padding: 10px 11px;
}

.advancedSearchShowWrap {
   margin-top: 2px;
}

.advancedSearchShow {
   background: var(--search-accent);
   border: 0;
   border-radius: 11px;
   color: #201107;
   font-weight: 850;
   min-height: 49px;
   padding: 12px 16px;
   width: 100%;
}

.advancedSearchShow:disabled {
   cursor: not-allowed;
   opacity: .45;
}

.advancedSearchResults {
   background: #fff;
   border: 1px solid var(--search-border);
   border-radius: 14px;
   min-width: 0;
   padding: 18px;
}

.advancedSearchResultsHead {
   align-items: center;
   display: flex;
   gap: 12px;
   justify-content: space-between;
}

.advancedSearchResultsHead h2 {
   font-size: 1.15rem;
   margin: 0;
   scroll-margin-top: 15px;
}

.advancedSearchEdit {
   background: #fff;
   border: 1px solid var(--search-border);
   border-radius: 30px;
   color: #374151;
   font-size: .8rem;
   padding: 6px 11px;
}

.advancedSearchSummary {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
   margin: 12px 0 16px;
   min-height: 0;
}

.advancedSearchSummary:empty {
   margin-bottom: 8px;
}

.advancedSummary-chip {
   background: #edf0f2;
   border: 0;
   border-radius: 20px;
   color: #46505a;
   font-size: .75rem;
   padding: 5px 9px;
}

.advancedSearchGrid {
   display: grid;
   gap: 12px;
   grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
}

.advancedResultCard {
   border: 1px solid var(--search-border);
   border-radius: 10px;
   min-width: 0;
   overflow: hidden;
}

.advancedResultCard-link {
   color: #263442;
   display: block;
   text-decoration: none;
}

.advancedResultCard-link:hover {
   color: var(--search-accent-dark);
}

.advancedResultCard img {
   aspect-ratio: 1;
   background: #f3f4f5;
   display: block;
   object-fit: cover;
   width: 100%;
}

.advancedResultCard-caption {
   display: block;
   font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
   font-size: .86rem;
   font-weight: 800;
   overflow: hidden;
   padding: 8px 5px;
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.advancedSearchEmpty {
   color: var(--search-muted);
   padding: 54px 16px;
   text-align: center;
}

.advancedSearchSuggestion,
.advancedSearchEmptyClear,
.advancedSearchLoadMore {
   background: #fff;
   border: 1px solid var(--search-accent);
   border-radius: 8px;
   color: var(--search-accent-dark);
   font-weight: 750;
   margin-top: 10px;
   padding: 8px 12px;
}

.advancedSearchEmptyClear {
   border-color: var(--search-border);
   color: #46505a;
   margin-right: 6px;
}

.advancedSearchLoadMore {
   display: block;
   margin: 18px auto 0;
}

.advancedSearchLoadMore[hidden],
.advancedSearchSuggestion[hidden] {
   display: none;
}

@media (max-width: 767px) {
   .advancedSearchPage {
      padding-bottom: 92px;
      padding-top: 18px;
   }

   .advancedSearchIntro {
      gap: 8px;
   }

   .advancedSearchIntro p {
      font-size: .88rem;
   }

   .advancedSearchLayout {
      display: block;
   }

   .advancedSearchFilters {
      position: static;
   }

   .advancedSearchResults {
      display: none;
      margin-top: 12px;
      padding: 11px;
   }

   .advancedSearch-resultsMode .advancedSearchFilters,
   .advancedSearch-resultsMode .advancedSearchIntro {
      display: none;
   }

   .advancedSearch-resultsMode .advancedSearchResults {
      display: block;
      margin-top: 0;
   }

   .advancedSearchGrid {
      gap: 7px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }

   .advancedResultCard-caption {
      font-size: .7rem;
      padding: 6px 2px;
   }

   .advancedSearchShowWrap {
      backdrop-filter: blur(7px);
      -webkit-backdrop-filter: blur(7px);
      background: #fffd;
      bottom: 0;
      left: 0;
      padding: 10px;
      position: fixed;
      right: 0;
      z-index: 30;
   }

   .advancedSearch-resultsMode .advancedSearchShowWrap {
      display: none;
   }
}

@media (min-width: 768px) {
   .advancedSearchEdit {
      display: none;
   }
}

@media (prefers-reduced-motion: reduce) {
   .advancedSearchSection > summary::after {
      transition: none;
   }
}