/* ES built CSS differences, loaded after the existing EN/CDN styles.
   Shared EN navigation rules and the CDN completion image remain in use.
   Vendor-prefix-only differences are not a second copy of the base CSS. */

/* ES task layout: client checks have no server-check restriction. */
.course-browser__results-restriction {
  display: none;
}

/* English interface labels. */
.course-browser__comparer--attempt::after {
  content: "My result";
}

.course-browser__comparer--reference::after {
  content: "Target";
}

.code-cards-board--active::after {
  content: "choose a card";
}

.turns-counter::after {
  content: "move";
}

/* Grid declarations from the ES build (same spacing as CDN). */
.cvc-overview__meta {
  grid-gap: 40px;
}

.cvc-overview__snapshots {
  grid-gap: 30px;
}

.cvc-overview__footer {
  grid-gap: 36px;
}

/* ES mobile selectors use named items and the runtime's screen classes. */
@media (max-width: 768px) {
  .cvc-overview__lead::before {
    content: "Task:";
  }

  .cvc-overview__snapshots {
    gap: 15px;
  }

  .task-mobile-menu .task-mobile-menu__item-task::before {
    background-image: var(--task-mobile-menu-challenge-icon);
  }

  .task-mobile-menu .task-mobile-menu__item-editor::before {
    background-image: var(--task-mobile-menu-code-icon);
  }

  .task-mobile-menu .task-mobile-menu__item-preview::before {
    background-image: var(--task-mobile-menu-preview-icon);
  }

  .task-mobile-menu--editor .task-mobile-menu__item-editor::after,
  .task-mobile-menu--preview .task-mobile-menu__item-preview::after,
  .task-mobile-menu--task .task-mobile-menu__item-task::after {
    content: "";
  }
}