.coordinate-section {
  background: linear-gradient(135deg, #f6fbf9, #fbfcfc);
}

.coordinate-field {
  grid-column: 1 / -1;
}

.field-hint {
  display: block;
  margin-top: 8px;
  color: var(--brand);
  font-size: .78rem;
  font-weight: 650;
  line-height: 1.4;
}

.field-hint.warning {
  color: #9a5a13;
}

.coordinate-help {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.45;
}

@media (max-width: 560px) {
  .coordinate-section {
    padding: 14px;
  }
}