/* Shared, dismissible cross-app promotion. */
body.promo-open{position:fixed; top:var(--promo-scroll-top); left:0; right:0; overflow:hidden}
.promo-modal[hidden]{display:none}
.promo-modal{position:fixed; inset:0; z-index:100; display:flex; align-items:center; justify-content:center; padding:16px}
.promo-modal__backdrop{position:absolute; inset:0; background:rgba(10,14,16,.68); backdrop-filter:blur(5px)}
.promo-modal__panel{position:relative; display:flex; flex-direction:column; width:min(640px,100%);
  max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); overflow:hidden; border-radius:16px;
  background:var(--card); box-shadow:0 20px 70px rgba(0,0,0,.3)}
.promo-modal__toolbar{display:flex; justify-content:flex-end; flex-shrink:0; padding:8px 10px; border-bottom:1px solid var(--line)}
.promo-modal__close{display:inline-flex; align-items:center; justify-content:center; gap:12px; min-width:100px; min-height:48px;
  padding:8px 16px; border:1px solid #c7ced5; border-radius:8px; background:#fff; color:var(--text); font:inherit; font-size:15px; font-weight:700; cursor:pointer; touch-action:manipulation}
.promo-modal__close span{font-size:25px; line-height:1}
.promo-modal__close:hover{background:var(--soft)}
.promo-modal__close:focus-visible{outline:3px solid var(--accent); outline-offset:2px}
.promo-modal__panel > a{display:block; min-height:0; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
  text-decoration:none; color:var(--text); background:var(--card)}
.promo-modal__screenshot{display:block; width:100%; height:auto; object-fit:contain}
.promo-modal__body{display:block; padding:16px 22px 20px}
.promo-modal__title{display:flex; align-items:center; gap:10px; font-size:18px; font-weight:800}
.promo-modal__title img{width:32px; height:32px; border-radius:8px; border:1px solid var(--line)}
.promo-modal__lead{display:block; margin-top:6px; font-size:14px; line-height:1.7; color:var(--muted)}
.promo-modal__store{display:block; margin-top:16px}
.promo-modal__store img{width:auto; height:48px}
@media(max-width:600px){
  .promo-modal{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}
  .promo-modal__panel{max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); border-radius:12px}
  .promo-modal__body{padding:12px 15px 16px}
  .promo-modal__title{font-size:16px}
  .promo-modal__lead{font-size:13px}
}