.elementor-2143 .elementor-element.elementor-element-649d0be{--display:flex;}.elementor-2143 .elementor-element.elementor-element-ed5827b{--display:flex;}.elementor-2143 .elementor-element.elementor-element-9a19334{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3c0531c */.marche-app {
  --ma-bg: #06101d;
  --ma-bg-2: #081827;
  --ma-panel: #0d1d2c;
  --ma-panel-2: #102436;
  --ma-panel-3: #0a1724;

  --ma-text: #edf7fc;
  --ma-muted: #9fb6c6;

  --ma-line: rgba(181, 220, 239, 0.14);
  --ma-line-strong: rgba(181, 220, 239, 0.24);

  --ma-accent: #2dd4bf;
  --ma-accent-2: #60a5fa;

  width: 100%;

  color: var(--ma-text) !important;

  background:
    radial-gradient(
      circle at 15% 0%,
      rgba(45, 212, 191, 0.07),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      var(--ma-bg) 0%,
      #071421 50%,
      #050d17 100%
    ) !important;

  font-family: inherit !important;

  line-height: 1.85;

  direction: rtl;

  text-align: right;

  overflow: hidden;
}


/* ==================================================
   RESET INSIDE APP
================================================== */

.marche-app,
.marche-app * {
  box-sizing: border-box;
  font-family: inherit !important;
}

.marche-app * {
  color: inherit;
}

.marche-app a {
  color: var(--ma-accent-2) !important;
  text-decoration: none;
}

.marche-app a:hover {
  color: #93c5fd !important;
}

.marche-app button {
  font: inherit;
}


/* ==================================================
   SHELL
================================================== */

.marche-app .ma-shell {
  width: min(1240px, calc(100% - 28px));

  margin: 0 auto;

  padding: 16px 0 28px;
}


/* ==================================================
   TOP APP BAR
================================================== */

.marche-app .ma-topbar {
  min-height: 42px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 14px;

  padding: 8px 12px;

  margin-bottom: 10px;

  border: 1px solid var(--ma-line);

  border-radius: 4px;

  background: rgba(13, 29, 44, 0.84) !important;

  color: var(--ma-muted) !important;

  font-size: 12px;
}

.marche-app .ma-topbar-brand,
.marche-app .ma-topbar-meta {
  display: flex;

  align-items: center;

  gap: 9px;
}

.marche-app .ma-topbar-brand {
  direction: ltr;

  letter-spacing: 0.08em;

  color: #cdeff2 !important;
}

.marche-app .ma-topbar-meta span + span {
  padding-right: 9px;

  border-right: 1px solid var(--ma-line);
}

.marche-app .ma-status-dot {
  width: 7px;

  height: 7px;

  border-radius: 50%;

  background: var(--ma-accent) !important;

  box-shadow:
    0 0 0 3px rgba(45, 212, 191, 0.08);
}


/* ==================================================
   BREADCRUMB
================================================== */

.marche-app .ma-breadcrumb {
  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  gap: 7px;

  padding: 6px 8px 2px;

  color: var(--ma-muted) !important;

  font-size: 12px;
}

.marche-app .ma-breadcrumb a {
  color: #bad6e5 !important;
}


/* ==================================================
   HERO
================================================== */

.marche-app .ma-hero {
  text-align: center;

  padding: 12px 0 4px;
}

.marche-app .ma-kicker,
.marche-app .ma-eyebrow {
  display: inline-block;

  color: var(--ma-accent) !important;

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 0.11em;

  direction: ltr;
}

.marche-app .ma-hero h1 {
  max-width: 980px;

  margin: 7px auto 8px !important;

  padding: 0 !important;

  color: var(--ma-text) !important;

  font-size: clamp(25px, 3vw, 42px) !important;

  line-height: 1.45 !important;

  font-weight: 850 !important;

  text-align: center !important;

  text-wrap: balance;
}

.marche-app .ma-lead {
  max-width: 900px;

  margin: 0 auto 12px !important;

  color: #bfd2dd !important;

  font-size: 14px;

  line-height: 2;

  text-align: center !important;
}


/* ==================================================
   FEATURED IMAGE
================================================== */

.marche-app .ma-cover {
  display: block !important;

  width: min(33vw, 520px) !important;

  min-width: 340px;

  margin-top: 16px !important;

  margin-bottom: 12px !important;

  margin-left: auto !important;

  margin-right: auto !important;

  padding: 0 !important;

  float: none !important;

  left: auto !important;

  right: auto !important;

  transform: none !important;

  position: relative !important;

  clear: both !important;

  background: transparent !important;

  border: 0 !important;

  text-align: center !important;
}

.marche-app .ma-cover img {
  display: block !important;

  width: 100% !important;

  height: auto !important;

  aspect-ratio: 3 / 2;

  object-fit: cover !important;

  object-position: center !important;

  margin: 0 auto !important;

  border: 1px solid var(--ma-line-strong) !important;

  border-radius: 6px !important;

  background: var(--ma-panel) !important;
}

.marche-app .ma-cover figcaption {
  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 5px 9px;

  margin-top: 6px;

  color: var(--ma-muted) !important;

  font-size: 11px;

  text-align: center;
}

.marche-app .ma-cover figcaption strong {
  color: #dff9f6 !important;
}


/* ==================================================
   QUICK STATS
================================================== */

.marche-app .ma-stats {
  display: grid;

  grid-template-columns:
    repeat(6, minmax(0, 1fr));

  gap: 1px;

  max-width: 1160px;

  margin: 12px auto 9px;

  padding: 1px;

  background: var(--ma-line) !important;

  border: 1px solid var(--ma-line);

  border-radius: 5px;

  overflow: hidden;

  text-align: center;
}

.marche-app .ma-stat {
  min-width: 0;

  padding: 11px 8px 9px;

  background: var(--ma-panel) !important;

  text-align: center !important;
}

.marche-app .ma-stat-label {
  display: block;

  margin-bottom: 3px;

  color: var(--ma-muted) !important;

  font-size: 10px;
}

.marche-app .ma-stat strong {
  display: block;

  color: var(--ma-text) !important;

  font-size: 16px;

  line-height: 1.45;
}

.marche-app .ma-stat small {
  display: block;

  margin-top: 2px;

  color: #7895a8 !important;

  font-size: 9.5px;
}

.marche-app .ma-stat-accent {
  background:
    linear-gradient(
      180deg,
      rgba(45, 212, 191, 0.11),
      rgba(13, 29, 44, 0.96)
    ) !important;
}

.marche-app .ma-stat-accent strong {
  color: var(--ma-accent) !important;
}


/* ==================================================
   QUICK ACTIONS
================================================== */

.marche-app .ma-actions {
  max-width: 860px;

  margin: 8px auto 18px;

  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 7px;
}

.marche-app .ma-action {
  min-height: 47px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 7px;

  padding: 8px 10px;

  border: 1px solid var(--ma-line);

  border-radius: 4px;

  background: var(--ma-panel-3) !important;

  color: #dbeef8 !important;

  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background 160ms ease;
}

.marche-app .ma-action:hover {
  transform: translateY(-1px);

  border-color:
    rgba(45, 212, 191, 0.4);

  background: #0e2232 !important;

  color: #ffffff !important;
}

.marche-app .ma-action span {
  color: var(--ma-accent) !important;

  font-size: 9px;

  direction: ltr;
}

.marche-app .ma-action strong {
  color: inherit !important;

  font-size: 12px;
}


/* ==================================================
   SECTION HEADER
================================================== */

.marche-app .ma-section-head {
  display: flex;

  align-items: end;

  justify-content: space-between;

  gap: 12px;

  margin: 0 0 8px;

  padding: 0 2px 8px;

  border-bottom:
    1px solid var(--ma-line);
}

.marche-app .ma-section-head p {
  margin: 2px 0 0 !important;

  color: #b9cedb !important;

  font-size: 13px;
}

.marche-app .ma-section-count {
  flex: 0 0 auto;

  padding: 3px 7px;

  border:
    1px solid var(--ma-line);

  border-radius: 3px;

  background: #0b1a27 !important;

  color: var(--ma-muted) !important;

  font-size: 10px;
}


/* ==================================================
   KNOWLEDGE CARDS
================================================== */

.marche-app .ma-featured-grid,
.marche-app .ma-card-grid {
  display: grid;

  gap: 8px;
}

.marche-app .ma-featured-grid {
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  margin-bottom: 8px;
}

.marche-app .ma-card-grid {
  grid-template-columns:
    repeat(3, minmax(0, 1fr));
}

.marche-app .ma-card {
  min-height: 178px;

  display: flex;

  flex-direction: column;

  padding: 12px 13px 11px;

  border:
    1px solid var(--ma-line);

  border-radius: 5px;

  background:
    linear-gradient(
      180deg,
      rgba(16, 36, 54, 0.92),
      rgba(10, 23, 36, 0.96)
    ) !important;

  color: var(--ma-text) !important;

  cursor: pointer;

  outline: none;

  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background 160ms ease;
}

.marche-app .ma-card:hover,
.marche-app .ma-card:focus-visible {
  transform: translateY(-2px);

  border-color:
    rgba(96, 165, 250, 0.42);

  background:
    linear-gradient(
      180deg,
      rgba(18, 43, 62, 0.96),
      rgba(10, 24, 38, 0.98)
    ) !important;
}

.marche-app .ma-card-featured {
  min-height: 190px;

  border-color:
    rgba(45, 212, 191, 0.24);

  background:
    linear-gradient(
      135deg,
      rgba(45, 212, 191, 0.08),
      transparent 45%
    ),
    var(--ma-panel) !important;
}

.marche-app .ma-card-top {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 8px;

  margin-bottom: 7px;
}

.marche-app .ma-card-num {
  color: var(--ma-accent) !important;

  font-size: 17px;

  font-weight: 800;

  line-height: 1;

  direction: ltr;
}

.marche-app .ma-card-label {
  color: #6f8da1 !important;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 0.09em;

  direction: ltr;
}

.marche-app .ma-card h2 {
  margin: 0 0 6px !important;

  padding: 0 !important;

  color: #eef9ff !important;

  font-size: 15px !important;

  line-height: 1.65 !important;

  font-weight: 800 !important;

  text-align: right !important;
}

.marche-app .ma-card-featured h2 {
  font-size: 18px !important;
}

.marche-app .ma-card p {
  margin: 0 0 9px !important;

  color: #9fb5c3 !important;

  font-size: 11.5px;

  line-height: 1.85;

  text-align: right !important;
}

.marche-app .ma-open {
  margin-top: auto;

  padding: 0;

  border: 0;

  background: transparent !important;

  color: #8ed7ff !important;

  font-size: 10.5px;

  font-weight: 700;

  text-align: right;

  cursor: pointer;
}

.marche-app .ma-open span {
  color: var(--ma-accent) !important;
}


/* ==================================================
   BOTTOM CTA
================================================== */

.marche-app .ma-next {
  margin-top: 12px;

  padding: 12px 14px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 14px;

  border:
    1px solid var(--ma-line-strong);

  border-radius: 5px;

  background:
    linear-gradient(
      90deg,
      rgba(45, 212, 191, 0.06),
      transparent 50%
    ),
    #0a1825 !important;
}

.marche-app .ma-next strong {
  display: block;

  margin-top: 2px;

  color: var(--ma-text) !important;

  font-size: 14px;
}

.marche-app .ma-next p {
  margin: 2px 0 0 !important;

  color: var(--ma-muted) !important;

  font-size: 11px;
}

.marche-app .ma-next-actions {
  display: flex;

  flex: 0 0 auto;

  gap: 6px;
}

.marche-app .ma-next-actions a {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 34px;

  padding: 6px 10px;

  border:
    1px solid rgba(96, 165, 250, 0.25);

  border-radius: 4px;

  background: #0e2233 !important;

  color: #dff3ff !important;

  font-size: 10.5px;
}

.marche-app .ma-next-actions a:first-child {
  border-color:
    rgba(45, 212, 191, 0.3);

  color: #baf7ef !important;
}


/* ==================================================
   FAQ
================================================== */

.marche-app .ma-faq-panel {
  margin-top: 10px;

  padding: 13px;

  border:
    1px solid var(--ma-line);

  border-radius: 5px;

  background: #081622 !important;
}

.marche-app .ma-section-head-small {
  margin-bottom: 6px;
}

.marche-app .ma-section-head-small h3 {
  margin: 2px 0 0 !important;

  color: var(--ma-text) !important;

  font-size: 17px !important;

  line-height: 1.5;
}

.marche-app .ma-faq-list {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 6px;
}

.marche-app .ma-faq-list details {
  border:
    1px solid var(--ma-line);

  border-radius: 4px;

  background:
    var(--ma-panel-3) !important;

  color:
    var(--ma-text) !important;
}

.marche-app .ma-faq-list summary {
  padding: 9px 10px;

  color: #dbeff8 !important;

  font-size: 11.5px;

  font-weight: 750;

  line-height: 1.7;

  cursor: pointer;

  text-align: right;
}

.marche-app .ma-faq-list details[open] summary {
  border-bottom:
    1px solid var(--ma-line);

  color:
    var(--ma-accent) !important;
}

.marche-app .ma-faq-list p {
  margin: 0 !important;

  padding: 9px 10px 10px;

  color: #a8bdca !important;

  font-size: 11px;

  line-height: 1.9;

  text-align: right;
}


/* ==================================================
   DIALOG
================================================== */

.marche-app .ma-dialog {
  width:
    min(820px, calc(100vw - 30px));

  max-height:
    min(86vh, 820px);

  margin: auto;

  padding: 0;

  border:
    1px solid rgba(142, 215, 255, 0.24);

  border-radius: 6px;

  background:
    #081521 !important;

  color:
    var(--ma-text) !important;

  box-shadow:
    0 26px 80px rgba(0, 0, 0, 0.46);

  overflow: hidden;
}

.marche-app .ma-dialog::backdrop {
  background:
    rgba(0, 7, 13, 0.78);
}

.marche-app .ma-dialog-head {
  min-height: 62px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 12px;

  padding:
    10px 12px 10px 15px;

  border-bottom:
    1px solid var(--ma-line);

  background:
    #0d1d2b !important;
}

.marche-app .ma-dialog-head span {
  display: block;

  margin-bottom: 1px;

  color:
    var(--ma-accent) !important;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 0.09em;

  direction: ltr;

  text-align: right;
}

.marche-app .ma-dialog-head h3 {
  margin: 0 !important;

  color:
    var(--ma-text) !important;

  font-size: 18px !important;

  line-height: 1.55;

  text-align: right !important;
}

.marche-app .ma-dialog-close {
  width: 34px;

  height: 34px;

  flex: 0 0 34px;

  display: inline-grid;

  place-items: center;

  padding: 0;

  border:
    1px solid var(--ma-line-strong);

  border-radius: 4px;

  background:
    #081521 !important;

  color:
    #d9edf6 !important;

  font-size: 23px;

  line-height: 1;

  cursor: pointer;
}

.marche-app .ma-dialog-close:hover,
.marche-app .ma-dialog-close:focus-visible {
  border-color:
    rgba(45, 212, 191, 0.48);

  color:
    var(--ma-accent) !important;

  outline: none;
}

.marche-app .ma-dialog-body {
  max-height:
    calc(min(86vh, 820px) - 62px);

  padding: 14px 16px 16px;

  overflow: auto;

  overscroll-behavior: contain;

  scrollbar-width: thin;

  scrollbar-color:
    #31546b #081521;

  text-align: right;
}

.marche-app .ma-dialog-body p,
.marche-app .ma-dialog-body li {
  color:
    #c0d1dc !important;

  font-size: 13px;

  line-height: 2;

  text-align: right !important;
}

.marche-app .ma-dialog-body p {
  margin:
    0 0 10px !important;
}

.marche-app .ma-dialog-body strong {
  color:
    #f1fbff !important;
}

.marche-app .ma-dialog-body h4 {
  margin:
    15px 0 6px !important;

  padding:
    0 8px 5px 0;

  border-right:
    2px solid var(--ma-accent);

  color:
    #e8f8ff !important;

  font-size:
    15px !important;

  line-height: 1.6;
}

.marche-app .ma-dialog-body ul,
.marche-app .ma-dialog-body ol {
  margin:
    7px 0 12px !important;

  padding:
    0 21px 0 0 !important;
}

.marche-app .ma-dialog-body li {
  margin-bottom: 4px;
}

.marche-app .ma-dialog-body a {
  color:
    #7dd3fc !important;

  text-decoration: underline;

  text-decoration-color:
    rgba(125, 211, 252, 0.3);

  text-underline-offset: 3px;
}


/* ==================================================
   DIALOG UI
================================================== */

.marche-app .ma-note {
  margin: 11px 0;

  padding: 9px 10px;

  border:
    1px solid rgba(45, 212, 191, 0.22);

  border-right:
    3px solid var(--ma-accent);

  border-radius: 4px;

  background:
    rgba(45, 212, 191, 0.055) !important;

  color:
    #bcd4d8 !important;

  font-size: 12px;

  line-height: 1.95;
}

.marche-app .ma-source-line {
  margin-top:
    14px !important;

  padding-top: 9px;

  border-top:
    1px solid var(--ma-line);

  color:
    #8da8b9 !important;

  font-size:
    10.5px !important;
}


/* ==================================================
   IMAT GRID
================================================== */

.marche-app .ma-exam-grid {
  display: grid;

  grid-template-columns:
    repeat(5, minmax(0, 1fr));

  gap: 5px;

  margin: 10px 0 12px;
}

.marche-app .ma-exam-grid > div {
  min-height: 86px;

  padding: 8px;

  border:
    1px solid var(--ma-line);

  border-radius: 4px;

  background:
    #0c1d2b !important;
}

.marche-app .ma-exam-grid strong {
  display: block;

  color:
    var(--ma-accent) !important;

  font-size: 22px;

  direction: ltr;
}

.marche-app .ma-exam-grid span {
  display: block;

  margin-top: 3px;

  color:
    #adc2cf !important;

  font-size: 10px;

  line-height: 1.65;
}


/* ==================================================
   APPLICATION STEPS
================================================== */

.marche-app .ma-steps {
  counter-reset: ma-step;

  list-style: none;

  padding: 0 !important;
}

.marche-app .ma-steps li {
  position: relative;

  padding:
    8px 42px 8px 8px;

  margin:
    0 0 5px;

  border:
    1px solid var(--ma-line);

  border-radius: 4px;

  background:
    #0a1926 !important;
}

.marche-app .ma-steps li::before {
  counter-increment: ma-step;

  content:
    counter(ma-step, decimal-leading-zero);

  position: absolute;

  top: 10px;

  right: 10px;

  color:
    var(--ma-accent) !important;

  font-size: 11px;

  font-weight: 800;

  direction: ltr;
}

.marche-app .ma-checklist li::marker {
  color: var(--ma-accent);
}


/* ==================================================
   SOURCE BUTTONS
================================================== */

.marche-app .ma-source-buttons {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 6px;

  margin-top: 12px;
}

.marche-app .ma-source-buttons a {
  padding: 8px 9px;

  border:
    1px solid var(--ma-line);

  border-radius: 4px;

  background:
    #0a1b29 !important;

  color:
    #bee9ff !important;

  font-size: 10.5px;

  text-decoration: none;
}


/* ==================================================
   RESOURCE GRID
================================================== */

.marche-app .ma-resource-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 6px;

  margin:
    10px 0 12px;
}

