/* Responsive rules for supervising-students */
@media (max-width: 900px) {
  body.page-supervising-students .page [class*="__inner"],   body.page-supervising-students .page [class*="-shell"],   body.page-supervising-students .page [class*="-container"] {
    max-width: calc(100vw - 32px);
  }
  body.page-supervising-students .page [class*="grid"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.page-supervising-students .page img {
    max-width: 100%;
  }
}
@media (max-width: 640px) {
  body.page-supervising-students .page [class*="__inner"],   body.page-supervising-students .page [class*="-shell"],   body.page-supervising-students .page [class*="-container"] {
    max-width: calc(100vw - 24px);
  }
  body.page-supervising-students .page [class*="grid"] {
    grid-template-columns: 1fr;
  }
  body.page-supervising-students .page [class*="hero"] {
    min-height: auto;
  }
  body.page-supervising-students .page table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 760px) {
  .supervision-entry, .supervision-grid {
    grid-template-columns: 1fr;
  }
}