/* In normal page flow: the invitation never covers navigation or content. */
.install-banner{flex:0 0 auto;background:var(--surface);border-bottom:1px solid var(--line);color:var(--ink)}
.install-banner-inner{display:flex;align-items:center;gap:10px;max-width:var(--page-width);margin:auto;padding:10px max(14px,env(safe-area-inset-right)) 10px max(2px,env(safe-area-inset-left));min-height:76px}
.install-banner-close{display:grid;place-items:center;flex:none;width:44px;min-height:44px;padding:0;background:transparent;color:var(--muted)}
.install-banner-close svg{width:16px;height:16px}
.install-banner img{flex:none;border-radius:10px;width:44px;height:44px}
.install-banner-copy{flex:1;min-width:0;line-height:1.35}
.install-banner-copy strong{display:block;font-size:14px;font-weight:600}
.install-banner-copy span{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.install-banner-add{flex:none;min-height:44px;padding:6px 8px;background:transparent;color:var(--wine);font-size:13px;font-weight:600}
.install-banner :focus-visible{outline:2px solid var(--wine);outline-offset:-2px}
@media(min-width:1001px){body:has(.install-banner:not([hidden])) .site-header{position:static}body:has(.install-banner:not([hidden])) .site-header:before{display:none}}
@media(max-width:360px){.install-banner-inner{gap:6px;padding-right:6px}.install-banner img{width:36px;height:36px}.install-banner-add{padding-inline:4px}}
.install-banner[hidden],.app-invitation[hidden],[data-install][hidden],[data-install-surface][hidden],[data-push-promotion][hidden]{display:none!important}
.app-invitation{display:flex;gap:16px;align-items:flex-start;padding:20px 0;margin:0 0 28px;border-block:1px solid var(--line)}
.app-invitation>img{flex:none;border-radius:11px;margin-top:2px}
.app-invitation h2{font-family:var(--sans);font-size:17px;line-height:1.45;letter-spacing:0;margin:0 0 5px}
.app-invitation p{font-size:14px;line-height:1.6;color:var(--muted);margin:0;max-width:560px}
.app-invitation-actions{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:8px}
.app-invitation-actions button{min-height:44px;padding:6px 0;font-size:14px;text-align:left}
.app-invitation-primary{color:var(--wine);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.account-nav>[data-install]{font:inherit;color:var(--muted);padding:4px 0;min-height:44px;white-space:nowrap}
.install-guide{max-width:620px}.install-guide .install-intro{font-size:15px;color:var(--muted);margin:0 0 22px}
.install-steps{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.install-steps>li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;align-items:center}
.install-picture{width:84px;min-height:84px;color:var(--wine);background:var(--paper);border-radius:12px;display:grid;place-items:center}
.install-picture svg{width:84px;height:84px}.install-picture-add{padding:10px 4px;gap:6px}.install-picture-add img{border-radius:9px}
.install-picture-add span{font:600 9px/1.3 var(--sans);text-align:center;max-width:100%;white-space:nowrap;border-radius:5px;background:var(--wine);color:white;padding:4px 3px}
.install-steps h3{font:600 16px/1.45 var(--sans);letter-spacing:0;margin:0 0 5px}.install-steps h3 span{color:var(--wine)}
.install-steps p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.install-guide .install-finish{font-size:14px;line-height:1.6;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.install-text-steps{padding-left:22px;font-size:16px;line-height:1.6}.install-text-steps li+li{margin-top:12px}
.install-guide :focus-visible,.app-invitation :focus-visible{outline:2px solid var(--wine);outline-offset:4px}
@media(max-width:420px){.install-steps>li{grid-template-columns:64px minmax(0,1fr);gap:12px}.install-picture,.install-picture svg{width:64px}.install-picture{min-height:76px}.install-steps h3{font-size:15px}.install-steps p{font-size:13px}.app-invitation{gap:12px}.app-invitation>img{width:40px;height:40px}.app-invitation-actions{gap:0 16px}}