hr {
  border: none;
  border-top: 2px solid var(--link-color);
}

.top-nav {
  background: var(--link-color);
}

.top-nav ul {
  display: flex;
  justify-content: end;
}

.top-nav a {
  display: block;
  padding: calc(var(--flow-space) / 2);
  color: white;
  text-decoration: none;
}

.top-nav a:hover,
.top-nav a:focus {
  text-decoration: underline;
  text-decoration-color: white;
  text-decoration-thickness: 0.1em;
  background: var(--link-color-alt);
}

main > .container-wide {
  margin-top: calc(var(--flow-space) * 4);
}

img {
  margin-bottom: 0;
}

@media (min-width: 50em) {
  .jm_sidebar-layout {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: var(--flow-space);
  }
}

.button {
  background: none;
  color: var(--link-color);
  border-radius: 1em;
  border: 2px solid var(--link-color);
}

.button:hover,
.button:focus {
  background: var(--link-color);
  color: white;
}