/* Life Sciences, Language & AI Lab — evidence-first learning interface. */

.language-masthead {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 83% 24%, rgba(123, 219, 210, .38), transparent 24%),
    radial-gradient(circle at 72% 90%, rgba(55, 123, 210, .2), transparent 35%),
    linear-gradient(132deg, #082b3d, #155b67 58%, #168f86);
}

.language-masthead::after {
  content: "";
  position: absolute;
  right: 7%;
  bottom: -145px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
  box-shadow:
    0 0 0 44px rgba(255, 255, 255, .03),
    0 0 0 88px rgba(255, 255, 255, .02);
  pointer-events: none;
}

.language-lab {
  display: grid;
  gap: 18px;
}

.evidence-packet,
.task-card,
.result-card {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.evidence-packet {
  background: #f5fbfa;
}

.evidence-packet h4,
.task-card h4,
.result-card h4 {
  margin: 5px 0 8px;
  color: var(--navy);
  font-size: 1.04rem;
}

.evidence-packet p,
.task-card p,
.result-card p {
  margin: 0;
  color: var(--muted);
  font-size: .86rem;
  line-height: 1.6;
}

.source-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.source-token {
  padding: 7px 10px;
  border: 1px solid #bfd8d3;
  border-radius: 999px;
  color: #315f58;
  background: #edf7f4;
  font-size: .75rem;
  font-weight: 760;
}

.experiment-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.experiment-choice {
  min-height: 78px;
  padding: 12px 14px;
  border: 1px solid #cfd9df;
  border-radius: 10px;
  color: #405c6d;
  background: #fff;
  text-align: left;
  line-height: 1.45;
}

.experiment-choice:hover,
.experiment-choice:focus-visible {
  border-color: #168f86;
  outline: 3px solid rgba(22, 143, 134, .15);
  outline-offset: 1px;
}

.experiment-choice.selected {
  border-color: #168f86;
  color: #103e48;
  background: #eaf7f4;
  font-weight: 760;
}

.experiment-choice.incorrect {
  border-color: #d39b8d;
  background: #fff5f2;
}

.experiment-feedback {
  min-height: 72px;
  padding: 15px 16px;
  border-left: 4px solid #168f86;
  border-radius: 8px;
  background: #edf7f4;
}

.experiment-feedback strong {
  display: block;
  margin-bottom: 5px;
  color: var(--navy);
}

.experiment-feedback p {
  margin: 0;
  color: #4a6572;
  font-size: .84rem;
  line-height: 1.55;
}

.experiment-instruction {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.experiment-kind {
  color: #168f86;
  font-size: .74rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.experiment-step {
  color: #80919b;
  font-size: .74rem;
}

@media (max-width: 760px) {
  .experiment-choice-grid {
    grid-template-columns: 1fr;
  }

  .experiment-instruction {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* === INFORMATION, NOT ACTION · 2026-09-03 ===
   These labels name simulated source material. They deliberately avoid the
   border, capsule and hover language reserved for selectable controls. */
.source-token {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #526b79;
  background: transparent;
  font-size: .75rem;
  font-weight: 780;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: default;
  user-select: text;
}
/* === /INFORMATION, NOT ACTION · 2026-09-03 === */