/* The install control's one rule, and the iPhone panel. The platform's, like
   second-draft-note.css — kept as it is; the control itself is the app's to
   style. Hidden until second-draft-pwa.js says installing is possible here. */
html:not([data-second-draft-can-install="prompt"]):not([data-second-draft-can-install="ios"]) [data-second-draft-install] {
  display: none !important;
}

.sd-install-panel {
  max-width: min(360px, calc(100vw - 32px));
  border: 0; border-radius: 16px; padding: 20px 20px 16px;
  background: #fff; color: #1f1d1b;
  font: 16px/1.5 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  box-shadow: 0 12px 40px rgb(0 0 0 / 0.2);
}
.sd-install-panel::backdrop { background: rgb(0 0 0 / 0.35); }
.sd-install-panel h2 { font-size: 1.1rem; margin: 0 0 8px; }
.sd-install-panel ol { margin: 0 0 16px; padding-left: 1.25em; }
.sd-install-close {
  appearance: none; display: block; margin-left: auto;
  min-width: 44px; min-height: 44px; padding: 0 16px;
  border: 0; border-radius: 10px; background: #5b3a5e; color: #fff; font: inherit;
}
.sd-install-why { margin: 0 0 8px; }

/* The reminders control: shown only where this device can be sent them, or
   on an iPhone that could once the app is on its Home Screen. */
html:not([data-second-draft-reminders="on"]):not([data-second-draft-reminders="off"]):not([data-second-draft-reminders="install"]) [data-second-draft-reminders] {
  display: none !important;
}