.interactive {
  &:hover { filter: brightness(0.95); scale: 0.95; }
  &:active { filter: brightness(0.9); scale: 1.05; }
  transition: scale 0.6s cubic-bezier(0.34, 1.54, 0.64, 1);

  padding: .5rem .75rem;
  border-radius: 1rem;
  cursor: pointer;
}

.panel {
  padding: .5rem .75rem;
  border-radius: 1rem;
  background-color: var(--accent-dark-e1);
}

.markdown {
  :is(h2,h3,h4) {
    // margin top, unless we follow another header
    margin-top: 1rem;
    & + :is(h2,h3,h4) {
      margin-top: 0;
    }

    // markdown headers aren't links
    > a {
      color: inherit;
      text-decoration: none;
      cursor: inherit;
    }
  }

  // spacing between blocks in text
  p, pre { margin-bottom: .5rem; }
}