@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap');

.md-typeset h1 {
  color: var(--md-default-fg-color--light);
  font-size: 2em;
  line-height: 1.3;
  margin: 0 0 1.25em;
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 300;
  letter-spacing: -0.01em;
}

.md-typeset h2 {
  font-size: 1.5625em;
  line-height: 1.4;
  margin: 1.6em 0 0.64em;
}

.md-typeset h3 {
  font-size: 1.25em;
  font-weight: 400;
  letter-spacing: -0.01em;
  line-height: 1.5;
  margin: 1.6em 0 0.8em;
}

.labs-page-title {
  color: #333;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.4;
  margin: 0 0 1.25em;
}

.md-header .logo-text, .md-sidebar .logo-text,
.labs-page-title__name,
.labs-page-heading__name {
  font-family: Barlow, sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
}

.md-header .logo-text--labs, .md-sidebar .logo-text--labs,
.labs-page-title__labs,
.labs-page-heading__labs {
  font-family: Caveat, cursive;
  font-size: 1rem;
  font-weight: 700;
  margin-left: 0.2em;
  margin-right: 0.5em;
}

.labs-page-title__inline {
  white-space: nowrap;
}

.labs-page-heading__name {
  font-size: 2.25rem;
}

.labs-page-heading__labs {
  font-size: 2.5rem;
}

.md-footer__title {
  font-size: 0.9rem;
}

.md-footer__direction {
  font-size: 0.64rem;
}

.md-header__title {
  font-family: Barlow, sans-serif;
}

.logo-partners {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  white-space: nowrap;
}

@media screen and (min-width: 76.25em) {
  .md-header__inner {
    max-width: 80rem;
  }

  .md-header .md-logo {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    white-space: nowrap;
  }
}

.md-header__button.md-logo {
  padding-right: 0.1rem;
}

.logo3d {
  margin-left: 0.6em;
}

@media only screen and (max-width: 76.234375em) {
  .md-header .logo-partners, .md-sidebar .logo-text, .md-sidebar .logo3d {
    display: none;
  }

  .md-header .md-header__button.md-logo {
    display: flex;
    flex-shrink: 0;
    white-space: nowrap;
  }

  .md-header .logo-brand {
    display: inline;
  }

  .logo3d {
    margin-left: 1em;
  }
}

@media screen and (max-width: 76.234375em) {
  .md-sidebar--primary[hidden] {
    display: block !important;
  }
}

.labs-announcement {
  align-items: center;
  background: #123c55;
  border-radius: 0.5rem;
  color: #fff;
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(180px, 0.8fr) 2fr;
  margin: 1rem 0 2rem;
  padding: 1.5rem 2rem;
}

.labs-announcement h2 { color: #fff; margin: 0; }
.labs-announcement p { margin-bottom: 0; }
.labs-announcement__logos { align-items: center; display: flex; gap: 0.75rem; }
.labs-announcement__logos img { background: #fff; border-radius: 0.2rem; height: auto; max-width: 48%; padding: 0.25rem; }
.labs-announcement__logos span { font-size: 1.5rem; }
.labs-grid { align-items: stretch; }
.lab-card { display: flex; flex-direction: column; }
.lab-card__image { display: block; height: 350px; margin: 0 auto; object-fit: cover; width: 600px; }
.lab-card__metadata { font-size: 0.85rem; margin-top: auto; }
.lab-card__meta-row { display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; }
.lab-card__meta-row > span { min-width: 0; }
.lab-card__status-row { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.75rem; }
.lab-card__badge { border: 1px solid; border-radius: 999px; display: inline-block; font-size: 0.75rem; font-weight: 700; line-height: 1.2; padding: 0.2rem 0.55rem; }
.lab-card__badge--archived { background: #fff4c2; border-color: #b08b00; color: #6f5600; }
.lab-card__badge--in-3dbag { background: #d9f2dc; border-color: #4f8a5b; color: #2f6138; }

@media screen and (max-width: 600px) {
  .labs-announcement { grid-template-columns: 1fr; padding: 1.25rem; }
  .labs-announcement__logos { justify-content: center; }
}