.info-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  a {
    min-width: 8rem;
    font-weight: bold;
  }
}

.skip {
  position: absolute;
  font-size: 1px;
  margin: 0;
  padding: 0;
}

main,
header {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 90vw;
  gap: 1rem;
}

header {
  gap: 0;
  text-align: center;
  align-items: center;
  .heading {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    justify-content: center;
  }
  .main-buttons {
    display: flex;
    gap: 0.5rem;
    width: 24rem;
    a {
      width: 100%;
      display: flex;
      gap: 0.5rem;
      justify-content: center;
      svg {
        width: 1.4rem;
        height: 1.4rem;
      }
    }
  }
  .small-buttons {
    margin-top: 0.5rem;
    display: flex;
    align-content: baseline;
    justify-content: center;
    gap: 0.5rem;
    width: 24rem;
    button, a {
      display: flex;
      gap: 0.5rem;
      padding: 0.25rem 0.5rem;
      min-width: 6rem;
      font-size: 0.875rem;
      width: 100%;
      justify-content: center;
      svg {
        width: 1.1rem;
        height: 1.1rem;
      }
    }
  }

  @media (max-width: 480px) {
    .main-buttons,
    .small-buttons {
      width: auto;
      flex-wrap: wrap;
    }
  }
}

nav {
  padding: 0 1rem;
}


nav ul li details summary {
  background: none !important;
  border: none !important;
}

a[role="button"] {
  min-width: 8rem;
}

footer {
  text-align: center;
}

.visually-hidden {
  visibility: hidden;
}

/* Light scheme (default) */
[data-theme="light"],
:root:not([data-theme="dark"]) {
  --pico-text-selection-color: rgba(153, 0, 36, 0.25);
  --pico-primary: #8967f1;
  --pico-primary-background: #8967f1;
  --pico-primary-hover: #a78bfa;
  --pico-primary-hover-background: #a78bfa;
}

/* Dark scheme (auto) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --pico-text-selection-color: rgb(167, 139, 250, 0.5);
    --pico-primary: #8967f1;
    --pico-primary-background: #8967f1;
    --pico-primary-hover: #a78bfa;
    --pico-primary-hover-background: #a78bfa;
  }
}