.admin-page {
  margin: 0;
  display: grid;
  width: 100%;
  grid-template-rows: auto 1fr;
}

#page-holder {
  width: 100vw;
  height: 100%;
  border: 0;
}

.laboratory {
  display: grid;
  z-index: 10;
  gap: 0 var(--base-unit--s);
  grid-template-columns: auto 1fr;
  align-items: baseline;
  background: rgb(234, 237, 236);
  padding: 5px var(--base-unit);
  font-size: 11px;
  font-family: Helvetica;
  font-weight: 500;
  color: rgb(79, 79, 79);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
}
.laboratory a {
  text-decoration: underline;
}
.laboratory p, .laboratory ul {
  margin-bottom: 0;
}
.laboratory * {
  font-size: inherit;
}
.laboratory > div {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(24ch, auto));
  align-items: baseline;
  gap: var(--base-unit);
}

.lab {
  grid-column-start: 1;
  grid-column-end: -1;
}
.lab p {
  display: grid;
  grid-template-columns: 16ch 12ch auto;
  align-items: baseline;
  gap: var(--base-unit--s);
}
.lab h3 {
  opacity: 0.5;
  margin-top: var(--base-unit--ss);
  margin-bottom: 0;
}
.lab label {
  display: initial;
}
.lab__text-input {
  grid-column: span 2;
}
.lab__text-input input {
  width: 30ch;
  border: 0;
  background: inherit;
}
.lab[open] main {
  display: grid;
  gap: var(--base-unit);
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.lab--active {
  font-weight: 800;
}