/* Method 4 page: calculator field grid and equation steps */
.m4-fields {
  display: grid; grid-template-columns: minmax(0, 1fr) 7.5rem; gap: 0.5rem 0.9rem; align-items: center;
}
.m4-fields label { font-size: 0.9rem; color: var(--ink-2); display: flex; justify-content: space-between; gap: 0.5rem; }
.m4-unit { color: var(--ink-3); font-size: 0.82rem; white-space: nowrap; }
.m4-fields .field[aria-invalid="true"] { border-color: var(--gauge); }
.m4-step { border-bottom: 1px dashed var(--rule); padding-bottom: 0.6rem; }
.m4-step:last-of-type { border-bottom: 0; }
.m4-step .eq-name { margin-bottom: 0.1rem; }
.m4-step .katex-display { margin: 0.2rem 0; text-align: left; }
.m4-step .katex-display > .katex { text-align: left; }
@media (max-width: 420px) {
  .m4-fields { grid-template-columns: minmax(0, 1fr) 6rem; }
}
