/* Native disclosure keeps the extra websites available to keyboard and touch users. */
.dropdown { position: relative; }
.dropdown:hover .dropdown-content,
.dropdown:focus-within .dropdown-content { display: block; }
.site-versions summary {
  padding: 12px 26px;
  cursor: pointer;
  white-space: nowrap;
}
.site-versions summary:hover,
.site-versions summary:focus-visible { background: #fff; color: #212121; }
.site-versions[open] { padding-bottom: .5rem; }
.dropdown-content .site-versions a { padding-left: 2.5rem; }
.dropdown-content {
  display: none;
  position: absolute;
  z-index: 5;
  background: #5e81ac;
  color: #e5e9f0;
  box-sizing: border-box;
  width: 22rem;
  min-width: 0;
  max-width: calc(100vw - 2rem);
  padding: 0;
  font-size: 16px;
  text-align: left;
}
.dropdown-content a { display: block; padding: 12px 26px; color: inherit; }
.modal { display: none; }
.site-versions summary:focus-visible { outline: 2px solid currentColor; outline-offset: -4px; }
@media (max-width: 1024px) {
  .dropdown.header { width: auto; }
  .dropbtn { font-size: 16px; width: auto; height: auto; padding: 12px 16px; }
}