[data-install-app] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4em;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: .55rem;
  color: inherit;
  font: inherit;
  font-weight: 650;
  white-space: nowrap;
  cursor: pointer;
}
.home-header [data-install-app] { min-height: 44px; padding: .45em .75em; font-size: 14px; }
#web-toolbar [data-install-app] {
  flex: none;
  min-height: 30px;
  padding: .3em .72em;
  color: #fff8dd;
  border-color: #fff8dd80;
}
[data-install-app]:hover { background-color: rgb(128 148 103 / .17); }
.app-installed [data-install-app], #install-help [hidden] { display: none; }
@media (max-width: 880px) { .home-header .desktop-link { display: none; } }
@media (display-mode: standalone) { [data-install-app] { display: none; } }
#install-help {
  box-sizing: border-box;
  width: min(26rem, calc(100% - 2rem));
  max-height: calc(100% - 2rem);
  margin: auto;
  padding: 1.6rem;
  border: 1px solid #c7cbb6;
  border-radius: 1rem;
  background: #faf8ef;
  color: #20392d;
  font: 1rem/1.55 system-ui, sans-serif;
  box-shadow: 0 1rem 4rem #172b2140;
  text-align: start;
}
#install-help::backdrop { background: rgb(19 37 28 / .58); }
#install-help h2 { margin: 0 0 .65rem; font: bold 1.65rem/1.15 Georgia, serif; color: inherit; }
#install-help p { margin: 0 0 1.1rem; line-height: 1.55; }
#install-help > div { display: flex; justify-content: flex-end; gap: .5rem; }
#install-help button {
  min-height: 44px;
  padding: .45rem 1.1rem;
  border: 1px solid #254b3b;
  border-radius: .55rem;
  font: 600 .95rem/1.25 system-ui, sans-serif;
  color: #fff;
  background: #254b3b;
  cursor: pointer;
}
#install-help button:focus-visible, [data-install-app]:focus-visible { outline: 3px solid #ac802b; outline-offset: 2px; }