.mvd-modern-public {
  --mvd-surface: #ffffff;
  --mvd-surface-soft: #f6fafb;
  --mvd-border: #dfe7ea;
  --mvd-border-soft: #dce6eb;
  --mvd-radius-card: 6px;
  --mvd-radius-card-lg: 8px;
  --mvd-shadow-card: 0 1px 2px rgba(15, 28, 34, .04);
  --mvd-shadow-card-hover: 0 12px 24px rgba(18, 43, 53, .1);
  --mvd-raise-hover: translateY(-1px);
}

.mvd-skip-link {
  background: #ffffff;
  border: 2px solid #1683a7;
  color: #102b3a;
  font-weight: 700;
  left: 12px;
  padding: 10px 14px;
  position: fixed;
  top: 12px;
  transform: translateY(-160%);
  transition: transform .15s ease;
  z-index: 10000;
}

.mvd-skip-link:focus {
  transform: translateY(0);
}

.mvd-back-to-top {
  align-items: center;
  background: #1c2b34;
  border: 1px solid #73bed7;
  border-radius: 50%;
  bottom: calc(20px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 5px 14px rgba(10, 23, 30, .22);
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  height: 44px;
  justify-content: center;
  padding: 0;
  position: fixed;
  right: 20px;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  width: 44px;
  z-index: 45;
}

.mvd-back-to-top[hidden] {
  display: none;
}

.mvd-back-to-top svg {
  fill: none;
  height: 22px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.5;
  width: 22px;
}

.mvd-back-to-top:hover,
.mvd-back-to-top:focus-visible {
  background: #457f9e;
  border-color: #b8e7f4;
  box-shadow: 0 8px 18px rgba(10, 23, 30, .3);
  outline: none;
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  .mvd-back-to-top {
    bottom: calc(14px + env(safe-area-inset-bottom, 0px));
    height: 42px;
    right: 14px;
    width: 42px;
  }
}

.mvd-modern-public .mvd-surface-card,
.mvd-modern-public .content,
.mvd-modern-public .sidebar,
.mvd-modern-public .mvd-form-page .form-horizontal fieldset,
.mvd-modern-public .mvd-catalog-page .sidebar-widget,
.mvd-modern-public .mvd-category-page .sidebar-widget,
.mvd-modern-public .mvd-category-card,
.mvd-modern-public .mvd-training-card,
.mvd-modern-public .mvd-domain-card,
.mvd-modern-public .mvd-training-outline-section,
.mvd-modern-public .mvd-training-side-panel,
.mvd-modern-public .mvd-home-heading,
.mvd-modern-public .widget-home,
.mvd-modern-public .mvd-home-rail-card,
.mvd-modern-public .mvd-home-why-grid article,
.mvd-modern-public .mvd-company-services article,
.mvd-modern-public .mvd-trainee-flow article,
.mvd-modern-public .mvd-trainee-tool-list a,
.mvd-modern-public .mvd-company-awards,
.mvd-modern-public .mvd-trainee-tools,
.mvd-modern-public .mvd-booklet-summary,
.mvd-modern-public .mvd-booklet-section,
.mvd-modern-public .mvd-orientation-choice,
.mvd-modern-public .mvd-orientation-result-card,
.mvd-modern-public .mvd-schedule-domain-card,
.mvd-modern-public .mvd-schedule-training-card,
.mvd-modern-public .mvd-calendar-session-card {
  background: var(--mvd-surface);
  border: 1px solid var(--mvd-border);
  border-radius: var(--mvd-radius-card);
  box-sizing: border-box;
}

.mvd-modern-public .mvd-category-card,
.mvd-modern-public .mvd-training-card,
.mvd-modern-public .mvd-orientation-choice,
.mvd-modern-public .mvd-orientation-result-card {
  border-radius: var(--mvd-radius-card-lg);
}

.mvd-modern-public .mvd-interactive-card,
.mvd-modern-public .mvd-category-card,
.mvd-modern-public .mvd-training-card,
.mvd-modern-public .mvd-domain-card,
.mvd-modern-public .mvd-home-rail-card,
.mvd-modern-public .mvd-trainee-tool-list a,
.mvd-modern-public .mvd-orientation-choice {
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.mvd-modern-public .mvd-interactive-card:hover,
.mvd-modern-public .mvd-interactive-card:focus,
.mvd-modern-public .mvd-category-card:hover,
.mvd-modern-public .mvd-training-card:hover,
.mvd-modern-public .mvd-category-card:focus-within,
.mvd-modern-public .mvd-training-card:focus-within,
.mvd-modern-public .mvd-category-card[data-card-href]:focus,
.mvd-modern-public .mvd-training-card[data-card-href]:focus,
.mvd-modern-public .mvd-domain-card:hover,
.mvd-modern-public .mvd-domain-card:focus-within,
.mvd-modern-public .mvd-domain-card[data-card-href]:focus,
.mvd-modern-public .mvd-home-rail-card:hover,
.mvd-modern-public .mvd-home-rail-card:focus,
.mvd-modern-public .mvd-trainee-tool-list a:hover,
.mvd-modern-public .mvd-trainee-tool-list a:focus,
.mvd-modern-public .mvd-orientation-choice:hover {
  transform: var(--mvd-raise-hover);
}

.mvd-modern-public .btn,
.mvd-modern-public .mvd-button,
.mvd-modern-public .mvd-button-graphite,
.mvd-modern-public .mvd-button-accent,
.mvd-modern-public .mvd-button-warning,
.mvd-modern-public .mvd-button-intra,
.mvd-modern-public .mvd-button-outline,
.mvd-modern-public .mvd-training-card-link,
.mvd-modern-public .mvd-domain-link,
.mvd-modern-public .mvd-upcoming-session-action,
.mvd-modern-public .mvd-calendar-register,
.mvd-modern-public .mvd-schedule-training-actions a,
.mvd-modern-public .mvd-schedule-request-chip,
.mvd-modern-public .mvd-calendar-pdf-button {
  background-image: none;
  border-radius: 4px;
  box-shadow: none;
  font-weight: 700;
  text-decoration: none;
  text-shadow: none;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, filter .18s ease, transform .18s ease;
}

.mvd-modern-public .btn:hover,
.mvd-modern-public .btn:focus,
.mvd-modern-public .mvd-button:hover,
.mvd-modern-public .mvd-button:focus,
.mvd-modern-public .mvd-button-graphite:hover,
.mvd-modern-public .mvd-button-graphite:focus,
.mvd-modern-public .mvd-button-accent:hover,
.mvd-modern-public .mvd-button-accent:focus,
.mvd-modern-public .mvd-button-warning:hover,
.mvd-modern-public .mvd-button-warning:focus,
.mvd-modern-public .mvd-button-intra:hover,
.mvd-modern-public .mvd-button-intra:focus,
.mvd-modern-public .mvd-button-outline:hover,
.mvd-modern-public .mvd-button-outline:focus,
.mvd-modern-public .mvd-training-card-link:hover,
.mvd-modern-public .mvd-training-card-link:focus,
.mvd-modern-public .mvd-domain-link:hover,
.mvd-modern-public .mvd-domain-link:focus,
.mvd-modern-public .mvd-upcoming-session-action:hover,
.mvd-modern-public .mvd-upcoming-session-action:focus,
.mvd-modern-public .mvd-calendar-register:hover,
.mvd-modern-public .mvd-calendar-register:focus,
.mvd-modern-public .mvd-schedule-training-actions a:hover,
.mvd-modern-public .mvd-schedule-training-actions a:focus,
.mvd-modern-public .mvd-schedule-request-chip:hover,
.mvd-modern-public .mvd-schedule-request-chip:focus,
.mvd-modern-public .mvd-calendar-pdf-button:hover,
.mvd-modern-public .mvd-calendar-pdf-button:focus {
  filter: brightness(1.06);
  transform: var(--mvd-raise-hover);
  text-decoration: none;
}

.mvd-modern-public .btn:disabled,
.mvd-modern-public .btn.disabled,
.mvd-modern-public .btn[disabled],
.mvd-modern-public .btn:disabled:hover,
.mvd-modern-public .btn.disabled:hover,
.mvd-modern-public .btn[disabled]:hover,
.mvd-modern-public .btn:disabled:focus,
.mvd-modern-public .btn.disabled:focus,
.mvd-modern-public .btn[disabled]:focus {
  filter: none;
  transform: none;
}

.mvd-info-notice,
.mvd-form-privacy {
  background: #f2f6f8;
  border-left: 3px solid #1f5f74;
  color: #31424b;
  line-height: 1.55;
  padding: 14px 16px;
}

.mvd-contrast-label {
  align-items: center;
  background: #152b36;
  border-radius: 4px;
  color: #ffffff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  padding: 7px 10px;
}

.mvd-data-pill,
.mvd-duration-badge,
.mvd-training-meta-pill,
.mvd-training-duration-badge,
.mvd-schedule-duration-badge {
  background: #dff4fb;
  border: 1px solid #73bed7;
  border-left: 4px solid #1684a5;
  border-radius: 5px;
  color: #123f58;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
  padding: 5px 10px 5px 8px;
}

.mvd-ref-badge,
.mvd-training-card-ref,
.mvd-schedule-training-ref {
  background: var(--mvd-calendar-soft, #eef4f6);
  border: 1px solid var(--mvd-domain-accent, #d9e3e9);
  border-radius: 999px;
  color: var(--mvd-domain-ink, #52616c);
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  padding: 5px 9px;
}

.mvd-status-pill,
.mvd-level-badge {
  border: 1px solid #d9e3e9;
  border-radius: 999px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  padding: 5px 9px;
}

.mvd-status-pill.is-level-beginner,
.mvd-level-badge.is-level-beginner {
  background: #e7f7ed;
  border-color: #bfe8d0;
  color: #1f7040;
}

.mvd-status-pill.is-level-beginner-intermediate,
.mvd-level-badge.is-level-beginner-intermediate {
  background: #fff7d8;
  border-color: #f1d36b;
  color: #755400;
}

.mvd-status-pill.is-level-intermediate,
.mvd-level-badge.is-level-intermediate {
  background: #fff0df;
  border-color: #efb46a;
  color: #954c08;
}

.mvd-status-pill.is-level-intermediate-advanced,
.mvd-level-badge.is-level-intermediate-advanced {
  background: #ffe7e9;
  border-color: #ec9da5;
  color: #a32f3b;
}

.mvd-status-pill.is-level-advanced,
.mvd-level-badge.is-level-advanced {
  background: #f1e8ff;
  border-color: #c7a4ee;
  color: #63349a;
}

.mvd-calendar-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 5px 0 6px;
}

.mvd-calendar-status {
  border-radius: 999px;
  display: inline-flex;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  padding: 5px 7px;
  text-transform: uppercase;
}

.mvd-calendar-status-confirmation.is-pending {
  background: #fff3d7;
  color: #8a5a00;
}

.mvd-calendar-status-confirmation.is-confirmed {
  background: #e3f4ec;
  color: #17623c;
}

.mvd-calendar-status-capacity.is-open {
  background: #eaf3f8;
  color: #176280;
}

.mvd-calendar-status-capacity.is-full {
  background: #fde9e6;
  color: #9c342b;
}