/* Notes needs a wider, framed workspace: its list includes a browse sidebar. */
.container:not(.login-container) {
  width: min(100% - 40px, 1040px);
  max-width: 1040px;
  margin: 0 auto 48px;
}

.login-container {
  margin: 0 auto 64px;
}

.notes-page-frame {
  min-height: 420px;
  padding: 28px;
  border: 1px solid var(--ui-border);
  border-radius: 14px;
  background: var(--ui-surface);
  box-shadow: 0 10px 26px rgb(48 40 73 / 6%);
}

.notes-page-frame > .list-layout {
  min-height: 360px;
}

@media (max-width: 700px) {
  .container:not(.login-container) {
    width: min(100% - 32px, 1040px);
    margin: 0 auto 40px;
  }

  .login-container {
    margin: 0 auto 48px;
  }

  .notes-page-frame {
    min-height: 0;
    padding: 20px;
  }
}

@media (max-width: 380px) {
  .container:not(.login-container) {
    width: min(100% - 24px, 1040px);
  }

  .notes-page-frame {
    padding: 16px;
  }
}