/* Scoped to the optional footer install disclosure. Existing styles are untouched. */
.pwa-install[hidden], .pwa-instructions[hidden] { display: none !important; }
.pwa-install { margin-top: 20px; }
.pwa-install button {
  font: inherit;
  font-size: 14px;
  color: var(--teal-dark);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 10px 14px;
  min-height: 44px;
  max-width: 100%;
  text-align: left;
  cursor: pointer;
}
.pwa-install button:hover { text-decoration: underline; text-underline-offset: 3px; }
.pwa-install button:focus-visible, .pwa-instructions h2:focus-visible {
  outline: 3px solid var(--orange);
  outline-offset: 4px;
}
.pwa-instructions {
  margin-top: 16px;
  max-width: 34rem;
  border-left: 3px solid var(--teal);
  padding: 4px 0 4px 20px;
  font-size: 14px;
  overflow-wrap: anywhere;
}
.pwa-instructions h2 { font-size: 20px; letter-spacing: normal; margin-bottom: 12px; }
.pwa-instructions p { margin-bottom: 12px; }
.pwa-instructions ol { padding-left: 22px; margin: 0 0 16px; }
.pwa-instructions li { margin: 8px 0; }
@media (display-mode: standalone), (display-mode: fullscreen) {
  .pwa-install { display: none !important; }
}