.marche-app .ma-resource-grid a {
  min-height: 74px;

  padding: 9px;

  border:
    1px solid var(--ma-line);

  border-radius: 4px;

  background:
    #0b1c2a !important;

  text-decoration: none;
}

.marche-app .ma-resource-grid strong {
  display: block;

  color:
    #e2f6ff !important;

  font-size: 12px;
}

.marche-app .ma-resource-grid span {
  display: block;

  margin-top: 3px;

  color:
    #829eaf !important;

  font-size: 9.5px;
}


/* ==================================================
   OFFICIAL SOURCES
================================================== */

.marche-app .ma-official-list {
  display: grid;

  gap: 5px;

  margin:
    10px 0 12px;
}

.marche-app .ma-official-list a {
  display: flex;

  align-items: center;

  gap: 9px;

  min-height: 42px;

  padding: 7px 9px;

  border:
    1px solid var(--ma-line);

  border-radius: 4px;

  background:
    #0a1926 !important;

  text-decoration: none;
}

.marche-app .ma-official-list span {
  flex:
    0 0 24px;

  color:
    var(--ma-accent) !important;

  font-size: 9px;

  direction: ltr;
}

.marche-app .ma-official-list strong {
  color:
    #cbe8f5 !important;

  font-size: 11px;
}


