:root {
  --app-sidebar-width: 230px;
  --app-content-max: 1520px;
}

/* Keep the application readable on ultrawide and 4K displays. */
.workspace {
  width: min(calc(100% - var(--app-sidebar-width)), var(--app-content-max));
  max-width: var(--app-content-max);
  margin-left: calc(
    var(--app-sidebar-width) +
    max(0px, (100vw - var(--app-sidebar-width) - var(--app-content-max)) / 2)
  );
}

@media (max-width: 760px) {
  .workspace {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
}