/* 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;
}

.m01lab-fx__row {
  cursor: pointer;
  border-radius: var(--radius-lg);
}

.m01lab-fx__row.is-on,
.m01lab-fx__row.is-pin {
  background: color-mix(in srgb, gold 35%, transparent);
}

.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);
  }
}