.header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .75rem;
}

.back-link {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: .45rem .8rem;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 999px;
  color: #fff;
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
}

.back-link:hover,
.back-link:focus-visible {
  background: rgba(255, 255, 255, .12);
  outline: none;
}

.lab-footer {
  display: grid;
  gap: .35rem;
  padding: 1.5rem 1rem 2rem;
  background: var(--navy);
  color: #c8d5e1;
  text-align: center;
}

.lab-footer p {
  margin: 0;
}

.lab-footer strong {
  color: #fff;
}

.lab-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .55rem 1.1rem;
  margin-top: .4rem;
}

.lab-footer a {
  color: #8ce5ef;
  font-weight: 800;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}

.lab-footer a:hover,
.lab-footer a:focus-visible {
  color: #fff;
}

@media (max-width: 700px) {
  .header-actions {
    align-items: flex-end;
    flex-direction: column;
  }

  .back-link {
    min-height: 34px;
    font-size: .76rem;
  }
}