.mks-ud-pilot{--ink:#17263b;--muted:#53647a;--blue:#1256a2;--line:#d7e1ee;--paper:#fff;max-width:1200px;margin:0 auto;padding:24px;color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f8fc;box-sizing:border-box}
.mks-ud-pilot *{box-sizing:border-box}.mks-ud-pilot [hidden]{display:none!important}.mks-ud-pilot h1{font-size:clamp(25px,3vw,36px);line-height:1.2;margin:4px 0 12px}.mks-ud-pilot h2{font-size:22px;margin:0 0 14px}.mks-ud-pilot h3{font-size:18px;margin:0 0 12px}.mks-ud-pilot p{margin:8px 0 14px}.mks-ud-pilot .ud-eyebrow{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;color:var(--blue)}
.mks-ud-pilot .ud-topline,.mks-ud-pilot .ud-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.mks-ud-pilot .ud-meta{color:var(--muted);font-size:14px}.mks-ud-pilot header{margin-bottom:24px}.mks-ud-pilot button{font:inherit;cursor:pointer}.mks-ud-pilot button:focus-visible,.mks-ud-pilot input:focus-visible{outline:3px solid #f3a834;outline-offset:3px}.mks-ud-pilot .ud-card + .ud-card{margin-top:28px}
.mks-ud-pilot .ud-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:clamp(18px,3vw,32px);box-shadow:0 3px 14px #18345405}.mks-ud-pilot .ud-tag{font-size:12px;border-radius:20px;padding:3px 10px;background:#eaf0f8;color:#354962;font-weight:650}.mks-ud-pilot .ud-question{font-size:19px;line-height:1.7;margin:18px 0}.mks-ud-pilot sup{font-size:.72em;line-height:0;vertical-align:super}.mks-ud-pilot .ud-options{border:0;padding:0;margin:18px 0 24px;min-width:0}.mks-ud-pilot legend{font-size:14px;color:var(--muted);margin-bottom:10px}.mks-ud-pilot .ud-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;margin:8px 0;padding:12px 16px;cursor:pointer}.mks-ud-pilot .ud-option:has(input:checked){background:#eaf3ff;border-color:var(--blue)}.mks-ud-pilot .ud-option input{accent-color:var(--blue);width:18px;height:18px;margin:0;flex:none}.mks-ud-pilot .ud-letter{font-size:14px;font-weight:650;color:var(--muted);width:20px}.mks-ud-pilot .ud-btn{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:7px;padding:9px 18px;font-size:14px;font-weight:650}.mks-ud-pilot .ud-btn.secondary{background:#fff;color:var(--blue)}.mks-ud-pilot .ud-btn:disabled{opacity:.45;cursor:default}.mks-ud-pilot .ud-feedback{font-size:15px;font-weight:650;min-height:26px;margin:12px 0}.mks-ud-pilot .ud-feedback.correct{color:#116342}.mks-ud-pilot .ud-feedback.incorrect{color:#a02c2c}.mks-ud-pilot .ud-solutions{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;border-top:1px solid var(--line);margin-top:18px;padding-top:25px}.mks-ud-pilot .ud-written,.mks-ud-pilot .ud-video-panel{min-width:0}.mks-ud-pilot .ud-answer{background:#eaf6ef;border-left:3px solid #168259;padding:9px 13px;margin-bottom:16px;font-size:16px;font-weight:650}.mks-ud-pilot .ud-steps{padding-left:24px;margin:12px 0}.mks-ud-pilot .ud-steps li{padding-left:4px;margin-bottom:12px}.mks-ud-pilot .ud-trap{font-size:15px;border-radius:7px;background:#fff7e7;padding:13px 15px;color:#654b18}.mks-ud-pilot video{display:block;width:100%;aspect-ratio:16/9;background:#102238;border-radius:8px;object-fit:contain}.mks-ud-pilot .ud-video-box{background:#edf2fa;border-radius:8px;padding:16px;text-align:center}.mks-ud-pilot .ud-video-box p{font-size:14px}.mks-ud-pilot .ud-video-note{font-size:13px;color:var(--muted);margin-top:10px}.mks-ud-pilot .ud-cycle{width:100%;height:auto;max-width:460px;display:block;margin:16px auto}.mks-ud-pilot table{width:100%;border-collapse:collapse;font-size:14px;margin:14px 0}.mks-ud-pilot th,.mks-ud-pilot td{border:1px solid var(--line);padding:6px;text-align:center}
@media(min-width:950px){.mks-ud-pilot .ud-solutions{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
@media(max-width:520px){.mks-ud-pilot{padding:12px;font-size:16px}.mks-ud-pilot .ud-question{font-size:18px}.mks-ud-pilot .ud-card{padding:17px}.mks-ud-pilot .ud-actions{justify-content:flex-start}.mks-ud-pilot .ud-btn{padding:10px 12px}.mks-ud-pilot .ud-topline{gap:8px}.mks-ud-pilot .ud-tag{font-size:11px}}

/* Match the large video invitation card used in the practice player reference. */
.mks-ud-pilot .ud-video-box {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:240px;
  aspect-ratio:16/9;
  padding:26px 20px;
  border:1px solid #6a4e9b;
  border-radius:9px;
  background:linear-gradient(135deg,#3f285d 0%,#353e70 100%);
  color:#fff;
  text-align:center;
}
.mks-ud-pilot .ud-video-box::before {
  content:"VIDEO SOLUTION";
  order:0;
  margin-bottom:15px;
  color:#ddd1ef;
  font-size:12px;
  font-weight:750;
  letter-spacing:.19em;
}
.mks-ud-pilot .ud-video-box .ud-play:not(:disabled) {
  order:1;
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  width:180px;
  height:130px;
  flex:none;
  padding:0 0 3px;
  border:0;
  border-radius:8px;
  background:transparent;
  box-shadow:none;
  color:#fff;
  font-size:20px;
  font-weight:750;
  line-height:1.25;
}
.mks-ud-pilot .ud-video-box .ud-play:not(:disabled)::before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:86px;
  height:86px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 12px #ffffff12;
}
.mks-ud-pilot .ud-video-box .ud-play:not(:disabled)::after {
  content:"";
  position:absolute;
  top:27px;
  left:50%;
  transform:translateX(-35%);
  width:0;
  height:0;
  border-top:17px solid transparent;
  border-bottom:17px solid transparent;
  border-left:25px solid #7229cf;
}
.mks-ud-pilot .ud-video-box p {
  order:2;
  margin:15px 0 0;
  color:#d9d1e7;
  font-size:14px;
}
.mks-ud-pilot .ud-video-box .ud-play:disabled {
  order:1;
  background:#ffffff26;
  border-color:#ffffff80;
  color:#fff;
  opacity:1;
}
@media(max-width:520px) {
  .mks-ud-pilot .ud-video-box {min-height:245px;padding:22px 14px}
  .mks-ud-pilot .ud-video-box .ud-play:not(:disabled) {height:116px;font-size:18px}
  .mks-ud-pilot .ud-video-box .ud-play:not(:disabled)::before {
    width:72px;
    height:72px;
  }
  .mks-ud-pilot .ud-video-box .ud-play:not(:disabled)::after {
    top:23px;
    border-top-width:14px;
    border-bottom-width:14px;
    border-left-width:21px;
  }
}