/** The Lab — root-Domain override. */

.foundation-domain--lab {
  --foundation-color-domain-accent: #233e56ff;
  --foundation-color-domain-accent-2: #447d48ff;
  --foundation-lab-color-dark: #231f20;
  --foundation-lab-color-backdrop: #e7e4d4aa;
}

.foundation-lead-region {
  background: var(--foundation-color-domain-accent);
}

.foundation-lead-region[data-lead-variant="split"] {
    .foundation-lead-region__copy a {
        color: var(--foundation-lab-color-backdrop);
    }
}

.foundation-lead-region__copy {
  color: var(--foundation-lab-color-backdrop);
}

.foundation-lead-region__subtitle, .foundation-lead-region__summary {
  color: var(--foundation-color-surface);
}

.nav-link.nav-link--lab-koya {
  background: var(--foundation-lab-color-backdrop);
}

.nav-link.nav-link--lab-koya:hover {
  color: var(--foundation-color-page);
  text-decoration: none;
}

.foundation-lab-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 24rem), 1fr));
  gap: var(--foundation-grid-gap);
}

.lab-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 100%) minmax(0, 0%);
  height: 100%;
  border: var(--foundation-border-width) solid color-mix(in srgb, var(--foundation-color-domain-accent) 6%, transparent);
  background: var(--foundation-color-surface-muted);
  color: var(--foundation-color-text);
  max-width: 700px; /* THIS IS A TEMPORARY ARRANGEMENT UNTIL MORE CARDS ARE AVAILABLE*/
}

.lab-card__rail,
.lab-card__body {
  display: flex;
  padding-inline: 3rem;
  padding-block: 1rem;
  flex-direction: column;
  align-items: start;
  gap: 0.3rem;
  background: var(--foundation-lab-color-backdrop);
}

.lab-card__body h3 {
  margin-block: 1rem 2rem;
}

.lab-card__body h3 a {
  text-decoration: none;
  color: var(--foundation-color-domain-accent);
}

.lab-card__rail {
  border-inline-end: 0px solid var(--foundation-color-surface);
  align-items: center;
  display: none;
}

a:has(.lab-card__cue) {
  text-decoration: none;
}

.lab-card__index,
.lab-card__status,
.lab-card__cue {
  color: var(--foundation-color-domain-accent);
  font-size: var(--foundation-font-size-tiny);
  font-weight: var(--foundation-font-weight-strong);
  letter-spacing: var(--foundation-letter-spacing-interface);
  text-transform: uppercase;
  text-decoration: none;
}

.lab-card__index {
  padding-block: 1rem;
  display: none;
}

.lab-card__status,
.lab-card__cue {
  margin-block-start: 0px;
}

.lab-card__status {
  color: var(--foundation-color-text-muted);
  margin-bottom: 1rem;
  display: none;
}

.lab-card__place {
  color: var(--foundation-color-text);
  font-size: var(--foundation-font-size-small);
  align-content: center;
  height: 100%;
}

.lab-card__title {
  margin: 0;
  font-family: var(--foundation-font-family-display);
  font-size: var(--foundation-font-size-heading-3);
  font-weight: var(--foundation-font-weight-interface);
}

.lab-card__title a {
  color: inherit;
  text-decoration: none;
}

.lab-card__title a::after {
  position: absolute;
  inset: 0;
  content: "";
}

.lab-card__summary {
  max-width: 46ch;
  margin: 0;
  color: rgb(244 246 248 / 0.78);
  font-size: var(--foundation-font-size-small);
}


#foundation-overview-learning-at-the-lab {

  .views-field-title {
    padding: var(--foundation-grid-gap) 0px;
    font-weight: var(--foundation-font-weight-medium);
    font-size: var(--foundation-font-size-heading-5);
  }

  .views-field-field-summary {
    border-bottom: solid 1px var(--foundation-color-domain-accent);
    padding-bottom: var(--foundation-grid-gap);
    min-height: 114px;
  }
}

@media (max-width: 640px) {
  .lab-card {
    grid-template-columns: 1fr;
  }

  .lab-card__rail {
    border-inline-end: 0;
    border-block-end: var(--foundation-border-width) solid rgb(244 246 248 / 0.16);
  }
}

[dir="rtl"] :is(.lab-card__index, .lab-card__status, .lab-card__cue) {
  letter-spacing: normal;
  text-transform: none;
}




/* Lead Region on the landing page */
body.foundation-landing-page  {

  .foundation-lead-region {
    --foundation-lead-height: 90svh;
  }

  .container.foundation-page {
    padding-block-start: 0px;
  }
}