.browser-app .email-recommendation,.browser-app .contact-support {
  max-width: 38rem;
  padding: 1rem;
  border: 1px solid #bbcbbd;
  border-radius: 12px;
  background: #edf2eb;
}
.browser-app .email-recommendation p,.browser-app .contact-support p { margin-block: 0 .5rem; }
.browser-app .contact-support textarea { min-height: 8rem; }
.browser-app .email-recommendation strong { display:block; margin-block-end:.25rem; color:#375746; }

.browser-app .signup-steps {
  max-width: 30rem; margin-block: .7rem 1rem; padding: .7rem 1rem;
  border: 1px solid #c5d5c9; border-radius: 10px; background: #edf3ed;
}
.signup-steps summary { cursor:pointer; font-weight:650; }
.signup-steps ol { margin-block:.65rem .1rem; padding-inline-start:1.35rem; }
.signup-steps li + li { margin-block-start:.35rem; }
.tour-buttons { display: flex; flex-wrap: wrap; gap: .45rem; }
.tour-walkthrough { color: #17372e; }
.tour-inline { position: fixed; z-index: 40; inset: 0; pointer-events: none; }
.tour-bar {
  border: 1px solid #b5c6bc; border-radius: 16px; background: #fffefa;
  padding: 1rem; min-width: 0; box-shadow: 0 12px 36px #203d2e26;
}
.tour-inline .tour-bar { position: absolute; top: 5.25rem; left: 1rem; width: min(370px, calc(100% - 2rem)); pointer-events: auto; }
.tour-bar-top,.tour-nav { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; justify-content: space-between; }
.tour-bar-top strong { font-size: .86rem; color: #426252; }
.tour-progress { font-size: .83rem; color: #52685d; margin-inline-start: auto; white-space: nowrap; }
.tour-bar .tour-step-title { margin-block: .6rem .25rem; font-size: clamp(1.1rem, 2.4vw, 1.45rem); line-height: 1.18; }
.tour-bar .tour-instruction { margin: 0 0 .8rem; color: #394f44; }
.tour-bar .tour-close { font-size: .78rem; }
.tour-nav select { color: inherit; background: white; min-height: 34px; border-radius: 6px; border: 1px solid #b5c6bc; font: inherit; padding-inline: .4rem; max-width: 100%; }
.tour-inline.tour-using-screenshot .tour-layout {
  position: absolute; top: 8px; left: 8px;
  width: min(920px, calc(100% - 16px)); max-height: calc(100% - 16px);
  overflow: auto; overscroll-behavior: contain; pointer-events: auto;
  border: 1px solid #b5c6bc; border-radius: 16px;
  background: #edf3ed; box-shadow: 0 12px 36px #203d2e35;
}
.tour-inline.tour-using-screenshot .tour-bar {
  position: sticky; top: 0; left: auto; width: auto;
  z-index: 2; border: 0; border-block-end: 1px solid #b5c6bc;
  border-radius: 0; box-shadow: none;
}
.tour-inline .tour-stage { padding: .45rem; }
.tour-caption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.3rem; margin-block-end:.35rem; }
.tour-enlarge { font-size:.78rem; }
.tour-inline.tour-enlarged.tour-using-screenshot .tour-layout { width:min(1240px, calc(100% - 16px)); }
.tour-inline.tour-using-screenshot:not(.tour-enlarged) .tour-picture { width:min(100%, max(420px, calc((100dvh - 270px) * 1.5493))); margin-inline:auto; }
.tour-inline:not(.tour-using-screenshot) :is(.tour-drag,.tour-center) { display:none; }
.tour-drag { cursor:grab; touch-action:none; user-select:none; }
.tour-dragging .tour-drag { cursor:grabbing; }
.tour-dragging .tour-pointer { transition:none; }
.tour-visually-hidden { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.tour-inline.tour-enlarged .tour-picture { overflow:auto; }
.tour-sample { margin: .15rem .35rem .45rem; font-size: .8rem; color: #466252; }
.tour-picture { overflow: hidden; border-radius: 6px; background: #f3f6f2; }
.tour-screenshot { display: block; width: 100%; height: auto; }
.tour-outline,.tour-pointer { position: absolute; top: 0; left: 0; pointer-events: none; z-index: 1; }
.tour-outline { border: 2px solid #b4822c; border-radius: 7px; box-shadow: 0 0 0 2px #ffefd1, 0 0 0 5px #a9751729; }
.tour-pointer {
  width: 26px; height: 32px; margin: -3px 0 0 -3px;
  background: center / contain no-repeat url('/tour-screens/pointer.svg');
  filter: drop-shadow(0 2px 3px #17372e55);
  transition: transform .38s cubic-bezier(.25,.75,.28,1);
}
.browser-app .account-signout { margin-block-start: .55rem; color: #62382b; }
@media (max-width: 560px) {
  .tour-inline.tour-enlarged .tour-screenshot { width:620px; max-width:none; }
  .tour-bar { padding:.7rem; }
}
@media (prefers-reduced-motion: reduce) {
  .tour-pointer { transition: none; }
}

.phone .tour-bar .tour-step-title:focus { outline:none; box-shadow:none; background:transparent; }

.tour-pointer.tour-pointer-start { transition:none; }