/* The phone references reverse the Program and Promo color themes.
   Keep the existing mobile panels, interactions and desktop cards intact. */
@media (max-width: 767px) {
  .ms-tabs button[data-ms-tab="show"] {
    background: #fff;
    color: #0b0d10;
  }
  .ms-tabs button[data-ms-tab="program"] {
    border-color: #0b0d10;
    background: #0b0d10;
    color: #fff;
  }
  .ms-tabs button[data-ms-tab="promo"] {
    border-color: #00ff00;
    background: #00ff00;
    color: #0b0d10;
  }
  .ms-tabs button[data-ms-tab="program"] .ms-tab-snake-glow {
    stroke: #00ff00;
    opacity: .55;
  }
  .ms-tabs button[data-ms-tab="program"] .ms-tab-snake-line { stroke: #00ff00; }
  .ms-tabs button[data-ms-tab="program"] .ms-tab-snake-head { stroke: #ddffd6; }

  .ms-panel--program {
    background: #0b0d10;
    border-color: #0b0d10;
    color: #fff;
  }
  .ms-panel--program .ms-panel-body > .ms-kicker { color: #fff !important; }
  .ms-panel--program .ms-kicker-number { color: #00ff00; }
  .ms-panel--program h2,
  .ms-panel--program .ms-title-base { color: #fff; }
  .ms-panel--program .ms-title-accent { color: #00ff00; }
  .ms-panel--program .ms-panel-body > p:not(.ms-kicker):not(.ms-price) {
    color: #c6c9ca !important;
  }
  .ms-panel--program .ms-panel-body > .ms-lead { color: #fff !important; }
  .ms-panel--program .ms-features li b {
    background: #00ff00;
    color: #0b0d10;
  }
  .ms-panel--program .ms-cta {
    background: #00ff00;
    color: #0b0d10;
  }

  .ms-panel--promo {
    background: #00ff00;
    border-color: #00ff00;
    color: #0b0d10;
  }
  .ms-panel--promo .ms-kicker,
  .ms-panel--promo h2,
  .ms-panel--promo h2::first-line,
  .ms-panel--promo .ms-title-base { color: #0b0d10; }
  .ms-panel--promo .ms-title-accent,
  .ms-panel--promo .ms-kicker-number {
    color: #fff;
    -webkit-text-stroke: 1.5px #0b0d10;
    paint-order: stroke fill;
  }
  .ms-panel--promo .ms-kicker-number { -webkit-text-stroke-width: 1px; }
  .ms-panel--promo .ms-panel-body > p:not(.ms-kicker):not(.ms-price) {
    color: #0b0d10;
  }
  .ms-panel--promo .ms-features li b {
    background: #0b0d10;
    color: #00ff00;
  }
  .ms-panel--promo .ms-features li span {
    font-size: clamp(10px, 3.08vw, 13px);
    hyphens: none;
  }
  .ms-panel--promo .ms-price {
    border-color: #0b0d1066;
    color: #0b0d10;
    font-size: clamp(17px, 5.7vw, 23px);
  }
  .ms-panel--promo .ms-price small {
    background: #0b0d10;
    color: #fff;
  }
  .ms-panel--promo .ms-cta {
    background: #0b0d10;
    color: #fff;
  }
}