/* Restricted in-app browser helper: only overlays actual share landing pages. */
.external-browser-help {
  border: 1px solid currentColor;
  border-radius: 999px;
  background: transparent;
  color: inherit;
  padding: .38rem .75rem;
  font: inherit;
  font-size: .83rem;
  cursor: pointer;
  margin-left: .7rem;
}
.external-browser-help:focus-visible,
.external-browser-guide button:focus-visible { outline: 3px solid #d29251; outline-offset: 3px; }
.external-browser-guide {
  position: fixed;
  z-index: 99999;
  top: max(12px, env(safe-area-inset-top));
  right: 12px;
  width: min(350px, calc(100vw - 24px));
  pointer-events: none;
  color: #243345;
}
.external-browser-guide-arrow {
  height: 42px;
  font-size: 43px;
  line-height: 38px;
  text-align: right;
  padding-right: 15px;
  font-weight: 800;
  color: #f3be66;
  text-shadow: 0 1px 8px rgba(0, 0, 0, .55);
}
.external-browser-guide-card {
  position: relative;
  pointer-events: auto;
  padding: 22px 19px 17px;
  border-radius: 16px;
  background: #fffaf1;
  border: 1px solid #ebdbbd;
  box-shadow: 0 12px 38px rgba(19, 32, 45, .28);
  font-size: 14px;
}
.external-browser-guide-card strong {
  display: block;
  font-size: 17px;
  font-weight: 750;
  margin-bottom: 10px;
  padding-right: 26px;
}
.external-browser-guide-card p {
  line-height: 1.7;
  margin: 0 0 14px;
  color: #47566a;
}
.external-browser-guide-close {
  position: absolute;
  right: 10px;
  top: 7px;
  border: 0;
  background: transparent;
  font-size: 27px;
  line-height: 32px;
  cursor: pointer;
  color: #43556a;
}
.external-browser-guide-copy {
  border: 0;
  border-radius: 10px;
  padding: 10px 15px;
  background: #304d68;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.external-browser-guide-url {
  display: block;
  width: 100%;
  margin-top: 9px;
  border: 1px solid #9dabc1;
  padding: 8px;
  font-size: 12px;
}
@media (max-width: 420px) {
  .external-browser-help { display: inline-flex; margin: 8px 0 0; }
  .external-browser-guide-card { padding: 19px 16px 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .external-browser-guide { scroll-behavior: auto; }
}