/* ==================================================
   PAGE SCROLL LOCK
================================================== */

body.modal-open {
  overflow: hidden !important;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 980px) {

  .marche-app .ma-stats {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

  .marche-app .ma-card-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .marche-app .ma-exam-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 700px) {

  .marche-app .ma-shell {
    width:
      min(100% - 16px, 1240px);

    padding-top: 8px;
  }

  .marche-app .ma-topbar {
    align-items: flex-start;

    flex-direction: column;

    gap: 3px;

    padding: 7px 9px;
  }

  .marche-app .ma-topbar-meta {
    width: 100%;

    justify-content:
      space-between;
  }

  .marche-app .ma-hero {
    padding-top: 8px;
  }

  .marche-app .ma-hero h1 {
    font-size:
      clamp(22px, 7vw, 30px) !important;

    line-height:
      1.55 !important;
  }

  .marche-app .ma-lead {
    font-size: 12.5px;

    line-height: 1.95;
  }

  .marche-app .ma-cover {
    width: 92% !important;

    min-width: 0 !important;

    max-width: 520px !important;
  }

  .marche-app .ma-stats {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    margin-top: 9px;
  }

  .marche-app .ma-actions {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .marche-app .ma-featured-grid,
  .marche-app .ma-card-grid {
    grid-template-columns:
      1fr;
  }

  .marche-app .ma-card,
  .marche-app .ma-card-featured {
    min-height: 164px;
  }

  .marche-app .ma-section-head {
    align-items: flex-start;
  }

  .marche-app .ma-next {
    align-items: stretch;

    flex-direction: column;
  }

  .marche-app .ma-next-actions {
    display: grid;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .marche-app .ma-faq-list {
    grid-template-columns:
      1fr;
  }

  .marche-app .ma-dialog {
    width:
      calc(100vw - 12px);

    max-width: none;

    height:
      min(94dvh, 900px);

    max-height:
      94dvh;

    border-radius: 5px;
  }

  .marche-app .ma-dialog-head {
    min-height: 58px;

    padding: 8px 9px;
  }

  .marche-app .ma-dialog-head h3 {
    font-size:
      15px !important;
  }

  .marche-app .ma-dialog-body {
    max-height:
      calc(94dvh - 58px);

    padding:
      12px 11px 14px;
  }

  .marche-app .ma-dialog-body p,
  .marche-app .ma-dialog-body li {
    font-size: 12.2px;

    line-height: 1.95;
  }

  .marche-app .ma-exam-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .marche-app .ma-source-buttons,
  .marche-app .ma-resource-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* ==================================================
   SMALL MOBILE
================================================== */

@media (max-width: 420px) {

  .marche-app .ma-topbar-meta {
    flex-wrap: wrap;
  }

  .marche-app .ma-topbar-meta span + span {
    padding-right: 0;

    border-right: 0;
  }

  .marche-app .ma-stat {
    padding-inline: 5px;
  }

  .marche-app .ma-stat strong {
    font-size: 14px;
  }

  .marche-app .ma-resource-grid,
  .marche-app .ma-source-buttons {
    grid-template-columns:
      1fr;
  }

}


/* ==================================================
   REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

  .marche-app .ma-card,
  .marche-app .ma-action {
    transition: none;
  }

}/* End custom CSS */