.search_pop button
 {background-color: var(--clr01);
  border-top: 3px solid var(--clr06);
  border-right: 3px solid var(--clr10);
  border-bottom: 3px solid var(--clr10);
  border-left: 3px solid var(--clr06);
  color: var(--clr03);
  font-size: 1.25rem;
  margin: 0;
  padding: 0 5px;
  width: fit-content;}
  @media (max-width: 800px) {
    .search_pop button
     {margin-left:35%;
      width: fit-content;}
  }
.search_pop input,
.search_pop input:focus-visible
 {background-color: var(--clr01);
  border-top: 3px solid var(--clr06);
  border-right: 3px solid var(--clr10);
  border-bottom: 3px solid var(--clr10);
  border-left: 3px solid var(--clr06);
  font-size: 1.25rem;
  height: 2rem;
  margin: 15px 5px 25px 25%;
  width: 50%;}
  @media (max-width: 800px) {
    .search_pop input,
    .search_pop input:focus-visible
     {margin: 5px;
      width: 80%;}
  }
:popover-open
 {background-color: var(--clr09);
  border:2px solid var(--clr03);
  position: fixed;
  top: 125px;
  left: 10%;
  height: fit-content;
  max-height: 75vh;
  overflow-x: clip;
  overflow-y:auto;
  width: 80%;}
  @media (max-width: 800px) {
    :popover-open
     {margin: 5px;
      max-height: 60vh;
      width: 75%;}
  }
.search_pop ul
 {list-style-type: square;
  margin-left: 20%;
  padding-left: 1em; }
  @media (max-width: 800px) {
    .search_pop ul
     {list-style-type: none;
      margin: 0;
      padding: 0;}
  }
.search_pop li
 {font-size: 1.2rem;
  margin: 0.5em 0;}
  @media (max-width: 800px) {
    .search_pop li
     {margin: 2px;
      padding: 2px;}
  }
.search_pop li a,
.search_pop li a:visited
 {color: var(--clr03);
  font-weight: normal;
  text-decoration:underline;}
.search_pop a:hover,
.search_pop a:focus-visible
 {text-decoration: none;
  color: var(--clr03);
  font-weight: bold; }
.search_pop a:hover
 {text-decoration: underline; }
button.search
 {background-color: var(--clr01);
  border: none;
  color: var(--clr10);
  font-size: 1rem;
  margin: 0;
  padding: 3px 60% 3px 3px;
  text-decoration: none;
  text-align: left;}
button.search:hover
button.search:focus-visible
 {background-color: var(--clr09);
  border: 1px solid var(--clr03);
  color: var(--clr03);
  font-size: 1.1rem;
  margin: 0;
  padding: 0;
  text-decoration: none;}
  @media (max-width: 800px) {
    .search_pop > div.search_grid-container
     {display: grid;
      grid-template-columns: auto;
      grid-gap: 5px;
      padding: 3px;}
  }

/* Last update: 08 Oct 2025 */