html,
body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  overflow-x: hidden !important;
}

[data-mb-portal-root] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  zoom: 1 !important;
  transform: none !important;
  container-type: inline-size;
}

[data-mb-portal-root],
[data-mb-portal-root] * {
  box-sizing: border-box;
}

[data-mb-portal-root] img,
[data-mb-portal-root] video,
[data-mb-portal-root] svg,
[data-mb-portal-root] canvas {
  max-width: 100%;
  height: auto;
}

[data-mb-portal-root] table {
  max-width: 100%;
}

@container (max-width: 900px) {
  [data-mb-portal-root] .row-4,
  [data-mb-portal-root] .row-3 {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  }
}

@container (max-width: 680px) {
  [data-mb-portal-root] .search-row,
  [data-mb-portal-root] .result-grid,
  [data-mb-portal-root] .editor-grid,
  [data-mb-portal-root] .table-card-grid,
  [data-mb-portal-root] .row-4,
  [data-mb-portal-root] .row-3 {
    grid-template-columns: 1fr !important;
  }

  [data-mb-portal-root] .result-card.full {
    grid-column: auto !important;
  }
}

@media print {
  [data-mb-portal-root] {
    width: 100% !important;
    max-width: 100% !important;
    zoom: 1 !important;
    transform: none !important;
  }
}