/* Installation belongs to the website, on both desktop and phone. */
[data-install-nota][hidden] { display: none !important; }
.pwa-install-icon { flex: none; width: 44px; height: 44px; border: 0; }
.pwa-install-icon:hover { color: var(--brand-on-surface); }
.pwa-dialog { width: min(500px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; padding: 28px; border: 1px solid var(--border-strong); border-radius: var(--radius); background: var(--surface); color: var(--ink); overflow: auto; }
.pwa-dialog::backdrop { background: rgb(16 24 32 / 55%); backdrop-filter: blur(4px); }
.pwa-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.pwa-dialog-head img { width: 52px; height: 52px; border-radius: var(--radius); }
.pwa-dialog h2 { margin: 0 0 12px; font: 700 26px/1.25 var(--font-display); letter-spacing: -.04em; }
.pwa-dialog p { line-height: 1.6; }
.pwa-dialog ol { padding-left: 24px; margin: 20px 0; }
.pwa-dialog li { padding-left: 6px; margin: 12px 0; line-height: 1.5; }
.pwa-dialog .help { margin-bottom: 0; color: var(--ink-muted); }
#pwa-install-now { width: 100%; margin-block: 14px; }
@media (max-width: 480px) {
  .pwa-dialog { padding: 24px; }
}