/* Location context: country dropdown, typeable city, and prefilled region. */
.self-report-fields #selfCountry {
  flex: 0 0 170px;
  width: 170px;
  height: 36px;
  padding: 0 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: 13px inherit;
}

.self-report-fields #selfLocation { flex: 1 1 140px; }
.self-report-fields #selfRegion { flex: 1 1 140px; }

@media (max-width: 760px) {
  .self-report-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .self-report-fields #selfCountry,
  .self-report-fields #selfLocation,
  .self-report-fields #selfRegion,
  .self-report-fields #selfStatus,
  .self-report-fields #personalAddReport {
    width: 100%;
    min-width: 0;
  }

  .self-report-fields #selfCountry,
  .self-report-fields #personalAddReport { grid-column: 1 / -1; }
}
