.header-status,
.app-entry,
.tool-grid article > a {
  text-decoration: none;
}

.header-app-actions {
  display: grid;
  justify-items: center;
  gap: 3px;
}

.header-status {
  min-height: 40px;
  padding: 9px 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: #27766f;
  border-radius: 12px;
  background: linear-gradient(180deg, #378c83, #236d66);
  color: #fff;
  box-shadow: 0 4px 0 #174e49, 0 9px 18px rgba(23, 78, 73, .16);
  font-size: .78rem;
}

.header-app-actions > span {
  color: var(--coral);
  font-size: .66rem;
  font-weight: 800;
}

.app-entry {
  width: max-content;
  margin-top: 8px;
  padding: 10px 15px;
  border-radius: 999px;
  background: var(--teal);
  color: #fff;
  font-size: .82rem;
  font-weight: 800;
}

@media (max-width: 850px) {
  .site-header .brand {
    min-width: 0;
    flex: 1 1 190px;
  }

  .site-header .brand span {
    display: grid;
  }
}

@media (max-width: 600px) {
  .header-app-actions {
    order: 4;
    width: 100%;
  }

  .header-app-actions .header-status {
    order: 0;
    width: 100%;
  }
}

.tool-grid article > a {
  width: fit-content;
  margin-top: auto;
  padding: 9px 12px;
  border-radius: 999px;
  color: var(--green);
  background: #fff;
  font-size: .76rem;
  font-weight: 800;
}