html {
  overflow-x: hidden;
}

body.site-page > .testarium-home,
body.site-page > .toast,
body.site-page > .modal {
  position: fixed;
}

.site-mental .screen:not(.active) {
  display: none !important;
}

.site-mental .result,
.site-mental .section,
.site-mental .domain-grid,
.site-mental .hypothesis-grid,
.site-mental .domain-card,
.site-mental .hypothesis-card {
  min-width: 0;
  max-width: 100%;
}

.site-mental .section {
  container-type: inline-size;
}

.site-mental .domain-card,
.site-mental .hypothesis-card {
  overflow-wrap: anywhere;
}

@container (max-width: 1080px) {
  .site-mental .domain-grid,
  .site-mental .hypothesis-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .site-mental .hypothesis-card.primary {
    grid-column: auto !important;
  }
}

@media (max-width: 1320px) {
  .site-mental .domain-grid,
  .site-mental .hypothesis-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .site-mental .hypothesis-card.primary {
    grid-column: auto !important;
  }
}

@media (max-width: 620px) {
  body.site-page > .testarium-home,
  .qt-home {
    position: static !important;
    inset: auto !important;
    margin: 10px 10px 0;
  }

  .site-mental .panel {
    border-radius: 22px;
  }

  .site-mental .section {
    overflow: hidden;
  }

  .site-mental .options {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px;
  }

  .site-mental .opt {
    min-height: 48px;
    padding: 10px 7px;
    font-size: 12px;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }

  .site-mental .quiz-nav {
    flex-wrap: wrap;
  }

  .site-mental .nav-right {
    margin-left: auto;
  }
}