.macs-pwa-install[hidden] { display: none !important; }
.macs-pwa-install { margin-block: 12px; gap: 10px; max-width: 100%; white-space: normal; text-align: center; overflow-wrap: anywhere; }
.macs-pwa-install .macs-icon { width: 22px; height: 22px; flex: 0 0 22px; }
.macs-pwa-help { box-sizing: border-box; width: min(440px, calc(100% - 32px)); max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow: auto; padding: 56px 24px 24px; border: 1px solid var(--macs-ink); border-radius: 8px; color: var(--macs-ink); background: var(--macs-surface); overflow-wrap: anywhere; }
.macs-pwa-help::backdrop { background: rgb(32 28 38 / 55%); }
.macs-pwa-help h2 { margin: 0 0 16px; font-size: 24px; line-height: 1.3; }
.macs-pwa-help p, .macs-pwa-help li { font-size: 17px; line-height: 1.6; }
.macs-pwa-help ol { padding-inline-start: 24px; margin-bottom: 0; }
.macs-pwa-help li + li { margin-top: 12px; }
.macs-pwa-close { position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 44px; height: 44px; padding: 10px; background: var(--macs-primary); color: var(--macs-ink); border: 1px solid var(--macs-ink); border-radius: 8px; cursor: pointer; }
.macs-pwa-close .macs-icon { width: 22px; height: 22px; }
.macs-pwa-help :focus-visible { outline: 3px solid var(--macs-ink); outline-offset: 4px; }