@media (max-width: 999px) {
  html[data-modern-ui="ready"] .main {
    padding-top: 76px;
  }

  html[data-modern-ui="ready"] .row {
    max-width: 100%;
  }

  html[data-modern-ui="ready"] .section__header,
  html[data-modern-ui="ready"] .section__body,
  html[data-modern-ui="ready"] .section__footer {
    padding-inline: var(--mui-space-5);
  }
}

@media (max-width: 600px) {
  html[data-modern-ui="ready"] {
    font-size: 15px;
  }

  html[data-modern-ui="ready"] body {
    font-size: 14px;
  }

  html[data-modern-ui="ready"] .main {
    padding: var(--mui-space-3) var(--mui-space-3) var(--mui-space-8);
  }

  html[data-modern-ui="ready"] .header--mobile {
    position: sticky;
    top: 0;
    z-index: var(--mui-z-dropdown);
    min-height: 56px;
    padding: 0;
    border-bottom: 1px solid var(--mui-color-border-subtle);
  }

  @supports (backdrop-filter: blur(1px)) {
    html[data-modern-ui="ready"] .header--mobile {
      backdrop-filter: blur(var(--mui-glass-blur)) saturate(var(--mui-glass-saturate));
    }
  }

  html[data-modern-ui="ready"] .header--mobile__domain {
    height: 36px;
    margin-top: 10px;
  }

  html[data-modern-ui="ready"] .section {
    margin-right: 0;
    margin-left: 0;
    border-radius: var(--mui-radius-lg);
  }

  html[data-modern-ui="ready"] .section__header,
  html[data-modern-ui="ready"] .section__body,
  html[data-modern-ui="ready"] .section__footer {
    padding-inline: var(--mui-space-4);
  }

  html[data-modern-ui="ready"] .section__tools {
    position: static;
    display: flex;
    margin-top: var(--mui-space-3);
    gap: var(--mui-space-2);
    flex-wrap: wrap;
  }

  html[data-modern-ui="ready"] .dialog.withBg .dialog__content {
    width: calc(100vw - 24px);
    min-width: 0;
    max-height: calc(100dvh - 24px);
    padding: var(--mui-space-6) var(--mui-space-4);
    border-radius: var(--mui-radius-lg);
  }

  html[data-modern-ui="ready"] .button:not(.codicon) {
    min-height: 42px;
    height: 42px;
    line-height: 40px;
  }

  html[data-modern-ui="ready"] :where(input.textbox, textarea.textbox, .select) {
    min-height: 42px;
  }

  html[data-modern-ui="ready"] .section__table-container {
    margin-inline: calc(-1 * var(--mui-space-4));
    padding-inline: var(--mui-space-4);
    scrollbar-width: thin;
  }

  html[data-modern-ui="ready"] .data-table {
    min-width: 620px;
  }

  html[data-modern-ui="ready"] .page--problem_main .data-table {
    min-width: 520px;
  }

  html[data-modern-ui="ready"] .page--record_main .data-table,
  html[data-modern-ui="ready"] .page--contest_scoreboard .data-table {
    min-width: 700px;
  }

  html[data-modern-ui="ready"] .page--problem_detail .section__body > .typo,
  html[data-modern-ui="ready"] .page--problem_solution .section__body > .typo {
    font-size: 15px;
    line-height: 1.72;
  }

  html[data-modern-ui="ready"] .page--homepage .section:hover {
    transform: none;
  }

  html[data-modern-ui="ready"] .monaco-editor,
  html[data-modern-ui="ready"] .editor-container,
  html[data-modern-ui="ready"] .scratchpad-container {
    min-height: 280px;
    border-radius: var(--mui-radius-md);
  }
}