* {
  box-sizing: border-box;
}

/* Form controls - responsive width */
input[type="text"],
input[type="number"],
select,
textarea {
  width: 100%;
  font-family: 'Courier New', Courier, monospace;
}

/* Grid layouts */
.grid-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.grid-item {
  display: flex;
  flex-direction: column;
}

/* Utility classes */
.mb-1 { margin-bottom: 8px; }
.mb-2 { margin-bottom: 16px; }
.mt-2 { margin-top: 16px; }
.error { color: red; }

/* Responsive: single column on mobile */
@media (max-width: 768px) {
  .grid-2col {
    grid-template-columns: 1fr;
  }

  input[type="text"],
  input[type="number"],
  select {
    font-size: 16px; /* Prevents zoom on iOS */
  }
}