.web-app-install[hidden] { display: none !important; }
.web-app-install { flex-shrink: 0; text-align: center; margin: 0 auto; padding: 4px 16px 12px; }
.web-app-install button, .web-app-help button {
    appearance: none; border: 1px solid #b4d4ff; border-radius: 14px;
    background: #e7f1ff; color: #0068df; padding: 10px 16px;
    font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; min-height: 44px;
}
.web-app-install button:focus-visible, .web-app-help button:focus-visible { outline: 2px solid #0068df; outline-offset: 3px; }
.web-app-install p { margin: 6px 0 0; color: #657387; font-size: 13px; }
.web-app-install p:empty { display: none; }
dialog.web-app-help {
    box-sizing: border-box; width: calc(100% - 32px); max-width: 420px;
    max-height: calc(100dvh - 40px); overflow: auto; margin: auto;
    padding: 22px; border: 1px solid #dfe3ea; border-radius: 24px;
    background: #f5f8fc; color: #1b2027; box-shadow: 0 12px 48px #1e325029;
}
dialog.web-app-help::backdrop { background: #20334d66; }
dialog.web-app-help h2 { margin: 0 0 12px; padding: 0; font-size: 20px !important; line-height: 1.3; }
dialog.web-app-help p, dialog.web-app-help li { font-size: 15px; line-height: 1.5; }
dialog.web-app-help ol { padding-left: 22px; list-style: decimal; }
dialog.web-app-help li { margin: 8px 0; }
dialog.web-app-help form { margin-top: 16px; }


/* App installation as a footer link */
body .site-footer .web-app-install {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
}
body .site-footer .web-app-install[hidden],
body .site-footer-links > li[hidden] {
    display: none !important;
}
body .site-footer #web-app-install-button {
    display: inline;
    margin: 0;
    padding: 0;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #505b69;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
}
body .site-footer #web-app-install-button:hover {
    text-decoration: underline;
}
body .site-footer #web-app-install-status:not(:empty) {
    flex-basis: 100%;
}