/* Override the existing important white text rule on .mb-button. */
.mb-guide .mb-apk-trigger {
  background: #fff0d5;
  border: 1px solid #bd7a19;
  color: #633c00 !important;
  white-space: normal;
  text-align: center;
}
.mb-guide .mb-apk-trigger:hover,
.mb-guide .mb-apk-trigger:focus-visible { background: #ffe1a4; color: #4c2b00 !important; }
.mb-guide .mb-apk-alternative {
  margin-top: 1.5rem;
  padding: 1.25rem;
  border: 1px solid #eed5ad;
  border-radius: 1rem;
  background: #fffaf0;
}
.mb-guide .mb-apk-alternative p { margin: 0 0 .75rem; }
.mb-apk-help {
  padding: 2rem;
  border: 1px solid #d7e1ea;
  border-radius: 1.25rem;
  background: #fff;
  color: #1c3143;
}
.mb-apk-label {
  display: block;
  margin-bottom: .5rem;
  color: #81510a;
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.mb-apk-help h2 { margin: 0 2rem 1rem 0; font-size: clamp(1.4rem, 4vw, 1.85rem); line-height: 1.2; color: #102d40; }
.mb-apk-help p { font-size: 1rem; line-height: 1.6; }
.mb-apk-steps { margin: 1.25rem 0; padding-left: 1.5rem; }
.mb-apk-steps li { margin-bottom: .9rem; padding-left: .3rem; line-height: 1.6; }
.mb-apk-source { padding: .9rem 1rem; background: #f1f5f8; border-radius: .7rem; overflow-wrap: anywhere; }
.mb-apk-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.25rem; }
.mb-apk-actions .mb-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: .8rem 1.2rem;
  border: 1px solid #173d50;
  border-radius: .65rem;
  background: #173d50;
  color: #fff;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.mb-apk-actions .mb-outline { background: #fff; color: #173d50 !important; }
.mb-apk-actions [hidden] { display: none; }
.mb-apk-actions .mb-button:hover { background: #28586d; color: #fff !important; }
.mb-apk-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  padding: 0;
  width: min(680px, calc(100vw - 2rem));
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  border: 0;
  border-radius: 1.25rem;
  box-shadow: 0 20px 80px rgb(0 0 0 / 30%);
  overflow: auto;
  color: #1c3143;
}
.mb-apk-dialog::backdrop { background: rgb(12 27 39 / 68%); }
.mb-apk-dialog .mb-apk-help { width: 100%; max-width: none; margin: 0; border: 0; box-sizing: border-box; }
.mb-apk-dialog-close {
  position: absolute;
  top: .6rem;
  right: .6rem;
  width: 44px;
  height: 44px;
  border: 1px solid #c7d5df;
  border-radius: 50%;
  background: #f1f5f8;
  color: #173d50;
  font: inherit;
  font-size: 1.7rem;
  cursor: pointer;
  line-height: 1;
}
.mb-apk-dialog-close:hover { background: #e3ebf1; }
.mb-apk-help a:focus-visible,
.mb-apk-help button:focus-visible,
.mb-apk-dialog-close:focus-visible { outline: 3px solid #d18b18; outline-offset: 3px; }
html.mb-apk-dialog-open { overflow: hidden; }
@media (max-width: 540px) {
  .mb-apk-dialog { width: calc(100vw - 1rem); max-width: calc(100vw - 1rem); max-height: calc(100dvh - 1rem); }
  .mb-apk-help { padding: 1.5rem 1.15rem; }
  .mb-apk-help h2 { margin-right: 2.25rem; }
  .mb-apk-actions .mb-button { width: 100%; }
  .mb-guide .mb-apk-trigger { max-width: 100%; }
}
