.Grid {
  display: flex;
  flex-wrap: wrap;

  > li {
    width: 100%;
  }
}

.Grid.is-withNav {
  overflow-x: hidden;

  > li {
    flex: 1 0 auto;
  }
}

@media (@mq-m) {
  .Grid {
    height: calc(
      100vh - var(--Page-headerHeight) - var(--Icon-size) - (2 * var(--gap-m))
    );
    overflow: hidden;
  }

  .Grid.is-withNav {
    .Grid-nav {
      max-width: 305px;

      table {
        height: 100%;
        max-height: none;
      }
    }

    .Grid-main {
      border-left: solid 1px var(--color-gray3);
      width: 37.5%;

      .ContentEdit {
        height: calc(
          100vh - var(--Page-headerHeight) - var(--Icon-size) -
            (2 * var(--gap-m))
        );
      }
    }
  }
}
