.layout-container {
  display: flex;
  flex-direction: column;
}

main {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
}

.layout-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.region-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;

  .no-node & {
    align-items: center;
    max-width: 50rem;
    margin-inline: auto;
  }
}

footer {
  flex-shrink: 0;
}
