/* Shared homepage and application palette. Keep brand changes in one place. */
:root {
  --ink: #163730;
  --muted: #65766e;
  --paper: #f8f8f1;
  --green: #173f35;
  --lime: #d9efb0;
  --line: #d8dfd2;
  --heading-font: Georgia, "Times New Roman", serif;
}

/* A compact install action closes every footer, outside primary page actions. */
footer .footer-install {
  grid-column: 1 / -1;
  flex-basis: 100%;
  width: 100%;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

footer .footer-install [data-install-site] {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  width: auto;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--green);
  border-radius: 5px;
  background: var(--paper);
  color: var(--green);
  font-size: .875rem;
  line-height: 1.4;
  cursor: pointer;
}

footer .footer-install [data-install-site]:hover {
  background: var(--lime);
}

footer .footer-install [data-install-status] {
  margin: 8px 0 0;
  font-size: .875rem;
  overflow-wrap: anywhere;
}

footer .footer-install [data-install-status]:empty {
  display: none;
}

footer .footer-admin {
  grid-column: 1 / -1;
  flex-basis: 100%;
  margin: 16px 0 0;
  font-size: .875rem;
}

footer .footer-admin a {
  display: inline-block;
  padding: 10px 0;
}