/* M01 로직 개선 시험 — 텍스트 수식 두 칸(왼쪽 이름 식 · 오른쪽 값 식) */
.m01lab-fx {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: var(--spacing-12);
  min-width: 0;
}

.m01lab-fx__head,
.m01lab-fx__row {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
}

.m01lab-fx__head {
  padding-bottom: var(--spacing-4);
  border-bottom: 1px solid var(--color-border);
}

.m01lab-fx__wide {
  grid-column: 1 / -1;
}

/* 748-2 한 줄 = 변수 이름 · 값을 하나하나 누름(행 고르기 없음) */
.m01lab-fx__toks,
.m01lab-fx__val {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-4);
}

.m01lab-fx__cell {
  min-width: 0;
  padding: var(--spacing-4);
}

/* 714-3 줄이 쓰는 입력 — 누르면 그 자리 고르기/글 칸 */
.m01lab-fx__vars {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-4);
  margin-top: var(--spacing-4);
}

.m01lab-fx__var .ui-field {
  min-width: 6rem;
}

@media (max-width: 600px) {
  .m01lab-fx,
  .m01lab-fx__head,
  .m01lab-fx__row {
    grid-template-columns: minmax(0, 1fr);
  }
}