html, body {
  background: var(--bg-color);
  scroll-behavior: smooth;
}

table {
  height: auto !important;
}
table td {
  padding: 0.25rem;
  border: 1px solid var(--color-on-background);
}

.content {
  position: relative;
  width: 100%;
}

.content-center {
  display: flex;
  flex-direction: column;
  place-content: center;
}

.content-bottom {
  display: flex;
  flex-direction: column;
  place-content: flex-end;
}

.sticky {
  position: sticky;
  top: 0;
}
.sticky--bottom {
  top: unset;
  bottom: 0;
}

/* Must be placed after sop.section.scss, because padding variables are defined above */
.col-sticky {
  position: sticky;
  top: calc(var(--section-padding-y) + var(--navigation-space-around) * 4);
  height: 100%;
}