.install-dialog { box-sizing: border-box; inline-size: min(34rem, calc(100% - max(1rem, env(safe-area-inset-left)) - max(1rem, env(safe-area-inset-right)))); max-block-size: calc(100vh - 2rem); max-block-size: calc(100svh - max(1rem, env(safe-area-inset-top)) - max(1rem, env(safe-area-inset-bottom))); max-block-size: calc(100dvh - max(1rem, env(safe-area-inset-top)) - max(1rem, env(safe-area-inset-bottom))); overflow: auto; overscroll-behavior: contain; padding: clamp(1rem, 4vw, 1.5rem); border: 1px solid var(--color-border, #d9ded1); border-radius: 1rem; color: var(--color-ink, #203a30); background: var(--color-surface, #fffefa); }
.install-dialog::backdrop { background: rgb(24 60 50 / 45%); }
.install-dialog h2 { margin-block: 0 1rem; font-size: 1.5rem; line-height: 1.4; overflow-wrap: anywhere; }
.install-dialog p, .install-dialog li { line-height: 1.7; }
.install-dialog ol { padding-inline-start: 1.5rem; }
.install-dialog li { margin-block: .5rem; }
.install-dialog-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block-start: 1.25rem; }
.install-dialog button, .install-entry { min-block-size: 44px; font-size: 1rem; white-space: normal; }
.install-entry { margin-block: .75rem; }
.signup-tracking-disclosure { margin-block: 1rem; }
.signup-tracking-disclosure summary { padding-block: .65rem; min-block-size: 44px; box-sizing: border-box; cursor: pointer; }
.signup-tracking-disclosure summary:focus-visible { outline: 3px solid #b97835; outline-offset: 3px; }
.install-dialog [hidden], .install-entry[hidden] { display: none !important; }
@media (max-width: 30rem) { .install-dialog-actions > button { inline-size: 100%; } }